Membuat Buka Tutup Komentar Bawaan Blogspot dengan Mudah

Diposting pada

Membuat Buka Tutup Komentar Bawaan Blogspot
Membuat Buka Tutup Komentar Bawaan Blogspot – Sebagian pengguna blogspot tentu nya masih banyak yang menggunakan kotak komentar bawaan dari blogspot tersebut. Dan banyak juga yang menggunakan di luar dari bawaan blog, seperti menggunakan kotak komentar disqus maupun dari kotak komentar facebook. Dan masing – masing mereka pun punya alasan tertentu.

Membahas masalah kotak komentar, kali ini saya ingin berbagi tutorial Cara membuat buka tutup komentar bawaan blogspot. Dan caranya pun cukup mudah. Bagi anda yang berminat ingin mencobanya, silahkan ikuti langkah langkahnya sebagai berikut.

Membuat Buka Tutup Komentar Bawaan Blogspot

Silahkan anda copy code di bawah ini dan letakan code tersebut di atas code </style> atau </b:skin> pada template anda.

.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 anda. Lalu yang terakhir silahkan anda cari code seperti 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’/>

yang jelas anda cari setidak nya yang hampir sama menyerupai code di atas. Bila anda menemukan code yang sama misalkan code tersebut waktu anda cari ada 2 code yang sama, anda pilih code yang ke dua dan ganti kode tersebut 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 anda bila di rasa sudah yakin. Dan lihat hasil nya. Jangan lupa selalu backup template anda terlebih dahulu sebelum memulai tutorial yang saya berikan.

Nah, itulah sedikit tutorial cara membuat buka tutup komentar bawaan blogspot yang bisa anda coba. Bila ada pertanyaan menyangkut isi dari artikel di atas, silahkan tinggalkan komentar anda dibawah. Selamat mencoba!

5 thoughts on “Membuat Buka Tutup Komentar Bawaan Blogspot dengan Mudah

  1. Greetings! Very helpful advice in this particular article!
    It’s the little changes that will make the largest changes.
    Many thanks for sharing!

  2. Excellent beat ! I wish to apprentice at the same time as you amend your web site, how can i subscribe for
    a weblog website? The account helped me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast offered brilliant transparent concept

  3. Thank you a lot for sharing this with all people you really know what you are
    speaking about! Bookmarked. Please also seek advice from my website =).
    We will have a link exchange contract among us

  4. Excellent post. I was checking constantly this blog
    and I’m impressed! Very useful information specially the last part 🙂 I care for such info much.
    I was looking for this certain information for a very long time.
    Thank you and good luck.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *