Cari-cari bahasan baru kadang membuat saya bingung. Mau nulis tutorial apalagi ya? Itu pertanyaan yang sering muncul. Lalu saya teringat blog sobat saya, Mas Munir. Di atas kotak komentar blognya ada link bertuliskan Form Komentar Klasik. Apaan nih? Saya coba klik. Ternyata eh, ternyata minuman itu haram, hehehe...
Rasa penasaran saya membuat saya melakukan inspect elements melalui Google Chrome terhadap komentar popup window (jendela munculan) ini. Dari situlah saya tahu bagaimana membuat link untuknya.
Dari hasil percobaan, ternyata yang terjadi bukan jendela munculan tapi malah jendela penuh. Lalu saya pun mencari tahu lewat si embah. Alhasil, ternyata setelah membandingkan hasil saya dengan hasil Mas Adi, ada kesalahan penulisan pada postID-nya.
Bagi kamu yang menggunakan format komentar disemat di bawah entri dan ingin menambahkan link untuk komentar popup window supaya yang menggunakan mobile phone bisa mudah berkomentar, ikuti saja langkah-langkah berikut:
Sekarang kamu coba apakah link komentar popup window ini bekerja dengan baik atau tidak?
Ok, segitu aja sob. Selamat mencoba .....
Rasa penasaran saya membuat saya melakukan inspect elements melalui Google Chrome terhadap komentar popup window (jendela munculan) ini. Dari situlah saya tahu bagaimana membuat link untuknya.
Dari hasil percobaan, ternyata yang terjadi bukan jendela munculan tapi malah jendela penuh. Lalu saya pun mencari tahu lewat si embah. Alhasil, ternyata setelah membandingkan hasil saya dengan hasil Mas Adi, ada kesalahan penulisan pada postID-nya.
Bagi kamu yang menggunakan format komentar disemat di bawah entri dan ingin menambahkan link untuk komentar popup window supaya yang menggunakan mobile phone bisa mudah berkomentar, ikuti saja langkah-langkah berikut:
- Dari halaman dasbor, klik Tata Letak - Edit HTML.
- Lakukan duplikasi template untuk jaga-jaga bila terjadi masalah.
- Beri tanda centrang pada Expand Template Widget.
- Kemudian cari kode berikut (gunakan Control F atau F3):
<data:blogTeamBlogMessage/>
- Jika sudah ketemu, tambahkan kode ini di bawahnya:
<!-- Awal Form Komentar Popup --> <div style='margin-bottom:5px'> <a expr:href='"http://www.blogger.com/comment.g?blogID=nomor blogID&postID=" +data:post.id+ "&isPopup=true"' onclick='javascript:window.open(this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' title='Popup Window Komentar'> <b style='border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 10px; color:#333333; background-color:#f6f6f6;'>Form Komentar Munculan</b> </a> </div> <!-- Akhir Form Komentar Popup --> - Ubahlah nomor blogID, sesuai dengan nomor blogID kamu. Caranya, lihat blogID pada address bar seperti gambar berikut:
- Jika kamu mau menghilangkan bingkainya, hapus saja semua kode yang berwarna biru
- Simpan hasil kerjaan ini dan ucapkan Alhamdulillah.....
Sekarang kamu coba apakah link komentar popup window ini bekerja dengan baik atau tidak?
Ok, segitu aja sob. Selamat mencoba .....
26 komentarPosting Komentar
horee pertamax ^0^
oh kl pke hp mah susah y kang koment di kotak comment biasa @_@?
ywd atuh nnti c saia cobian,,,nuhun kang enes ~_~
Miss Rinda - Personal Blog
mak ada nama aku make link lagi jadi malu ah, eh iya aku salah lagi tuh nggak ngasi nama di situ bahwa hal ini aku adapat dari Ali mas adi, eh kok avatar aku nggak muncul lagi kan sejak ganti template
yah akang ko kode nya ga ketemu sih kang
Ternyata, kotak komen dibawah entry menyulitkan bagi pengguna HP ya..?
Makasih ya utk ilmunya Kang.
@Rinda:
Hehe... Si eneng pertamax unk...
@Munir:
Mungkin foto di MyBloglognya sob lum diupload.
@Dieck:
Ah masa sih. Saya coba dibeberapa template, bisa sob...
@Reni:
Sama-sama mbak. Sori nih baru direplay, bru pulang dari pengungsian, hehehe...
wah keren juga nih sob, boleh d coba nih, tpkan dah ada yang d psemat dibawah entry
salamsobat
ternyata bisa ya,buat link untuk komentar popup window.
sip nanti saya ikut mencoba.
trims bang Enes ilmunya.
oke dah aku akan upload foto di mybloglog foto waktu aku mudah tentunya supaya nggak kelihatan tuwir he he he
hatur nuhun Kang, ada ilmu baru lagi nih
tutorial mantap...^^
wah sepertinya menarik untuk diterapkan sob, semua demi kebaikan semua. thanks sharingnya
Sukses slalu!
@Semua:
Makasih sob atas komentarnya...
borw jangan pelit dong ko gak bisa copi scrif,blog km blh bgus tpi jangn pelit dong...berbago ilmu dong
@Ijocake:
Kalo saya pelit, gak bakalan ada yg berkunjung brow. Kamu aja kurang teliti. Coba baca pesannya, kan disuruh pake Control C
kereeeeeeeeeeennnnn...desain blognya maaantaphh,, minta duplikasinya donk :p
Kelihatannya template kita sama, nih. Hanya yang blog Anda modifikasai templatenya lebih keren dari punya blog saya. He2.
Mau nanya kalau memunculkan kotak new komen embbeded di bawah artikel seperti blog ini cara settingnya gimana, ya? Saya coba setting beberapa kali tapi error terus. Bisanya hanya disetting pada option Full Page dan Pop Up saja. Thanks sebelumnya.
@Diptara.com:
Mengenai embed comment form, Insya Allah besok dipublish sob. Tunggu aja dengan sabar, hehehe...
Assalamu'alaikum,
Haturnuhun pisan Pak Ustadz. Sekarang di atas kotak komentar LinkSukses.com ada alternatif untuk berkomentar via mobile atau kalau terjadi error pada kotak komentar lama, bisa menggunakan alternatif popup komentar.
Salam kenal,
Blogger Newbie Bandung.
Code yg dicari tidak ada... adanya ini : class='status-msg-hidden'><data:navMessage/
tolong pencerahannya...
keren tutornya...
langsung coba
makasih sobat
Pertma kali datang ke blog ini lewat diptara.com
setelah mampir di sini , ternyata blognya kereeeeeen bgt..
o iya makasih banyak mas,,, aku udah coba tips ini.. dan berhasil di blogku,,, salam kenal, salam persahabatan blogger
akang akang akang akang..postingannya bagus bagus
untuk artikel ini saya juga merasakan hal yang sangat membantu.karena ketika saya hendak mencoba emoticon pada komentar blog sendiri,ketika hendak memilih 'beri komentar sebagai :'ternyata list box nya ga mau keluar.jadi saya menggunakan bantuan info ini
saya juga mu minta tolong kang,tiap saya posting bahasa html,coding,atau script jadi terlihat tidak rapih kang karena akan keluar dari batas artikel.kemudian saya menggunakan blockquote tetap keluar.ada saran g kang coba cek halaman berikut http://www.ati-zone.co.cc/2010/12/menambahkan-widget-perubahan-bahasa.html
@Imtikhanlike
Manteb...udah kepasang manis di Blog aku...
Suwun Om,,, :D
Saya coba ya.. n makasih infonya
download lagu
download lagu
download lagu
download lagu
download lagu
download lagu
download lagu
download lagu
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.