Membuat komentar ditutup blogger

Trik

Sebenarnya blogger telah menyertakan notivikasi tentang form komentar diijinkan atau tidak oleh admin/author blog, namun notivikasi tersebut sangat sederhana. kali ini saya akan berbagi trik membuat pemberitahuan komentar yang ditutup seperti blog ini. silahkan lihat contohnya dibawah ini


Caranya menerapkan trik ini mungkin akan sedikit rumit, jadi silahkan ikuti langkahnya dengan benar agar tidak terjadi kesalahan yang tidak diinginkan. langkah awal adalah kita akan merubah area yang akan hilang ketika formulir komentar ditutup. silahkan cari kode dibawah ini

<b:includable id='comments' var='post'>

memindahkan/memperbaharui wilayah tag kondisional <b:if cond='data:post.allowComments'> menjadi lebih sempit. dengan menghpus tag kondisional ini, kita cukup menghilangkan formulir komentarnya saja dan biarkan komentar-komentar yang sudah ada tetap pada tempatnya ketika formulir komentar kita tutup, agar nanti ketika pemberitahuan muncul komentar lama tetap terlihat. Caranya adalah hapus kode

<b:if cond='data:post.allowComments'> 
... kode panjang ...
</b:if> 

yang mengelilingi elemen <div class='comments' id='comment'> sehingga akan tersisa seperti ini:

<div class='comments' id='comments'>
  ...kode panjang...
</div>

Kemudian cari elemen ini:

<b:include data='post' name='comment-form'/>

Ganti dengan ini:

<b:if cond='data:post.allowComments'>
  <b:include data='post' name='comment-form'/>
</b:if>

Temukan juga kode ini:

<b:include data='post' name='threaded-comment-form'/>

Ganti dengan kode ini:

<b:if cond='data:post.allowComments'>
  <b:include data='post' name='threaded-comment-form'/>
</b:if>

catatan: jika kode telah sesuai biarkan saja.

langkah di atas adalan trik untuk tetap memunculkan komentar yang ada walaupun formulir komentar di tutup, sekarang kita akan menyisipkan notivikasinya dengan langkah berikut ini

Cari kode tag diberikut ini

<data:post.noNewCommentsText/>

ganti dengan semua jika lebih dari satu dengan kode berikut ini

<div id='com_close'>
<h2>Komentar ditutup</h2>
<p>Untuk sementara, form komentar ditutup di karenakan sesuatu hal atau saya sedang tidak bisa membalas komentar anda. bagi sahabat yang ingin berkomentar, silahkan kunjungi halaman ini beberapa saat lagi.</p>
</div>

Simpan kode CSS ini di atas </b:skin>

/* Off comment db */
#com_close{
background:#fff  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRdGHOYPlWMV5dtLwl_EPHcWJdTkD7qcGDB8VW_CUeudJMKBDtNaduekXEr2awOerv66jGC4IGgbSVMgs9iVTn31k-nInfR3si1sQAUWCW4IG8JK2-ugtdo_7b8D43VEpEjXET1VEgR4/s1600/comment+close.png)no-repeat 95% 50%;padding:0px 175px 20px 20px;border:1px solid #ccc;margin:20px 0;
}
#com_close h2{
font-size:200%;
text-transform:uppercase;
color:red;
text-shadow: -1px -1px  3px rgba(0,0,0,0.3);
}
#com_close p{
font-family: 'Open Sans', sans-serif, Segoe UI,Arial,Tahoma;
font-size: 14px;color:#444;
font-weight:400;
line-height:1.8em;
margin-top:-15px;
}

simpan semua perubahan dalam html template anda, lalu buka pengaturan pos dan komentar ubah pengaturan formulir komentar tersemat menjadi tersembunyi dan simpan.

Pertanyaan dan masalah silahkan sampaikan di komentar, semoga berguna...

Artikel Terkait

  • 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…
  • Meningkatkan kecepatan load dengan optimasi css
    Sekarang ini kecepatan website/blog menjadi faktor peringkat mesin pencarian, dan CSS optimasi mampu memainkan peran utama dalam meningkatkan kecepatan situs/blog tertentu. Di sini saya membagi beberapa langkah bagaimana mengoptimalkan CSS untuk kecepatan muat situs. 01Menghindari CSS eksternal/impor style sheet Mengimpor CSS lain ke CSS ak…
  • 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…
  • Recover Tulisan? Cara mengembalikan Posting
    Memulihkan posting Anda yang dihapus atau halaman dari Blogger mungkin tampak menjadi tugas yang menantang. Karena, semua data berada di bawah kepemilikan Google. Oleh karena itu, sulit untuk memulihkan database Anda melalui Hosting atau layanan lainnya. Selanjutnya, Blogger tidak memiliki fungsi pulih hanya memungkinkan untuk cadangan Posting…
  • 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…
  • 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…

Tidak ada komentar :

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

Back to Top
Loading...