Tutorial : Letak Floating Social Bookmark

Bagi blogger, mesti tak sahkan kalau korang tak ada Facebook, Twitter dan sebagainya lah. Tutorial kali ni ialah macammana nak letakkan floating social bookmark macam gambar kat sebelah ni dalam blog. Cara dia mudah jer. Korang ikut jer step2 yang di berikan. Sure jadi punyalah.

1. Pergi ke Layout>Design>Edit HTML

2. Cari kod berikut :  ]]></b:skin>

3. Paste code di bawah ini sebelum kod yang korang cari di step 2 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;}

.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;}

4. Cari kod berikut : </body>

5. Paste code di bawah ini sebelum kod yang korang cari di step 4 tadi.

<DIV id='divStayTopLeft'>

<div class='sidetab'>

<ul class='navlist'>



<li class='button'><a href='http://easy-xs.blogspot.com/feeds/posts/default'><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'/>
Good Luck kengkawan!