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

  • Cara Memasang Sintaks Highlighter untuk blogger
    Kebanyakan blogger menggunakan blockquote standar untuk berbagi tutorial skrip dan kode dengan pengunjung mereka, namun Alex Gorbatchev telah menciptakan sebuah Highlighter yang berfungsi penuh untuk membuat script dan kode tampak lebih rapi dengan menampilkannya dalam gaya teknologi web seperti HTML, CSS, JavaScript, Php, Python, Sql, xml dll…
  • Trik memasang random banner di blogger
    Memasang banner di blog memang bukan sesuatu hal/topik pembahasan yang baru melainkan hal yang sudah lama di bahas, banyak para blogger memasang banner dengan tujuan tertentu, seperti periklanan, perujuk link tertentu ataupun sebagai penghasilan sampingan. umumnya banner ini memiliki dimensi yang bervariatif tergantung dari kebutuhan/tujuan te…
  • Memasang link hover multi color di blogger/blogspot
    Tidak jauh berbeda dengan random hover link trik ini sama - sama berfungsi untuk memberikan efek warna hover link berubah secara otomatis ketika mouse menyoroti. hanya bedanya, jumlah warna dalam hover link ini dapat di sesuaikan/diatur berapa banyak efek warna pada hover yang ingin anda munculkan. Untuk menambahkan ini Berkedip efek Link ke …
  • Menambahkan multi kolom widget di footer
    Membuat kolom dibawah footer dengan menambahkan css agar terlihat lebih menarik dan membuat ruang untuk widget yang di butuhkan. Dengan lebih banyak kolom di footer Blogger Anda, Anda akan memiliki ruang ekstra untuk mengakomodasi widget lainnya seperti Flickr foto dan update Twitter. Juga Anda dapat menempatkan widget yang lebih sering …
  • Cara membuat kotak pencarian sidebar
    Kotak pencarian berguna untuk membantu pengunjung untuk menelusuri sebuah artikel di dalam blog menggunakan kata kunci tertentu yang di kirim melalui query ke directory blog. Tutorial ini merupakan bukan hal baru, namun meletakkan/memasang kotak penelusuran di blog memang tergolong penting jadi sebaiknya anda memasangnya untuk para pengunjung…
  • Mengatasi blog pagger/navigasi link yang tidak muncul
    Umumnya, setiap blog blogger memiliki sebuah link navigasi untuk mengarahkan setiap laman, posting dan arsip saat di buka kecuali si admin/author menghilangkannya untuk tujuan tertentu. namun apa yang terjadi jika link navigasi ini tidak muncul, tentunya akan membuat pengunjung kesulitan menelusuri laman, posting dan juga arsip seperti yang di…

Tidak ada komentar :


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...