Page Nav

HIDE

Grid

GRID_STYLE

Classic Header

{fbt_classic_header}

Top Ad

//

Tips, Trick, dan Cara Membuat Keterangan Teks Plus Gambar Diatas Kotak Komentar

Menambahkan keterangan diatas kotak komentar sangat mudah, kita bisa menambahnya melalui  menu Settings - Comments - dan mengisi keterang...

Menambahkan keterangan diatas kotak komentar sangat mudah, kita bisa menambahnya melalui  menu Settings - Comments - dan mengisi keterangan pada Comments Form Message, dengan melalui menu setting tersebut kita hanya bisa menampilkan keterangan berupa teks saja tanpa bisa menambah dengan keterangan berupa gambar (image). 
Pada dasarnya script ini adaptasi dari script untuk Membuat Kotak Admin atau Author Box hanya yang membadakan dari segi penempatannya, jika penasaran bagaimana membuat kotak admin di bawah post, kalian bisa mng-klik link tersebut untuk mengetahuinya. Untuk membuat keterangan teks plus gambar (image) diatas kotak komentar kalian copy kode css dibawah ini dan letakan diatas kode ]]></b:skin>, caranya :

- Masuk
Design - Edit HTML - Ceklis Expand Template Widget
- Untuk menghidari resiko, lakukan backup template terlebih dahulu
- Copy code css dibawah ini dan letakan diatas kode ]]></b:skin>

 
.keterangan-komentar {
margin: 5px 0 5px 0;
padding: 0 5px 0 0;
width: 365px;
}
.keterangan-komentar p {
margin: 0;
padding: 5px 0px 5px 5px;
border:1px solid #cccccc;
background: transparent;
}
.keterangan-komentar img {
float: left;
margin: 0 5px 0 0;
padding: 2px;
}

Kemudian cari kode <p><data:blogCommentMessage/></p> dan letakan kode dibawah ini dibawahnya
:
<div class='keterangan-komentar'>
<p><img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrDRw3F5pJZqrJ_1Ygbupu35a7uUvKdHkqOjoo71fn6CCGYoM9xjBy5LU4bfJzPn1Y1ISid4PFfk7accJi2iMA04mZyZo1qFM3aH3Z5MR_ak7ugb0efXQ5pxALPb1GG_fMCAhuZV26R4/s1600/Good.png' width='60'/><span class='Apple-style-span' style='font-family: Arial, Helvetica, sans-serif; font-size: normal;'>Terima kasih telah membaca <b><a expr:href='data:post.url'><data:post.title/></a></b>,,Jika ada yang kurang faham, kalian bisa bertanya melalui komentar,,KAMI TIDAK MERESPON ANONIM, TUKANG HINA dan SEJENISnx
Terima kasih<a href='http://hanyayanggratis.blogspot.com/'>.</a></span></p>
</div>
 
Save template kalian dan lihat hasilnya

Biasanya kode <p><data:blogCommentMessage/></p> ada 3, pilih yang pertama atau yang diatasnya ada kode <h3><data:postCommentMsg/></h3> jangan yang mobile, jika ukuran kotak keterangan komentar berbeda dengan kotak komentar, kalian bisa rubah pada bagian ccs bagian di beri warna putih.

Semoga bermanfaat

sumber: situseo

2 komentar