Membuat Tombol Facebook follow, Twitter, G+, Pinterest Horizontal Segaris Blogger (Blogspot)

Tombol facebook follow, twitter, google plus dan pinterest berfungsi untuk menyediakan fasilitas bagi pembaca/pengunjung blog/website untuk mengikuti (follow) blog/website melalui social media populer di atas.

Hal di atas bermanfaat utnuk memperluas/memopulerkan blog/website di social media. Untuk membuat tombol facebook follow, twitter, google plus dan pinterest horizontal segaris, maka langkah-langkahnya ialah sebagai berikut :

  1. Buka dashboard blogger (blogspot).
  2. Pilih menu template.
  3. Pilih edit html.
  4. Letakkan kursor pada teks kode html.
  5. Cari (tekan Ctrl + F) kode berikut :</body>
  6. Pastikan sudah terdapat kode berikut sebelum kode </body> :<script async='true' src='//connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script async='true' src='//platform.twitter.com/widgets.js' type='text/javascript'/><script async='true' src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/><script async='true' type="text/javascript" src='https://apis.google.com/js/plusone.js'/>
  7. Jika belum terdapat kode di atas sebelum kode </body>, maka sisipkan kode di atas sebelum kode </body>
  8. Klik simpan (save).
  9. Pilih menu tata letak (layout).
  10. Buat gadget/widget html baru di tempat yang disukai (atau boleh menggabungkannya pada widget/gadget html yang sudah ada yang disukai untuk mempercepat memuat/loading tombol facebook follow, twitter, g+ dan pinterest).
  11. Masukkan kode berikut pada widget/gadget html yang dibuat : <div style="float:left"><a href="https://twitter.com/IlmaAdzim" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true"></a></div><div style="float:left"><div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/102616725143634359988" data-rel="author"></div></div><div style="float:left"><div class="fb-follow" data-href="https://www.facebook.com/hebbieilma.adzim" data-width="auto" data-height="20px" data-colorscheme="light" data-layout="button_count" data-show-faces="false"></div></div><div style="float:left"><a data-pin-config="beside" data-pin-do="buttonFollow" href="http://www.pinterest.com/hebbieilma">Desain Blog Mudah</a></div>
  12. Sesuaikan kode warna kuning di atas dengan nama profil twitter blog/website, kode warna biru dengan profil G+ blog/website, kode warna hijau dengan nama profil facebook blog/website, kode warna ungu dengan nama profil pinterest blog/website dan warna merah dengan nama/domain blog/website.
  13. Klik simpan (save).
  14. Muat ulang halaman blog/website.
  15. Selesai.
Membuat Tombol Facebook follow, Twitter, G+, Pinterest Horizontal Segaris Blogger (Blogspot)

Komentar

Posting Komentar

Postingan populer dari blog ini

Menampilkan File Google Drive Pada Blog / Website

Gambar
Google Drive sangat berguna apabila sebuah website/blog ingin menampilkan ( embed ) sebuah/beberapa file dalam artikel/halaman website/blog untuk dibaca ataupun dilihat/diunduh oleh pengunjung website/blog. Langkah pertama yang dilakukan ialah dengan menggugah ( upload ) file yang akan dibagi ( share ) ke Google Drive. Sebagai informasi, Google Drive mengakomodasi file apa saja selama tidak mengandung virus. Langkah selanjutnya ialah sebagai berikut : Pilih (centang) file yang akan dibagi ( share ) dalam Google Drive, kemudian klik pilihan menu More --> Share --> Share . Kemudian akan muncul pengaturan berbagi file dan link berbagi ( share ) sebagai berikut : Kemudian ubah akses file Google Drive di atas menjadi public Sehingga menjadi seperti ini, kemudian kopi link yang disediakan Google Drive. Untuk menampilkan ( embed ) file Google Drive : Perhatikan link yang telah dikopi : https://drive.google.com/file/d/0B-wrkvPrI0SQM1RiandKXzVuM2M/edit?usp=sharing Untuk menampilkan ( em
Baca Selengkapnya

Membuat Tombol Kembali Ke Atas Melayang di Pojok Kanan Bawah Blogger (Blogspot)

Gambar
Jika halaman pada suatu blog/website sangatlah panjang, maka ada baiknya untuk memasang tombol kembali ke atas ( back to top ) untuk memudahkan navigasi pengunjung/pembaca blog/website kembali ke tampilan halaman atas blog/website. Tombol kembali ke atas ( back to top ) berada pada lapisan ( layer ) paling atas tampilan blog/website dan bergerak mengikuti tampilan/kursor halaman yang sedang dibaca pengunjung blog/website. Apabila tombol kembali di atas ( back to top ) di-klik di tampilan halaman blog/website mana saja, maka tampilan halaman blog/website akan bergulir menuju tampilan halaman blog/website paling atas (tampilan awal saat membuka halaman blog/website). Langkah-langkah untuk membuat tombol kembali ke atas ( back to top ) antara lain : Buka halaman dashboard blogger (blogspot). Pilih menu tata letak ( layout ). Tambahkan widget/gadget html baru (atau bisa digabungkan dengan widget/gadget html yang sudah ada yang disukai). Kopikan kode berikut pada widget/gadget html : <a
Baca Selengkapnya

Membuat Judul Halaman Blog Dinamis Blogger (Blogspot) Untuk Optimasi Mesin Pencarian

Gambar
Judul halaman merupakan salah satu parameter mesin pencarian dalam menampilkan hasil pencarian berdasar kata kunci pencarian. Mesin pencari akan mencari judul yang paling relevan dengan kata kunci pencarian. Maka dari itu, pemilihan judul halaman blog menjadi faktor penting yang perlu diperhatikan dalam optimasi mesin pencarian. Terdapat beberapa macam format judul halaman blog, di antaranya ialah judul halaman saat di halaman utama ( homepage ) dan juga judul halaman ketika ada di halaman artikel. Sedangkan gambar di bawah ialah contoh judul halaman artikel suatu blog yang belum dioptimasi untuk kata kunci pencarian 'hide and minimize of image'. Optimasi judul halaman artikel blog secara dinamis untuk mesin pencarian : Contoh gambar di atas ialah contoh halaman artikel blog yang sudah dioptimasi untuk mesin pencarian. Format-format judul halaman artikel yang dapat dijadikan sebagai optimasi mesin pencarian antara lain : "Judul Artikel | Nama Blog" "Judul Artikel
Baca Selengkapnya