Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Selasa, 10 Mei 2011

Perfect Share Box for Blogspot

Kategori : , , ,
Media internet sudah menjadi makanan pokok bagi masyarakat Indonesia dan seluruh Dunia, dari kalangan atas menengah hinggak kecil baik yang sudah dewasa, remaja dan anak - anak ikut serta memakai media Internet ini. Kemajuan teknologi Internet sekarang berlangsung sangat cepat di sebabkan oleh perkembangan zaman. Jejaring sosial adalah salah satu tujuan utama masyarakat dunia memakai Internet sebab jejaring sosial dapat mencari teman, berbagi, mencari ilmu bahkan ada pula yang mencari jodoh. Namun kita harus menyikapi teknologi yang berkembang pesat ini dengan bijak dan tentunya positif.

Jejaring sosial memudahkan kita untuk berbagi pengalaman ilmu dan hal - hal lain maka dari itu saya selaku admin ingin berbagi pula tentang cara membuat Perfect Share Box. Sebenarnya saya pernah membahas hal yang bertemakan sama dengan yang ini, namun untuk kali ini cukup yang membedakannya adalah hasil dari trik ini. kalau sebelumnya hanya beberapa tombol share saja, kali ini lebih lengkap dengan tombol share jejaring sosial yang populer di dunia maya ini. coba lihat saja gambar di bawah ini :

Perfect box sharing

Nah kurang lebih gambarannya seperti itu, oiya kodenya ada di bawah ini, silahkan di ambil dan pasang di blog kamu :


<style type='text/css'>
.multisharebox {
background: none repeat scroll 0 0 #EFEFEF;
float: right;
margin: 5px 0px 3px 10px;
padding: 0 5px 0;
text-shadow: 0 1px 0 #FFFFFF;
width: 260px;
border:4px solid #d8dfea;
}
.fb-like-boxtop {
background: none repeat scroll 0 0 #EDEFF4;
border: 1px solid #D8DFEA;
color: #000000;
float: right;
font-size: 11px;
margin: 0 0;
padding: 5px 10px;
text-align: left;
width: 230px;
}
.fb-like-boxtop a {
color: #000000;
text-decoration:none;
}
.fb-like-boxtop a:hover {
color: #000000;
text-decoration:underline;
}
.fb-like-box {
background: none repeat scroll 0 0 #EDEFF4;
border: 1px solid #D8DFEA;
color: #000000;
float: right;
font-size: 11px;
height: 60px;
margin: 5px 0;
overflow: hidden;
padding: 5px 10px;
text-align: left;
width: 230px;
}
</style>

<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>


Selamat berbagi dengan teman teman kamu di jejaring sosial manapun! oiya trik juga dapat meningkatkan trafik blog kamu loh.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

7 Komentar untuk Perfect Share Box for Blogspot

sibbb , loadingnya jadi berat gak ya

tenang aja mas bro, ini gak pake script yang banyak jadi gak terlalu berat :)

taruh aja di rancangan >> edit html >> klik kotak kecil di samping tulisa expand widget template >> cari data:post.body >> taruh kode itu di bawahnya >> selesai deh :)

wah.. keren.. cobak dulu om.. mau diterapkan nih :D

silahkan sob, semoga berhasil ya