Beranda » » Cara membuat tombol share facebook , buzz , digg , twitter di blog

Cara membuat tombol share facebook , buzz , digg , twitter di blog

9
Ingin membuat tombol share facebook , buzz , digg , twitter seperti gambar di bawah ini , bagus bukan ?


Seperti yang kita ketahui tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. percaya ga ? pokok nya harus percaya :) Berikut adalah Cara membuat tombol share facebook , buzz , digg , twitter :

Langsung saja copykan script di bawah ini ke dalam html di blog anda :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style="border-top: 1px dashed rgb(204, 204, 204); border-bottom: 1px dashed rgb(204, 204, 204); padding: 10px 0px; margin: 10px 0px; width: 100%; float: left; height: 20px;">
<div style="float: left; padding-top: 3px; font: italic 12px Verdana;">Share this article on: </div>

<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>(function() {var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name Anda' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>

</div>
</b:if>

Cara Pemasangan :
Apabila anda ingin memasang di bawah judul postingan , maka letakan scritpt di atas  tepat di bawah kode:

 <div class='post-header-line-1'


*biasanya kode di atas ada dua , pilih saja yang pertama . (gunakan Ctrl + F)

9 comments:

Farixsantips said...

Bagus juga tombol sharenya :D mantep om blognya

Egi Gusniawan Pradana said...

@Farixsantips : Terima kasih sobh , blog kamu jg bagus :)

Anonymous said...

info yg bagus teman..
Dan blogmu keren, sy suka..
Bantu di www.poyox.com
ya..

bahroni said...

thanks mas bro,langsung tak coba.

Computer Triks said...

boleh juga nih di coba :)

donz said...

makasi gan,aku dah coba pasang yg lain ga bisa nonggol2 ikon nya.tp pnya mu langsung bs.Truz semangat..

tips modifikasi motor said...

tak pasang di blogku bisa nongol tapi, tapi kok ga bisa di klik ya.. yang salah apanya ya

Egi Gusniawan Pradana said...

donz: sipp , senang bisa membantu

tips modifikasi motor : mungkin ada yg ga ke copy atau ke apus , pada saat mengcopy script di atas ..

Info Terbaru said...

ijin comot gan .. script yang ini bikin gx lemot di blog :D

Post a Comment

Blog ini DoFollow ..