Anda di halaman 1dari 3

cara membuat share this post

Mungkin diantara para sobat blogger belum mengerti apa maksud dan fungsi
Share This Post ini. Share This Post ini terdapat 7 tombol, yaitu : Digg, Delicious,
Facebook, Google, Stumble, Technorati dan Twitter. Fungsinya adalah untuk
mensubmit artikel Anda dengan mudah karena kita tinggal mengklik saja salah
satu social bookmark dan secara otomatis artikel Anda akan langsung tersubmit
ke social bookmark. Dan tentu saja fungsi utama Social Bookmark adalah
meningkatkan traffic pengunjung.

Langsung aja deh, gk usah basa-basi..

1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. beri tanda centang pada Expand Template Widget
4. Cari kode ]]></b:skin>
5. Letakkan script di bawah ini, dan letakkan di atas ]]></b:skin>

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/>


ket: Jika blog Anda sudah memakai fungsi readmore, maka terdapat dua kode
tersebut. Maka pilih kode yang kedua/terakhir biar tidak tampak pada halaman
utama.

7. Copy kode di bawah ini, lalu letakkan di bawah <data:post.body/>

<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/HU
cVDlUpfwg/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/HFY
S5rLHaIo/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/1Npv
gqnynAg/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/fCp
npHg87yg/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/cxT
xqKCpVYE/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/cllK
pvLIDi4/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>

8. Simpan

peneliti: oget_sincan@yahoo.co.id
http://ogetsincan.blogspot.com