Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar

Langsung saja ke topik masalah, Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar, menurut saya sangatlah menarik dan bisa dibilang sangat kreatif. selain itu juga berfungsi untuk menggantikan komentar kita selaku admin blog/website, apabila kita tidak sempat untuk membalas komentar2 yang ada.

Biar makin jelas dengan penjelasan saya diatas, silahkan lihat screenshot dibawah ini :

Screenshot/Demo

Nah, perhatikan tulisan yang di blok warna merah pada gambar diatas, tiulah yang akan saya bahas, bila berkenan, berikut cara membuatnya:

1. Seperti biasa, Login ke akun blogger sobat
2. Masuk Rancangan/Layout
3. Pilih Edit HTML
4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
5. Beri tanda centang "Expand Template Widget"
6. Lalu Carilah kode: <p><data:comment.body/></p> (bisanya akan terdapat 2kode, pilih saja kode yang kedua)

Bila bingung, berikut contoh kode lengkapnya :

<p><data:comment.body/></p>
</b:if>
</dd>

7. Kemudian taruhlah kode berikut dibawah kode diatas

<span style='color: #FFFFFF;font-size:85%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</span></span><b><span style='color: #FFFFFF;font-size:90%;'><b> By Viyan Pradita </b></span></b>

8. Dan hasilnya jadi seperti ini (ini contoh pada template blog saya)

<p><data:comment.body/></p>
<span style='color: #FFFFFF;font-size:80%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</span></span><b><span style='color: #FFFFFF;font-size:80%;'><b> by Viyan Pradita </b></span></b>
   </b:if>
 </dd>

9. Nah sebelum di Save. sekarang tugas sobat tinggal edit-edit kode diatas

• #FFFFFF; font-size:85%; : huruf yang becetak warna merah itu adalah kode warna dari tulisan "Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini... " gantilah sesuai selera sobat,. dan untuk yang berwarna biru itu adalah ukuran font, ganti jg sesuai keinginan sobat. dan untuk #000000; font-size:90%; : sama juga dengan yang td, cuman ini untuk mengatur warna dan ukuran font pada ulisan "By Viyan Pradita"
• Nah Untuk kata yang di beri warna Hijau, "By Viyan Pradita" gantilah dengan nama admin di blog sobat. bisa jg sobat beri variasi tambahan sendiri.

10. Simpan dan lihat hasilnya.

Saya kira penjelasan saya diatas mengenai Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar, sudah sangatlah jelas, dan bila mengalami masalah, bisa langsung bertanya disini. dengan senang hati akan saya bantu.
Semoga Bermanfaat, Terimakasih.

Tambahan:
Karena tidak semua template itu sama, dan karena ada sedikit masukan dan problem dalam pemasangan kode, yang ucapan terimakasih itu muncul jg pada komentar admin, jadi saya tambahkan lagi caranya disini.

Berikut contoh kode dari template yang menurut saya beda/bermasalah :

<data:comment.author/>
      </b:if>
      <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
      <b:if cond='data:comment.isDeleted'>
        <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
        <p><data:comment.body/></p>
      </b:if>
    </dd>

Perhatikan kode diatas, didalamnya hanya ada 1-buah kode :


<p><data:comment.body/></p>

Langsung saja, rubahlah semua kode diatas dengan kode dibawah ini:

<data:comment.author/>
       </b:if>
       <data:commentPostedByMsg/>
     </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
     <dd class='comment-body'>
       <b:if cond='data:comment.isDeleted'>
         <span class='deleted-comment'><data:comment.body/></span>
       <b:else/>
         <p><data:comment.body/></p>
<span style='color: #fff;font-size:80%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</span></span><b><span style='color: #fff;font-size:80%;'><b> by Viyan Pradita </b></span></b>
       </b:if>
     </dd>
</b:if>

Nahh, sekarang sobat tinggal edit-edit sedikit untuk kode ditas yang diberi warna biru, itu kode untuk ucapan terimakasihnya, ubah juga sesuai keinginan sobat.

Semoga bisa membantu. bila masih mengalami masalah, jangan segan-segan untuk bertanya dengan meninggalkan komentar disini.
Terimakasih...

Pasang Avatar di Kotak Komentar Blogger

Berkat fitur Show your face dari Blogger kini kotak komentar blogger sudah dapat menampilkan gambar atau foto dari pengunjung yang memberi komentar di blog.

Cara Pertama :

Untuk menampilkan avatar, caranya sangat mudah. Anda cukup mengaktifkannya dengan masuk ke menu Setting -> Comments lalu pada bagian "Show profile images on comments" pilih YES. Beres..

Hanya saja cara ini hanya berlaku untuk template tertentu saja khususnya template yang disediakan oleh blogger dan hasilnya kurang optimal dimana avatar hanya muncul jika pengunjung memberi komentar dengan blogger id. Sedangkan yang berkomentar dengan openid atau anonymous, avatar tidak muncul.

Cara Kedua :

1. Pertama-tama masuk ke menu Setting->Comments. Pilih lalu YES pada bagian "Show profile images" dan tekan Save.

2. Setelah itu, masuk ke menu Design-> Edit HTML

3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.

4. Cari kode berikut:

<dl id='comments-block'>

5. Ganti kode tersebut dengan kode ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6. Setelah itu cari kode berikut

<a expr:name='data:comment.anchorName'/>

7. Ganti kode tersebut dengan kode berikut ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

8. Setelah itu tambahkan kode css berikut diatas ]]></b:skin>

#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisOMA8bn_GCcHuFqC8l8cYuALZxCAP4GNoiC_SlZpqbp6HpW9ow5z8eCA0H-WfG9PmDPxeGoa-NhKufUpLEXpZVhWyCvMtqDoftGyMB7zJdLVho9wuAkab-Zig7eeYn4YpCu3ScNq4rVe/s1600/coment.gif) no-repeat left top;
width:32px;
height:32px
}

Keterangan :
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.

9. Kalu sudah simpan template anda. Selesai

Cara Merubah Kotak Komentar

Membedakan Warna Komentar Admin Di Blogspot membuat para komentator mengetahui keberadaan sang admin saat me-reply komentarnya. jadi komentator tidak bingung mencari komentar asli dari admin, ini sangat berguna sekali disaat kotak komentar kita dipenuhi puluhan komentar, selain itu menghindari adanya orang-orang sirik dan jahil yang mengaku-ngaku admin blog tersebut lalu mencaci maki komentator lainya.

Kira-kira nanti hasil jadinya seperti ini:

Langsung saja kita ikuti langkah-langkah dibawah ini.

1. Login ke account blogger kamu

2. cari menu Rancangan-Edit HTML

3. klik "Download Template Lengkap" (Biasakan untuk mem-backup template sebelum mengedit html untuk jaga-jaga jika terjadi kesalahan)

4. Centang "Expand Template Widget"

5. Cari Code Ini ]]></b:skin> (Gunakan fasilitas Cltr-F untuk mempermudah pencarian)

6. Copy dan Paste-kan Code dibawah ini Tepat diatas Code ]]></b:skin>

.mycomment-Body {background:#222; color:#1b703a; border 2px solid #1b703a; font-family:arial, "verdana"; font-style:italic; text-align:justify; margin:0; padding:0 0 0 25px;}

Code warna background bisa kamu ganti sesuai keinginan Klik disini untuk melihat macam-macam code warna

7. Selanjutnya kamu cari code seperti dibawah ini

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

Kamu bisa menggunakan kata kunci <dd class='comment-body'> untuk mencarinya.

8. kalau sudah ketemu silahkan kamu sisipkan kode yang berwarna merah dibawah ini tepat diatas code tadi dengan mengakhirinya dengan code </b:if> sehingga kombinasinya seperti dibawah ini

<b:if cond='data:comment.author == data:post.author'>
<dd class='mycomment-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

9. Sudah? Silahkan klik "Simpan Perubahan"

10. Coba buka satu postingan yang sekiranya sudah kamu komentari di blog kamu. apakah warnanya sudah berhasil berubah?

Perhatian!: Jika kamu tidak ketemu dengan code-code diatas saya sarankan untuk tidak melakukan perubahan karena sepertinya template yang kamu gunakan menggunakan template blogger versi berbeda.

Selamat mencoba dan Semoga berhasil ya.

Mengubah 'nofollow' Menjadi 'dofollow'

Nih cara buat Blog nofollow menjadi dofollow
- Sobat login ke Blogger
- Klik layout => Edit Html => Centang Expand Template
- Cari tag HTML berikut ini (biasakan untuk membackup template Anda sebelum mengotak-atik Edit HTML),

<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>

Tips :

Pertama, hilangkan rel=’nofollow’ atau
Kedua, replace (ganti) bagian rel=’nofollow’ dengan rel=’external’
sehingga HTMLnya menjadi seperti di bawah ini,

<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

Atau menjadi seperti berikut ini,

<a expr:href='data:comment.authorUrl' rel='external'><data:comment.author/></a>

Nah, bagi Sobat yang juga ingin mengganti trackback menjadi Dofollow,
caranya cari HTML berikut,

<a expr:href=’data:backlink.url’ rel=’nofollow’><data:backlink.title/></a>

Tips (Seperti di atas) :

Pertama, hilangkan rel=’nofollow’ atau
Kedua, replace (ganti) bagian rel=’nofollow’ dengan rel=’external’
Sehingga HTMLnya menjadi seperti di bawah ini,

<a expr:href='data:backlink.url'><data:backlink.title/></a>

Atau menjadi seperti berikut ini,

<a expr:href='data:backlink.url' rel='external'><data:backlink.title/></a>

Note :

Selamat blog anda sekarang jadi Dofollow.