oke gan kali ini Tatho blog akan menjelaskan mengenai Cara Memasang Share This Post,
apa arti Share this post , share this ppost itu adalah tools untuk mempublikasikan postingan kita ke Jaringan jaringan sosial Misalnya Digg, Delicious, Facebook, Google, Stumble, Technorati dan Twitter,
ok tanpa basa basi lagi langsung aja ikutin cara ini,, Cekidot.......
1.Masuk ke akun blogger anda (klik ini)
2.Pilih Rancangan>>kemudian pilih Edit HTML
3.Jangan lupa centang kotak “Expand Templates Widget”
4. Cari kode ]]>></b:skin>
5.Kemudian Copas script dibawah ini Tepat di atas kode ]]>></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.jika sudah cari kode berikut
7.Kemudian Copas Script di bawah ini tepat di bawah kode
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs6OEQlz1pvnGh1V-fZGDyJd8TE17MJXlok8K7o4ggzubwGgIQe3-doRJAD9v7I1oZPMBv1TdhNDQuJnaK3T-kDTAZpXiX1QgJ-OCAEjEWqfbsTsW47FS8CM9MTH0suLxAbS3Q8ffkwD3j/s1600/share.jpg'
title='Share This Artikel'/>
</div>
<ul>
<li><a
expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url
+ "&title=" + data:post.title' target='_blank'><img
alt='Digg' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFGANODX-ELe8rp5zytPrkQgH9IN7Km1s8-3DGdfxHsZweZ88f4lKq85woO24pbr0GcV6aHOlTXlwUPuuOS2ZhQTgNRPp4U_Rd88wNQIO2nojbnuCfZX07lFxEe6Ilv8fZbHRgQsw3CIpl/s400/digg.png'
title='Digg'/></a></li>
<li><a
expr:href='"http://del.icio.us/post?url=" + data:post.url +
"&title=" + data:post.title' target='_blank'><img
alt='del.icio.us' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJQNFUKcoDVG0qo5d9hACjS2DZYaTPm7cmC3BZJG6aiVlxu1SUUcU1cqHgWuDtp_fOVT8C6InlGiS2xjR-YMcU1LLvmRSJXIs7zJTOcGmg3pBBtg9NQ9Ytt8E84EfAuJ6h82jH3wJGIy7/s400/delicious.png'
title='del.icio.us'/></a></li>
<li><a
expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url +
"&title=" + data:post.title' target='_blank'><img
alt='Facebook' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_XvMmVZTp3hDHglSE3dey0qdAMBIQiycuuZwmHwmm9Q0MSqRHuHwnd3HdTnKX64bnbjgv2V7kR9LX03_aov8QHVCoBKvGDSZidmaymNExPmlJNoy1FdwZff1WGr_DWJ4PdyxL5gPRfq8/s400/facebook_002.png'
title='Facebook'/></a></li>
<li><a
expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" +
data:post.url + "&title=" + data:post.title'
target='_blank'><img alt='Google' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5rW7TbxZVCFqZEXv3-kTV2_VFfqprl6gMjzCMnVBZ1XD9kOL8xXjUit-9U9pcYePLx6xq7cXvqVwM1XoE9Pzv0IOnOO4Pi1WRh_PJEM0x4r-9vFahv0AiJYs6UaKQunMXoing-ANxrIt/s400/googlebookmark.png'
title='Google'/></a></li>
<li><a
expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url +
"&title=" + data:post.title' target='_blank'><img
alt='StumbleUpon' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCswTJmuAVvhcLnhFxE5np1qCP_zK2WhpiLUv83ifTIfj6_VLOHWbB_TVlWEO-btwrX4HQHv20VeC9NpFwYomqw22D-nsEJW4E930zfEI4asRiASk7hyu1jcBQgzpNHp9i28zGBewTByD/s400/stumbleupon.png'
title='StumbleUpon'/></a></li>
<li><a
expr:href='"http://technorati.com/faves?add=" + data:post.url +
"&title=" + data:post.title' target='_blank'><img
alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQN5uJUeUoAYxKrslXk_ugw_ogKE4PrOUUjN_DKejFMuNZF-rYzqwQKr7zat65uq_J7X3eNrltdSeiMQXV1b-1oAno-ooFJT82NVbxabZKx1cVPi92mSPOuJx9oM0PweVSzwrSiO5HGfl/s400/technorati.png'
title='Technorati'/></a></li>
<li><a
expr:href='"http://twitter.com/home?status=" + data:post.url +
"&title=" + data:post.title' target='_blank'><img
alt='TwitThis' class='sociable-hovers'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjHEkM8JGkWyWycshAXVwOKcbJk3EmMlzb3I_LlDINh7noDhSDDjeOx2G8ZSGnHzGJX-y3X4jbaKAkPRTHB8fc4xERPpiOMij2UAsYCebZy0eBpJmkH1Hei0U_T1UuHUOi_9qi6GYkCaI/s400/twitter.gif'
title='TwitThis'/></a></li>
</ul>
</div>
</b:if>
7. simpan template.
8. refresh blog Anda dan pasti tool
tersebut sudah “hadir” dalam setiap postingan yang telah kita buat.
0 komentar:
Posting Komentar