Mungkin tutorial kali ini tidak ada artinya bagi yang sudah mahir, akan tetapi tidak begitu bagi yang baru terjun ke dunia Blogger.
Baik..!! kali ini kita akan membahas bagaimana cara membuat kotak komentar facebook berdampingan dengan kotak komentar Blog. Tentunya tidak asing lagi bagi sobat semua, akan tetapi tutorial yang sudah ada, Libra Blog coba tidak berhasil pada semua template. Dan.. kemungkinan banyak berhasil pada template premium saja.
OK..!! Langsung kita prakktekkan Caranya:
Screenshot.
- Login ke account blogger Sobat.
- Klik rancangan lalu klik: Edit HTML.
- Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan.
- Beri centang kotak kecil yang bertuliskan: Expand Template Widget.
- Jika sudah, cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah pencarian).
- Kalau sudah ketemu maka masukkan kode berikut ini di atas kode ]]></b:skin>
- Kemudian Sobat cari kode </head>
Jika sudah ketemu, masukkan kode berikut ini tepat di atas kode </head> - Kemudian cari kode <div class='comments' id='comments'>
- Kemudian klik save, dan lihat hasilnya.
Klik buka untuk melihat kode:
Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.
Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau #comments.
Klik buka untuk melihat kode:
Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Sobat maka ID Sobat berada pada tulisan yang berwana hijau. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/1234567890
Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawah kedua kode <div class='comments' id='comments'>.
Klik buka untuk melihat kode:
Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna ungu ya: <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.
Perhatikan angka yang berwarna biru dan hijau di atas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.
Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <div class='comments' id='comments'> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.
Mantep keknya nih jika dipraktekin. :)
BalasHapusOK..mass.!
BalasHapusdicoba aja. mudah2an berhasil.
thx sdh berkunjung
Thank you for visiting
BalasHapusWould you also like my Blogspot users ..?
If so, follow these steps to log in to your blogspot ..> select: template> select: mobile settings> select the template provider: simple> save.
do not forget the check: Yes. show mobile template on mobile devices
That's all I did. Good luck
makasih yah..
BalasHapussaya tunggu kunjungan balik y..
newmyteknologi.blogspot.com
nice post sob..
BalasHapuskpn" klo bisa kunjungi blog saya ya sob. :)
ok sob by.http://akramberbagi.blogspot.com/
BalasHapussudah saya praktekan om, dan berhasil hanya menggunakan pada bagian yang kedua untuk steep yang terakhir :D
BalasHapusmakasih
good article..
BalasHapusSlm Persahabatan.
Thanks mas....
BalasHapusBerhasil Di Blog Saya...
"Sefri Wandana Hasibuan Blog"
izin copy mas.
Follback ya mas....
trimakasih infonya, saya sudah ikuti step by step sesuai dengan ya anda ajarkan tapi knapa masih belum berhasil juga ya? trimakasih
BalasHapus@sefri wahana...
BalasHapusmantap mass klo sdh berhasil..:D
@Retno...
pada awalnya saya jg gk berhasil membuat kotak komentar tsb.. tapi setelah saya TIDAK menghapus kode (warna ungu), baru berhasil.
coba mbak perhatikan lagi kode yg warna ungu tsb.
Mantab tutorialnya sob..saya sudah pernah pakai :D
BalasHapuswow, nice tutorial gan tak coba dulu..
BalasHapussilahkan mampir lihat2 artikel, software, film dan bisnis online di sini gan:
http://heroe-share.blogspot.com/
semoga bermanfaat
Kok punya saya tidak bisa ya.Mohon pencerahannya
BalasHapusagan crusader 12:
BalasHapusgak semua jenis template bisa memakai code script ini. tapi, klo template agan berjenis Template Premium, kode ini gk ada masalah dipakai.
solusinya:
coba, utk kode yg berwarna "ungu"
jgn dihapus. mudah2an berhasil
mantap nih akhirnya bisa juga masangnya
BalasHapusWork kk
BalasHapusthanks ya
jangan lupa balik berkunjung ke Duniariosov.blogspot.com
ya