Mengganti Image di Home Page dengan.....
07:00 wita
- Minggu, 22 Juli 2012
-
Kalau Blognya kawan ingin tampil beda dengan Blogger yang lainnya atau kawan ingin Blognya seperti Blog saya ini :w; maksud saya disini setiap Artikel atau postingan ada Imagenya baik pada Home Page maupun pada Single Page :z; yang pada umumnya saya lihat sudah biasa, tapi sekarang saya ingin berbagi dengan kawan sebagai pengunjung setia Blog ini yaitu Image pada Postingan di Home Page diganti dengan jumlah Komentar yang ada pada Artikel tersebut atau dengan kata lain Image tersebut hanya kelihatan pada Single Page saja sedangan di Home Page tidak ada karena sudah diganti dengan Jumlah Komentar :z;
Bagaimana kawan tertarik ?! :r;
Cara sebagai berikut :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor Pilih Template - Edit HTML - Lanjutkan
- Cari ]]></b:skin> atau .comment-link
- Copas script berikut diatas ]]></b:skin> atau ganti .comment-link dengan script dibawah ini
.comment-link{color:#122B15;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3s7-iqtaIo8-j1Wn6Ahi_Y4tUc9MKa4Uo6sfW0D44LfVOGH1hitSMCGY7BVfkw64RxUUG_g5A3rCRMEpze1HlEu-xG9FanzclbVnYl7CAXRG8uvsMztXs4W3lhka-alBPBNAWaBi9YiaK/s1600/Komentar-.png) no-repeat;
width:30px;
height:30px;
float: left;
margin: 5px;
padding:5px 14px 10px 5px;
font-size:12px;
text-align:right;
}
- Selanjutnya cari kode script Readmore yang biasanya disimpan dibawah ]]></b:skin> atau diatas </head>, perhatikan contoh Readmore
- Teks yang saya beri warna merah adalah ukuran Image pada Home Page, yang akan kawan rubah dari 100 menjadi 0 [nol]
- Simpan sementara Template kawan
- Beri tanda check disamping Expand Template Widget
- Cari <data:post.body/> yang pertama
- Copas Script berikut diatasnya
<b:if cond='data:blog.pageType != "item"'>
<div style='float:left;text-align:center;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> </b:if></a>
</b:if>
</div>
</b:if>
- Simpan Template kawan dan lihat hasilnya
Mengganti Image di Home Page dengan.....
Kalau pada Artikel Mengganti Image di Home Page dengan.....
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
{[["☆","★"]]}
Rate this posting: Kalau pada Artikel Mengganti Image di Home Page dengan.....
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
disini saya mau tanya ....
BalasHapusbeda topik tapi berhubungan ...
" saya mau buat halaman post homepagenya berupa gambar dan judul saja tapi ketika mouse menyorot ke salah satu gambar maka akan tampil ulasan, readmore dan gambar ,,
gimana aranya mas ???
Kalau tak salah itu sejenis toltip yang caranya cukup ribet, tapi saya pernah coba di Blog yang lain pakai hidden di home page cuma ada judul saja, setelah mouse didekatkan kesana baru kebuka gambar dan isi Readmorenya
BalasHapus