Membuat Link Untuk Form Komentar Popup Window (Jendela Munculan)

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:
  • 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&amp;postID=" +data:post.id+ "&amp;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 .....

Categories: Share

Leave a Reply