Cara bikin tombol disamping naik-turun" Install Floating Social Bookmark on Blogger"

Mungkin anda penasaran liat tombol disamping naik-turun" Install Floating Social Bookmark on Blogger" di kaskus atau diblog temen-temen anda.
Disini akan dijelaskan Cara bikin tombol disamping naik-turun" Install Floating Social Bookmark on Blogger"

STEP #1:

• Login ke Blogger ► Layout ► Edit HTML ► tekan kotak Expand Widget Templates
• Lalu, cari (CTRL+F) kode di bawah ini ►

]]></b:skin>

• Dan Copy Paste kode di bawah ini, tepat di atas kode tadi ►

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0; position:fixed;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

STEP #2:

• Sekarang temukan kode di bawah ini ►

</body>

• Dan masukan kode di bawah ini, tepat di atas kode body tersebut ►

<DIV id='divStayTopLeft'>

<div class='sidetab'>

<ul class='navlist'>



<li class='button'><a href='http://feeds.feedburner.com/blogspot/lHjLZ'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>

<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>

<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>

<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>

<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>

<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>

<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>

<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>

<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>

</ul>

</div>

</DIV>

<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>

<script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

• Sekarang Anda tinggal click ► Save Template

NOTE : Ganti kode ► http://feeds.feedburner.com/blogspot/lHjLZ ► dengan alamat Link Feed Anda. Bila untuk blogspot akan seperti :mosesjoniibrahim.blogspot.com/feeds/posts/default . Bila Artikel ini membantu, jangan lupa untuk click Like Button Facebook di samping untuk menjadi penggemar. 

Anda juga dapat memodifikasi gambar icons maupun banyaknya links social networks, silahkan mencobanya juga agar sesuai dengan keinginan Anda.
Selamat mencoba !

Artikel Terkait