Cara Memasang Tombol Share On Facebook di Akhir Postingan

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


Artikel Terkait:


Comments :

22 komentar to “Cara Memasang Tombol Share On Facebook di Akhir Postingan”
Blog Xna kool mengatakan...
on 

thank, langsung dipasang nih.

tips promosi blog di youtube

akhatam mengatakan...
on 

wah perlu di coba neh...

advent hia mengatakan...
on 

mantab sob..inilah yang kucari selama ini.
ada banyak tutorial asal asalan diluar sana tapi tidak berhasil...
akhirnya disinalah aku berhasil
tkx yach...

!Rchymera! mengatakan...
on 

Wach info yang sgt bermanfaat nich sob dan patut dicoba,semoga sukses selalu...:D

rizal mengatakan...
on 

keren juga tuh...siapa tahu postingan kita di shere ke facebook thank ya...

PS mengatakan...
on 

makasih ya...gw coba ya....

salam kenal

mas doyok mengatakan...
on 

basgus ekali anda juga tidak lupa menyertakan berbagai pilihan tombol :D

Imoel mengatakan...
on 

mantap sob..
nice post...

beebee mengatakan...
on 

ambil atu dah hehe ,,,makasi bro

Launching BeBlog mengatakan...
on 

nah ini nih baru keurend

nanti tak pasang

jgn lupa mampir

KzR mengatakan...
on 

layak dicoba gan..

Muklis mengatakan...
on 

Terimakasih atas tipsnya langsung di coba deh, dan salam kenal semoga selalu sukses, salam hangat dari BBM

AmruSite mengatakan...
on 

Posting bagus san, good,3x...
San, hari selasa ke MANDEL ya, jumpai saya...
Trimakasih..

ihsan mengatakan...
on 

@all.. : selamat mencoba gan..
semoga bermanfaat..:)

@Amrusite : oke...:D

Mengembalikan Jati Diri Bangsa mengatakan...
on 

wah infonya komplit, makasih.

HAPIA Mesir mengatakan...
on 

makasih atas infonya sob....

ihsan mengatakan...
on 

@Mengembalikan Jati Diri Bangsa :
sama-sama, semoga bermanfaat.:)

@HAPIA Mesir : sama-sama, semoga bermanfaat.:)

pagu d'grey mengatakan...
on 

aku masih nubie nih
kalo pake templates XML bisa gak?

wellsen mengatakan...
on 

Salam kenal bro..
thanks tutorialnya :)

hidra mengatakan...
on 

bergerak ke tkp >>> www.blognetizen.blogspot.com

odonk's mengatakan...
on 

mangtabh...........
berfungsi 10000000%
thanks gan..

Irfandi mengatakan...
on 

terimonggenaseh bro... peu haba?

Posting Komentar

Apabila ada yang kurang jelas atau ada yang info yang ingin ditambahkan bisa langsung ditambahkan pada kotak komentar di bawah ini :