Sebagian pengguna blogspot tentu nya masih banyak yang memakai kotak komentar bawaan dari blogspot tersebut.Dan banyak pula yang memakai di luar dari bawaan blog, mirip memakai kotak komentar disqus maupun dari kotak komentar facebook. Dan masing - masing mereka pun punya alasan tertentu. Seperti blog aku yang masih memakai kotak komentar bawaan blog yang aku rasa sangat simple dan tidak menciptakan berat blog. Tapi tidak menuntut kemungkinan bila entah kapan atau bila rasa aku sudah bosan mungkin akan berpindah memakai kotak komentar di luar dari bawaan blog.
Membahas persoalan kotak komentar, kali ini aku ingin menyebarkan tutorial Cara menciptakan buka tutup komentar bawaan blogspot meskipun tutorial kali ini jauh dari keinginan aku untuk dapat masuk Page One. Karena kalian tau kata kunci untuk tutorial ini sudah mencapai Sekitar 1.350.000 hasil (0,42 detik) . Dan aku pun juga tidak terlalu akil untuk menciptakan artikel Super Seo.
Oke teman blogger aku rasa cukup perbincangan sederhana nya. Dan kini kita mulai tutorial nya, simak baik - baik tutorial yang aku berikan di bawah ini.
Cara menciptakan Buka Tutup Komentar Bawaan Blogspot
Cara nya sangat mudah, kalian cukup copy code di bawah ini dan letakan code tersebut di atas code </style> atau </b:skin> pada template kalian. .buka-komen,.tutup-komen{font-family:inherit;background-color:#256475;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:10px 5px 5px 5px;cursor:pointer;} .buka-komen{display:block;margin-bottom:20px} #comments-box{display:none} Untuk code CSS di atas silahkan kalian atur lagi margin dan padding nya sesuai dengan lebar bentuk template kalian.
Lalu yang terakhir silahkan kalian cari code mirip di bawah ini :
<b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> Biasa nya code di atas letak nya berada di bawah code <b:include data='post' name='post'/>
Pokonya kalian cari yang setidak nya hampir sama ibarat code di atas. Bila kalian menemukan code yang sama misalkan code tersebut waktu kalian cari ada 2 code yang sama, kalian pilih code yang ke dua dan ganti dengan code di bawah ini.
<b:if cond='data:blog.pageType == "item"'> <div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById("comments-box").style.display="block";document.getElementById("tutup-komen").style.display="block";document.getElementById("buka-komen").style.display="none"' role='button' tabindex='0'>Buka Komentar</div> <div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById("comments-box").style.display="none";document.getElementById("tutup-komen").style.display="none";document.getElementById("buka-komen").style.display="block"' role='button' tabindex='0'>Tutup Komentar</div> </b:if> <div id='comments-box'> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comments'/> </div> Lalu save template kalian bila di rasa sudah yakin. Dan lihat hasil nya. Jangan lupa selalu backup template kalian sebelum memulai tutorial yang aku berikan.
Mungkin itu saja tutorial yang dapat aku bagikan kali ini, bila ada pertanyaan silahkan komentar di bawah. Dan untuk teladan tampilan nya mirip apa kalian dapat lihat kotak komentar buka tutup pada blog ini (kalau belum di ganti). Selamat mencoba!
