Cara Memasang Tombol Share On Facebook di Akhir Postingan

Posted by Unknown on Sunday, September 6, 2009

3643744907_b3f7dcc3bd.psd

Seperti pada artikel saya sebelumnya tentang cara memasang tombol save as pdf di akhir postingan. Kali ini saya ingin menjelaskan cara memasang tombol Share On Facebook di Akhir postingan. Dengan memasang tombol ini maka akan lebih banyak kemungkinan artikel kita dibaca oleh banyak orang karena setiap yang membacanya bisa Share kembali di Facebook mereka.

Cara untuk memasangnya adalah sebagai berikut :

1. Login dengan Account blogger anda lalu masuk ke Dashboard > tata letak > edit HTML

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png'/></a>
</b:if>

Kode diatas akan tampak seperti ini  >> share_on_facebook_2

Atau anda bisa juga memasang logo-logo yang lain seperti yang telah saya sediakan berikut ini  :

    share_on_facebook_3

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png'/></a>
</b:if>

    share_on_facebook_4

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png'/></a>
</b:if>

facebook-icon

 <b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/></a> share_on_facebook_5.jpg'/
</b:if>

3643744907_b3f7dcc3bd.psd

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg'/></a>
</b:if>

il_430xN.77147031

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg'/></a>
</b:if>

share_on_facebook_5

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_8.jpg'/></a>
</b:if>

share_on_facebook_6

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_9.jpg'/></a>
</b:if>

facebook_Icon250

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_10.jpg'/></a>
</b:if>

Anda bisa memilih salah satu tombol diatara tombol-tombol diatas yang anda sukai atau jika anda ingin mengganti tombol dengan tombol yang anda desain sendiri. Anda tinggal mengganti bagian yang tercetak tebal dan miring berikut ini dengan URL gambar yang telah anda upload sebelumnya seperti :

<b:if cond='data:post.url'>
<a expr:href='&quot;
http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src=’http://i15.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png‘border="0" alt="www.tips-fb.com"></a>
</b:if>

4. Setelah menentukan pilihan Silahkan tekan tombol Save Template.

selamat mencoba !   1235_pda

Description: Cara Memasang Tombol Share On Facebook di Akhir Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Tombol Share On Facebook di Akhir Postingan

{ 0 comments... read them below or add one }

Post a Comment