Cara Membuat Tombol Suka Di Blog Dengan Wajah


Cara Membuat Tombol Suka Di Blog Dengan Wajah
Selamat datang kembali di blogerciketing,pada tutorial blogspot atau tata cara mempercantik tampilan blog dengan tampilan widget yang pastinya keren dan menarik, kali ini Kumpulan Arttikel dan Informasi menarik akan bagi-bagi kode script html untuk menampilkan Tombol Like Facebook Di Blog Dengan tampilan  Wajah,yang saya beri judul Cara Membuat Tombol Suka Di Blog Dengan Wajah

Sebagai informasi aja ni gan,bahwa keberadaan tombol like di facebook sangat besar sekali pengaruhnya untuk blog,tombol like itu berarti tombol dukungan untuk blog kita,nilai satu like itu berarti satu voting untuk mempopulerkan blog kita dissocial media facebook.Tapi sebelumnya agan harus punya halaman fanspagege terlebih dahulu,jika agan belum tahu caranya silahkan agan cicipi tutorial facebook dari saya yang berjudul “Cara Membuat Halaman Fanspage facebook

Ok..gaan,kalau agan udah ngerti dan gak sabaran untuk masang scriptnya di blog agan, ini dia saya persembahkan khusus buat agan:

Ada dua langkah untuk memasang script tombol like facebook pada blog,

Langkah pertama: Masuk dasbord blogger sobat,tahukan apa itu dasbord blogger dan apa kegunaannya,baca dulu disini gan aturannya kalau belim tahu,jika agan sudah masuk,klik aja deh tulisan templat,klik lagi edit html yang atasnya ada gambar blog agan,setelah agan masuk pada ruangan HTML pasti bingung kan mau diapain,ya iyalah wong isinya kode HTML semua,jika sudah terbuka halaman edit HTMLnya beri centang pada kotak kecil expand templat widget,biar hurup-hurupnya pada bangun gan,lalu agan ketik pada dasbord Ctrl+F,lihat ada kotak kosong yang muncul nggak dipojok kanan atas monitor?

Tapi kalau agan pakai broser Mozilla kotak itu ada di sebelah kiri bawah monitor,jika sudah ketemu,tulis/tempatkan kode ini  <body>  dikotak tersebut,jika sudah nanti kode tersebut akan ditandai dengan warna orange stabillo,jika sudah ketemu, agan pindahin kode dibawah ini tepat di bawah kode yang berwarna stabillo tadi,ini kodenya:


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Jika sudah silahkan agan klik simpan/save,lalu klik tutup.

Sabar gaan belum selesai,ada langkah selanjutnya yang terakhir.

Langkah kedua/terakhir: Masuk dasbord blogger sobat,tahukan apa itu dasbord blogger dan apa kegunaannya,baca dulu disini gan aturannya kalau blom tahu,jika agan sudah masuk,klik aja deh Tata letak-----nanti disana banyak kotak-kotak yang tersedia,agan klik aja yang ada tulisan add gadget------setelah itu akan muncul jendela baru-----agan scroll kebawah,cari yang ada tulisan add gadget HTML lalu klik dan akan muncul sebuah formulir yang kosong lalu agan copy kode dibawah ini dan paste/tempelkan kode tersebut pada form kosong yang tersedia.

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Ciketing/130762667097127" data-width="292" data-show-faces="true" data-stream="false" data-border-color="#A52A2A" data-header="true"></div>

Silahkan agan ganti tulisan berwarna merah dengan alamat url fanspage halaman facebook agan,jika belum tahu caranya,baca postingan ini dulu gan "Cara Mengetahui Url Fanspage Facebook"jika sudah klik aja save/simpan.jadi deh.! 

Semoga artikel yang berjudul Cara Membuat Tombol Suka Di Blog Dengan Wajah ini dapat bermanfaat buat agan-agan semua,jika agan berkenan mari ikuti tutorial blogspot episode selanjutnya yang berjudul : Cara Membuat Kotak Komentar Facebook Tampil Di Blog

Terimakasih.
Tutorial blog lainnya







0 komentar on Cara Membuat Tombol Suka Di Blog Dengan Wajah :

Poskan Komentar