Mengganti Image di Home Page dengan.....

Unknown - Minggu, 22 Juli 2012 - 07:00 wita
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 
<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 200; summary_img = 150; img_thumb_height = 100; img_thumb_width = 100; </SCRIPT> <SCRIPT src='https://sites.google.com/site/blogbegocreation/javascript/readmore-otomatis.js' type='text/javascript'/>

  • 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
Sekarang kita lanjutkan kembali pengerjaannya:

  • Beri tanda check disamping Expand Template Widget
  • Cari <data:post.body/> yang pertama
  • Copas Script berikut diatasnya
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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



Berbagi Artikel :

Mengganti Image di Home Page dengan.....
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---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

2 Komentar pada : “Mengganti Image di Home Page dengan.....”

  1. disini saya mau tanya ....
    beda 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 ???

    BalasHapus
  2. 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

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan