Cara Memasang Big Social Bookmarks di Setiap Postingan

Hai sahabat blogger. Nova datang lagi ni, mau share ke teman-teman semua. Sekarang Nova posting tentang salah satu cara meningkatkan traffic blog sobat-sobat blogger yaitu dengan memasang social bookmarks di setiap postingan yang letaknya di bawah postingan kamu.Penambahan social bookmark sangat baik untuk mempromosikan blog kita di situs facebook, twitter, digg dan lain-lain.

Dan yang ingin saya sharingkan bukan social bookmark pada umumnya akan tetapi yang big, selain mempercantik blog juga menarik minat pengunjung untuk mengkliknya.. Tampilannya seperti ini sob 

di bawah postingan saya ini juga ada kok sob. hehehe..

Oke deh, langsung aza ke caranya, begini  sob :

1.Login ke blog kamu

2.Setelah masuk di dashbor, pilih rancangan/tata letak.

3.Next, klik edit html

4.Lalu, kamu cari kode  ]]></b:skin>

5.Copas kode di bawah ini, dan letakkan di atas kode  ]]></b:skin> tadi.

div.sociable { margin: 16px 0;}

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

position: absolute;

display: block;

top: -5em;

background: #ffe;

border: 1px solid #ccc;

color: black;

line-height: 1.25em;

}

.sociable span {

display: block;

}

.sociable ul {

display: inline;

margin: 0 !important;

padding: 0 !important;

}

.sociable ul li {

background: #f5f5f5;

display: inline !important;

list-style-type: none;

margin: 0;

padding: 2px;

}

.sociable ul li:before { content: ""; }

.sociable img {

float: none;

border: 0;

margin: 0;

padding: 0;

}

.sociable-hovers {

opacity: 0.4;

-moz-opacity: 0.4;

filter: alpha(opacity=40);

}

.sociable-hovers:hover {

opacity: 1;

-moz-opacity: 1;

filter: alpha(opacity=100);

}

6.Lalu cari kode <data:post.body/>

Note : Jika kamu memasang read more, akan terdapat dua buah  <data:post.body/> , copas kode di bawah ini di bawah kode yang kedua..

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

<div class='sociable'>

<div class='sociable_tagline'>

<img alt='maspeypah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwwjQTHdVaIut3ylq57xlEe6XXS4JjG9JynsuaS3eX0e2ET3GIjKg5M96PBtKEhz0xG3UG2k6ivhl4eWMBJxV0mDukd05eU22_3xSF0EyO9wEdiCwsF3vz4AIBJhXVyXAd3H-DVODA4P1/s1600/share.jpg' title='Share This Artikel'/>

</div>

<ul>

<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdNwvu2GkN0KBtVsfZiUsIb_TkKzs5kmUQm_Z8_YZWDeLZ3OAQ5niQOQwl_vJ9NXJ0IlUs0JZeRIF_tdmtLPTqv-9ct3SZ_MAp2InJBkcRqVOkGI-aEFPK-oGBCd_givQIsB308T09-Yym/s400/digg.png' title='Digg'/></a></li>

<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkBiAEsxwmGeoKhKftDGrhpL1gwnijoCA2YqfKrDX4vZw7hj9rSw4mgYqz_RLINmDHtsqEkU8srKCte7YAg6Ksq1zq0jTAK_9wdlE9bJzieOs0JaVseaHu8kW0SsHRg_th3AesUAL-A-OZ/s400/delicious.png' title='del.icio.us'/></a></li>

<li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCu1nRv6Q_u9D8hnAv-4vnFXguQ29dFuB6m22GmvFeTJjFV-SStRfCnu2oZk66Lpgrb2N73KSQ391znSAlLigALYOu1iBHo5j0AnIpun0BuwGEPjO1qYNwfoE5gGfR6FT43423KFcXIT1L/s400/facebook_002.png' title='Facebook'/></a></li>

<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYDjCd5bIZuEk1K2FbvJQrehufs3_h_UxZL8ULCfm7wMuUFNxz9ezvNy4eYfSqsE8X48jfL5wHoy-JkdLWidjNMjMzyZDK3Sb2XfkdbDanjZsxJwBkun2tZSS4uD3E2MjEQFGzeqFIPXqz/s400/googlebookmark.png' title='Google'/></a></li>

<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQ3EIHi6Iamewy_kUjneWDHAuqO8zohuYu1YT1OtHccyu34WV0F15Xo-CqWQby_nummyto2Yh7553xur03y6B1S5njkiTAQ4mUK1QpyOLs8-gO72TMLI_J01oAhRhaXAef2jALDJOzqv5/s400/stumbleupon.png' title='StumbleUpon'/></a></li>

<li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihlcUUg40v6PZuxK7aN0_dE_7vbISLKR766LNqzfFVa73GFXc1DGQ-v3kYKfHmyniagIbPrBhnle_EZ9qlFJKoRKlf2xd8hnmtwFzeCOAH_tWo5pBMa1kCORhfPXpMqAHnoHXr0JFLbbUw/s400/technorati.png' title='Technorati'/></a></li>

<li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgc2rpKDAVKo09Zki4ixg9BV-tGnbEm8y964lHUKy4JLn6a68P2Ec3q8pbwNjfPpVvTg_KzNLKMnW06zSAk1UW4Mg8dGblYjRakQKhx41wy2vq5UXyCXc-BEe2yMokkpsiqFVBRvOrACtK/s400/twitter.gif' title='TwitThis'/></a></li>

</ul>

</div>

</b:if>

7.Lalu save....

Selesai deh...

Happy Blogging...

from : http://www.maspeypah.co.cc/2010/02/cara-membuat-share-this-post.html#ixzz0i7yChRBM

Posted in: Tips dan Trik Blogging