Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Cara Membuat Like Box Facebook di Blog Terbaru 2016


Cara membuat Like Box Facebook - Sebelumnya sudah tau kan apa itu Like Box? Like Box kalau kita terjemahkan ke bahasa indonesia artinya adalah kotak suka, yup benar sekali. Kali ini kita akan membuat sebuah kotak suka dari fanspage yang kita buat di facebook sehingga mempermudah pengunjung blog menemukan kita di facebook, sebelum kita membuat Like Box kita harus mempunyai fanspage dulu, bagi yang belum tau cara membuatnya, silahkan simak tutorial ini dari awal, karena di  tutorial ini saya akan mulai dari membuat fanspage facebook sampai ke pembuatan like box dan menempatkannya pada web kita.

Cara Membuat Like Box Facebook di Blog Terbaru 2016
Langsung saja kita ke tutorial pembuatan like box :
  1. Silahkan Buka link berikut https://www.facebook.com/pages/create.php
  2. kemudian pilih kategori fanspage

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  3. isi type dan nama fanspage anda

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  4. masukan deskripsi dan website anda pada form yang sudah di sediakan

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  5. untuk langkah ke -2 , dan ke -3 klik lewati saja. kita bisa isi belakangan

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  6. agar terlihat di beranda kita klik " Tambahakan ke faforit ", Simpan

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  7. pada form ini, isi sesuai kriteria anda

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  8. Fanspage telah berhasil di buat, sekarang tinggal buat like box nya
  9. selanjutnya silahkan kunjungi link berikut https://developers.facebook.com/docs/plugins/page-plugin 
  10. kemudian masukan pada beranda facebook anda, kemudia lihat di bagian kiri pada Favorit, klik Fanspage yang ingin di buat Like Box

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  11. Copy Url Fanspage Tersebut

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  12. Silahkan masukan url pada form yang di kotak merah, pada timeline di kosongkan saja, kemudian untuk width dan hight bisa di sesuaikan sendiri, untuk satuannya adalah pixel

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  13. setelah itu tinggal clikc Get Code

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  14. Copy semua Script yang di kota merah, dan masukan kedalam web

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  15. Buka blogger anda, pilih menu sebelah kiri pilih Layout
    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  16. kemudian klik, Add a Gadget -> HTML/Javascript

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  17. Paste Code dari facebook kedalam kotak

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
  18. kemudian simpan
  19. dan lihat hasilnya

    Cara Membuat Like Box Facebook di Blog Terbaru 2016
Nah itu dia cara menambahkan Like Box Terbaru 2016, semoga tutorial sederhana ini bisa bermanfaat, :)

Cara Setting Domain Di Afraid.com

Selamat malam sobat blogger ihsan.my.id, pada postingan kali ini saya ingin memberikan tutorial cara pointing domain ke Afraid.com. Apa itu Afraid.com? Afraid.com adalah salah satu website penyedia DNS gratis alternatif dari DNS management yang ada di control panel domain pada saat kita membeli domain tld/ premium . Sebenarnya tutorial ini ditujukan untuk Para pemilik blogger yang ingin pointing / mengarahkan blogger mereka ke domain pribadi namun tidak ada fasilitas DNS management. Saya sendiri juga menggunakan fasilitas Afraid.com untuk mengarahkan domain blog saya yang asalnya ihsanpedia.blogspot.com ke domain ihsan.my.id.

Cara Setting Domain Di Afraid.com

Bagi yang sudah terbiasa menggunakan dan mengkonfigurasi linux pasti sudah mengerti DNS management, biasanya yang sering di gunakan pada linux adalah paket Bind9 ( DNS Server ) untuk mengkonfigurasi web server. Bagi yang belum terbiasa dengan linux mungkin agak kesulitan pada saat mengkonfigurasi DNS Server, Maka di buatlah DNS Management berupa form untuk mempermudah Setting DNS.

Untuk Mengarahkan Domain kita Ke Afraid.com Silahkan ikuti langkah langkah berikut ini :
  1. Silahkan Klik www.afraid.com
  2.  kemudian scroll ke bawah kemudian klik Sign Up!
    Cara Setting Domain Di Afraid.com
  3. Kemudian pilih yang starter, Klik Select

    Cara Setting Domain Di Afraid.com

  4. Isi Form dengan lengkap seperti di bawah ini, jangan lupa centang " I Agree.. ",Kemudian send activation email
    Cara Setting Domain Di Afraid.com

  5. Kemudian Login ke - email yang anda gunakan tadi pada saat mendaftar, nanti ada email baru dari afraid.com untuk aktivasi, silahkan di klik

    Cara Setting Domain Di Afraid.com

  6. setelah melakukan aktivasi, pilihlah menu " domain " yang ada di sebelah kiri atas

    Cara Setting Domain Di Afraid.com

  7. kemduian klik "Add a domain into FreeDNS"

    Cara Setting Domain Di Afraid.com

  8. masukan domain yang ingin anda pointing ke afraid.com seperti gambar di bawah ini

    Cara Setting Domain Di Afraid.com

  9. selanjutnya, Silahkan login dimana anda mendaftarkan domain anda
  10. setelah itu masuk ke-list domain, pilih domain mana yang anda masukan tadi di form Afraid.com, kemudian pilih Kelola Domain , dan Nameserver

    Cara Setting Domain Di Afraid.com
  11. Masukan Nameserver seperti di bawah ini

    Cara Setting Domain Di Afraid.com

  12. Tunggu Maksimal 1x24 jam untuk melihat update Nameserver
  13. Untuk mengecek apakah domain sudah di pointing ke Afraid bisa di cek di sini 

    Cara Setting Domain Di Afraid.com

  14. kemudian scroll ke bawah dan lihat nameservernya

    Cara Setting Domain Di Afraid.com

  15. Jika sudah mengarah ke afraid.com berarti, anda sudah berhasil
Karena saya ingin mengarahakn domain blogspot saya ke domain ihsan.my.id berarti masih ada tahapan lagi, silahkan simak tutorial berikut ini :
  1. Pastikan anda masih login di afraid.com
  2. kemudian klik domain sebelah kiri
  3. pilih domain kemudian klik " Manage "

    Cara Setting Domain Di Afraid.com

  4. kemudian beralih ke blogger, masuk ke menu setting -> basic 
  5. kemudian ganti ke domain tld anda, akan mucul error seperti ini, jangan khawatir ini hal biasa yang terjadi

    Cara Setting Domain Di Afraid.com

  6. silahkan kembali ke afraid.com dan masih dalam posisi manage domain tadi
  7. kemudian pilih Add padan pojok kanan sebelah domain

    Cara Setting Domain Di Afraid.com

  8. masukan Kode CNAME yang di berikan google pada saat pergantian domain tadi, kemudian save

    Cara Setting Domain Di Afraid.com Cara Setting Domain Di Afraid.com
  9. setelah memasukan keduan Kode tadi hasilnya seperti ini 

    Cara Setting Domain Di Afraid.com

  10. tunggu kurang lebih 5-10 menit kemudian klik simpan

    Cara Setting Domain Di Afraid.com

  11. dan lihat hasilnya, domain blogspot sudah berhasil di redirect ke domain tld kita

    Cara Setting Domain Di Afraid.com
Gimana mudah kan sob, ikuti terus tutorial di blog ini semoga apa yang saya share dapat bermanfaat, Oh iya. setelah ini saya akan share gimana cara bikin email menggunakan domain kita pribadi tanpa menggunakan web hosting seperti punya saya ini contact@ihsan.my.id, Terimakasih Sebelumnya.. Jangan lupa kiritk sarannya sob :D

Buat Label Cantik Keren Flat pada blog Terbaru 2015


Membuat Label menarik di blog terbaru 2015

Nah pastinya udah tau kan apa itu Label, bagi yang udah lama di dunia blogger pastinya udah nglotok dengan apa yang namanya label, bagi yang belum ngerti ini saya sedikit jelaskan. jadi label adalah kategory/ pengelompokan yang berada di blog nah jadi setiap artikel pasti mempunyai kategory label, dan untuk memberikan label cukup mudah tinggal kita ketik saja seperti ini di sebelah kanan kotak Post seperti ini :

nah untuk menampilkan gadget bisa di lihat di sini 
nah untuk mempercantik label menjadi flat seperti gambar di atas silahkan ikuti langkah2 berikut ini :

copy code berikut ini, kemudian pastekan di atas ]]></b:skin>,  Kemdian simpan template

/*Label Cloud Flat UI */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{

text-align:left
}
.label-size {
background:#E73037;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}
/* ==== Related Post Widget Start ==== */

nah itu dia sedikit tutorial dari saya untuk mempercantik label  blog