Cara Pasang Big Social Bookmarks di Setiap Postingan

Assalamualaikum sahabat blogger. Ukhra datang lagi ni buat share ke kamu. Kali ini ukhra mosting tentang salah satu cara meningkatkan traffic blog kamu yaitu memasang social bookmarks di setiap postingan yang letaknya di bawah postingan kamu. Kali ini tampilannya agak berbeda yaitu lebih besar dan unik. Seperti ini nih...

Tapi nggak usah jauh - jauh, di bawah postingan ini ada kok contohnya...hehe

Oke, langsung aja deh ..

1. Login di akun blogger kamu
2. Setelah masuk ke dasbor klik Tata Letak/Layout
3. Lalu klik Edit HTML
4. Setelah itu kamu cari kode ]]></b:skin>
5. Copas kode di bawah di atas kode 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 <data:post.body/> 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/AVvXsEijJ9PxJhG8JMcK2b1lhfyvzQJ8vd3K_pgmjs2Wmv0gaG0PG0j5g2B5B8QA-2HpIBLPee2vAJfMCDXkRB40CEzx3VJjJ09v6breC8zTHmeTR9Iidk3x3XC-mBZXkG_UL7V2Sr4hm2-rXX5Z/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/AVvXsEjedWEIXjcOT1iuZcEq3ZfPfWAFWXbKXcZn5JvLDQQUMINshbfKire8apwV9vsyANy1FFM4HiIhNjKU_TJYIhSmd5I2Dj00FAcu_ISQpA6VS4mudFGY-bQgXD0tycsJi3B2mWRq7qQFJpdj/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/AVvXsEgfPmnwN7DO0i59SGbSPf5K0slABp2pcMajPzfQ0z7ydRVnGo8RwDDb1x-O2BNzZDkOEqaXnhwKSaIr_GgCJDlX6AxAb4o6I4Vl0Ufxm6wCc8T6j4Flv8dEC_kUzLjDhBIo1MzYp2b1LCrL/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/AVvXsEgQcY3n8uThyphenhyphen0zCoeJSzVg2y6nNPnCJrx9Gn1eqDHQ8QJgHsF6oRQ25K27Ck1e4LlJropmWPwZSzmvCi2tpo7TWd2tFzD_D6JYeJ-6LEZsekUgl9be-QfqDP1pE8qMNnOLfqSv8AgSiMcQB/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/AVvXsEiU3EdTAiw0kJYo0F4q49bJOfcVNxiWdgRDys1D1DPyqsUl9SGyCz-ANWaZUgfjZTBG2Z2kgn4R5xpvQE2Uka5E5Pk_hsuWRUVktMc2JOuD9Jl0En0FJq-EHNM96RsrBq_-F7UKTtGfdJX4/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/AVvXsEiB5I8vpkrcCaj904IKc0v9X4ZWzLzeXiKSyGGZtkk37Hy29-aNfuCa0m5Zl8rkMeFrglXCB66z9xVbHvSCvcqQq5ihHaaNQ5qsDwmdd_NM51zA4IEhGB1r0w9yXhAkyoV1cjAAPIPMIRMr/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/AVvXsEhZG6YJtB9f6NzLyDjJZCVF2C7GMGtksS8exWnLC-7R54jqlE-1xaOlgg3CS3U1LZ4_-z5z33RSng_oO3dFyHJHinb5t9HHLXrSIksWoQ_WeFG0nJ5v90wnptLaDekCn9Y49u1zAbQzOmic/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/AVvXsEghMUA5-yA1wmXS7BplzR4zBYiFVRCoY4VMv7mJfXTdCGZP_91VNfCmaRpxI-MEwlJiLUo4T16dJiSbm3W96LSUfbJDYSiWTgbgB09CzODRG-imfdaH1Fp6CV1BFGItcZenOSkdtNEa4xeM/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>

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

7. Save . Selesai !!

Happy Blogging !!

Posted in: Tips Blog