31 Desember 2010

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='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOTb1pF1I/AAAAAAAAAuI/M-fC8ABhw6c/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='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfN_PyGWsI/AAAAAAAAAtw/HUcVDlUpfwg/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='http://1.bp.blogspot.com/_KgIhfKU4BcE/SwfN5pqFA4I/AAAAAAAAAto/HFYS5rLHaIo/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='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOGlfWg6I/AAAAAAAAAt4/1NpvgqnynAg/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='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfOL1O6pFI/AAAAAAAAAuA/fCpnpHg87yg/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='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfObF-toHI/AAAAAAAAAuQ/SwO1_vXBHWg/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='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOoNe2fWI/AAAAAAAAAuY/cxTxqKCpVYE/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='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOswiRsWI/AAAAAAAAAug/cllKpvLIDi4/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


4 komentar:

yah bingung nih sop.. ,tp ga pp gw coba2 aj dulu ,namanya ja pemula ,oyah jgn lupa follow blog gw yah ok thanks atas tipsnya

@RoNey: hehehe sorry sob kalo agak susah di mengerti :)
okok sob..
thx ya dah follow :)

bingung..baru blajar.. :D

@fai_dragao: iya sob.... emang membingungkan, tapi pasti bisa kok sob kalo d coba step by step :)

Posting Komentar