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 <font color="#8080ff"><b:if cond='data:top.showAuthor'></font>
<font color="#8080ff"></font>
3. Letakan kode berikut diatas kode no.2
<font color="#8080ff"><b:if cond='data:post.url'>Kode diatas akan tampak seperti ini >>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
Atau anda bisa juga memasang logo-logo yang lain seperti yang telah saya sediakan berikut ini :
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"></font>
<font color="#8080ff"></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/</font><font color="#8080ff">></a> <font color="#8080ff">share_on_facebook_5.jpg</font><font color="#8080ff">'/</font>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_8.jpg</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_9.jpg</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>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 :
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='</font><font color="#8080ff">http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_10.jpg</font><font color="#8080ff">'/</font><font color="#8080ff">></a>
</b:if></font>
<font color="#8080ff"><b:if cond='data:post.url'>4. Setelah menentukan pilihan Silahkan tekan tombol Save Template.
<a expr:href='"</font><font color="#8080ff">http://www.facebook.com/share.php?u="</font><font color="#8080ff"> + data:post.url'><img src=’</font>http://i15.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png<font color="#8080ff">‘border="0" alt="www.tips-fb.com"></a>
</b:if></font>
selamat mencoba !
Sumber: Facebook.com
0 comments:
Post a Comment