Blog Geisha

Tutorial Blogger Kali Ini 

Koisine Blog Akan Membahas Tentang Cara Memasang  Social Bookmark Widget Cantik.

Social bookmark ini berbeda dengan yang lainnya, karena tampilan Bouncenya yang menarik perhatian.

Dan fungsinya juga untuk membagi artikel sobat ke situs sosial seperti Digg, Facebook, Twitter dll.

Langsung saja tutorialnya.

• Login ke Blogger  Sobat,
• Pilih Rancangan -- Edit Html -- Ceklist Expand Template Widget, 
• Silahkan sobat cari kode di bawah ini ( Tekan ctrl-F )

</head>

• Letakan kode di bawah ini sebelum kode di atas,

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>

• Selanjutnya, silahkan sobat cari kode

<data:post.body/>

• Letakan kode di bawah ini sesudah kode di atas,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<center>

<ul id='nav-shadow'>

<li class='button-color-1'><a expr:href='&quot;http://twitter.com/home/?status=Currently reading-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Tweet This Post'/></li>

<li class='button-color-2'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='button-color-3'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='button-color-4'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='button-color-5'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li></ul></center>

<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>

</b:if>

• Terakhir, SIMPAN TEMPLATE