Membuat ucapan terimakasih di bawah komentar

Membuat ucapan terimakasih di bawah komentar

HTML Komentar sitemap Trik

Pagi sobat blogger lagi liburan buat posting hiasan untuk blogger, kali ini saya mau share cara dan trik untuk membuat pesan ucapan terimakasih di bawah kotak komentar.
 

Triknya cukup mudah tinggal menambahkan css dan sedikit kode html di template sobat, langsung aja berikut ini caranya

Buka editor template blogger anda sperti biasanya, dan tekan Ctrl + F untuk menemukan kode

1code-line:1-1<b:includable id='threaded-comment-form' var='post'>

setelah anda temukan gulung kebawah dan cari kedi di bawah ini:

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-7<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
     <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
     <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

ada dua kode serupa seperti diatas, tapi yang membedakan adalah akhiran kode name='comment-editor' style='display: none'/> jadi lewati kode ini, ini adalah kode untuk tampilan form komentar mobile.

lalu letakkan kode berikut setelah kode di atas

1code-line:3-1<div class='db-comment-thanks'>Terima kasih telah berkomentar</div>

kemudian kita beri style kode di atas dengan css berikut, letakkan di antara css template blog anda

1code-line:4-1.db-comment-thanks {font-family:Arial, sans-serif;font-size:12px;right:27px;margin-top:-73px;padding:6px 12px;background:#f8f8f8;color:#999;border:1px solid #c9cacb;border-radius:3px;position:absolute;}

jangan lupa untuk menyesuaikan letak ucapan terimakasih ini lebih kekiri atau kanan dan atas bawahnya demgan merubah nialai pada css right:27px; margin-top:-73px;.

semogas berhasil dan membantu...

Artikel Terkait

  • Copy area tertentu dengan css
    Sebagian besar Blogger Asli menghadapi masalah plagiarisme. Umumnya para blogger baru tidak memahami nilai kualitas konten. Anda menghabiskan banyak waktu untuk menulis posting blog Anda tetapi pencuri konten berkunjung ke blog Anda dan menyalinan semua pekerjaan Anda. Beberapa kali para pencuri konten berhasil bisa menjadi yang pertama di Goo…
  • Javascript random banner
    Memasang banner atau iklan dengan gambar bukan hal baru yang sudah banyak di ketahui oleh semua sobat blogger, namun bagaimana cara agar sekumpulan banner atau banner yang lebih dari satu bisa di tampilkan secara berbeda - beda hanya di satu halaman bagi sobat yang belum tahu inilah triknya. sehingga banner sobat tidak bertumpuk dan berderet d…
  • Cara mudah memasang forum di blog
    Instalasi Forum di blog BlogSpot tampaknya menjadi tugas terbilang sulit. Karena, semuanya di bawah kontrol Google. Oleh karena itu, akan sangat sulit untuk menjadi admin di forum pihak ketiga. Namun, ketika kita mengalami masalah kita juga akan menemukan solusinya. Cara ideal untuk menginstal sebuah forum di blogger adalah dengan menggunakan…
  • Tips bloging sederhana
    Jika Anda seorang blogger, Anda suka tentang bercerita dan berbagi hal-hal untuk semua pembaca Anda tetapi apakah Anda sudah melakukannya dengan benat? Jika Anda serius tentang blogging dan Anda ingin diakui untuk apa Anda lakukan itu maka cobalah untuk memberikan yang terbaik, inilah sedikit tips yang akan saya berikan. Saya akan memberikan…
  • Show hide searchbox blogger
    Membuat tampilan blog menjadi unik memang tidak ada habisnya dan kali ini saya coba untuk berbagi cara membuat kotak pencarian yang bisa di munculkan dan di sembunyikan pada blogger. lihat contoh berikut selain untuk menambah unik tampilan, trik kotak pencarian seperti ini juga bisa di gunakan untuk menghemat ruang dan kolom. bagaimana ca…
  • Compress Template Blogger
    Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang be…

17 komentar

  1. Admin23 Maret 2014 pukul 16.37

    biar terlihat lebih variasi ya :-bd

    BalasHapus
  2. Wahyu Eka Prasetiyarini23 Maret 2014 pukul 19.52

    wah keren nih ada terimakasih nya ;)

    BalasHapus
  3. Prisma Try Laksana24 Maret 2014 pukul 15.28

    Oh jadi ini ya caranya, baru tahu mas :)

    BalasHapus
  4. Rz Bot25 Maret 2014 pukul 06.11

    lebih mantap yah mas :-d

    BalasHapus
  5. Kang Mousir27 Maret 2014 pukul 17.59

    Biar space kosong dibawah gk kosong amat, soalnya form komentar blogger yang sekarang agak kurang hehe

    BalasHapus
    Balasan
    1. Dafin defandaky27 Maret 2014 pukul 22.52

      sip gan, sekalian buat hiasan biar tapil beda :)

      Hapus

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...