Langsung ke konten utama

Cara menerapkan gambar hanya bisa liat dihalaman homepage saja

 

Cara Menerapkan Gambar Hanya bisa liat Dihalaman Homepage



Cara menerapkan gambar hanya bisa dihalaman homepage dengan kode html. Berawal dari keinginan untuk bisa menampilkan gambar hanya di halaman beranda saja, saya blogwalking atau mengunjungi blog lain dan nemu tipsnya dari blog maxmanroe.com. Ternyata caranya sangat mudah sekali, cukup menggunakan html dan tidak membutuhkan javascript ataupun jquery khusus.

Alasan kenapa saya ingin agar gambar yang ada di dalam posting tidak tampil di halaman artikel namun tetap bisa tampil sebagai thumbnail di halaman homepage. Karena ingin supaya posting yang dipublikasikan terlihat rapih. Jadi nanti gambarnya tidak tampil di postingan, namun tetap bisa muncul di halaman homepage.

Sementara jika di dalam artikel tersebut tidak saya masukan gambar, maka otomatis dihalaman homepage gambar thumbnailnya kosong. Karena kebetulan di salah satu blog saya itu memakai template yang pada home page ada gambar thumbnail dari masing-masing artikel.

Cara menerapkan gambar hanya muncul di homepage ini sangat cocok bila digunakan di blog yang menggunakan tampilan gambar di halaman homepage, namun tidak akan menampilkan gambar di postingan. Terkadang jika tidak menyertakan gambar maka tampilan homepage akan kurang bagus, namun jika menyertakan gambar kadang, gambar bertabrakan dengan iklan yang ada di tengah artikel, oleh karena itu jalan satu-satunya adalah dengan hanya menampilkan gambar di hompage saja.

Cara ini telah berhasil saya terapkan pada 2 template yang berbeda, yang pertama adalah template blog ini yaitu template kompi males dari kompiajaip , dan yang kedua adalah template viomagz dari mas sugeng . 

Jadi kelihatan jelek kalau yang muncul cuma tulisan “No Image” saja. Kalau temen-temen juga mungkin ada yang menginginkan gambar diposting tidak muncul namun dihalaman homepage tetap tampil, silahkan gunakan cara berikut.

Menampilkan Gambar Hanya Dihalaman Homepage

  • Login ke dashboard blogger
  • Pilih Template
  • Edit HTML
  • Format Template

 Tempatkan script di bawah ini setelah atau di atas kode </head><b:if cond=’data:blog.pageType == &quot;item&quot;’>

<style type=”text/css”>
.thumbnail {display:none}
</style>
</b:if>

  • Jika sudah Klik Save Template

Langkah berikutnya yang harus dilakukan yaitu menambahkan sedikit kode kedalam url gambar yang ada disetiap posting.

Berikut kode yang harus ditambahkan pada url gambaruntuk setiap artikel yang gambarnya hanya ingin muncul dihalaman homepage.

Ingat hanya pada gambar yang ingin muncul di homepage saja tidak untuk semua gambar yang ada di dalam artikel.

  • Kode yang harus ditambahkan

 class=”thumbnail”

  • Sehingga lengkapnya nanti akan menjadi seperti berikut.

<img class=”thumbnail” src=”ssblogger22.blogspot.com "

Link-gambar anda ” alt=”penjelasan gambar” />

Demikian artikel Cara Menerapkan Gambar Hanya Muncul Di HomepageAkan lebih mudah tidak perlu merubah semua kode url gambar yang telah ada di dalam posting, cukup hanya menambahkan kode tersebut sebelum “scr”. Cukup mudah bukan, silahkan dicoba dan lihat hasilnya. Semoga membantu dan bermanfaaat untuk anda. 

Komentar

Terbaru

Kata Kunci untuk Membuat Konten Anda Lebih Terlihat

Kata Kunci untuk Membuat Konten Anda Lebih Terlihat Ssblogger22.blogspot.com Bahkan jika Anda memiliki audiens yang besar, tetap membayar untuk membuat konten Anda lebih terlihat secara online. Menggunakan kata kunci yang relevan dalam posting blog Anda adalah kunci untuk mewujudkannya. Saat klien ideal Anda mencari di Google atau mesin pencari lainnya, mereka menggunakan kata kunci khusus untuk menemukan Anda. Misalnya, "pelatih sepak bola indonesia STY", "relung asisten virtual", dan "cara menggunakan Google Analytics" semuanya adalah pencarian kata kunci yang sebenarnya. Pikirkan tentang apa yang Anda ketik saat mencari sesuatu secara online. Jika posting blog menyertakan kata kunci ini atau yang serupa, maka posting tersebut lebih mungkin muncul dalam pencarian Anda. Mengetahui kata kunci yang Anda ingin dikenal sangat penting untuk menarik traffic "organik" ke situs Anda, tetapi itu hanya sebagian dari persamaan saja...

cara mencari ekspired domain dengan DA dan PA tinggi

cara mencari ekspired domain dengan DA dan PA tinggi Ssblogger22.blogspot.com - Ekspired domain atau old domain adalah doimain lama atau tua yang tidak terpakai karena sesuatu hal, mungkin tidak mampu memperpanjang usia domain atau ada hal yang tidak bisa diupgrade lagi domainnya. Makanya banyak yang sekarang mencari ekspired domain bertebaran dimana-mana. Untuk membeli ekspired domain sekarang banyak bertebaran di jasa penyedia ekspired domain lokal maupun luar negeri. Untuk membeli ekspired domain dengan spesifikasi DA dan PA yang bagus ssblogger22.blogspot.com akan memandu kalian untuk mencari ekspired domain, amati dan tiru jangan sampai ada yang terlewatkan ya? Baca juga : cara setting domain TLD di blogger  Berikut situs yang saya pergunakan untuk mencari ekspired domain atau old domain: 1.login ke epireddomain.net 2.lakukan pengecekan DA dan PA di ahrefs fersi free ada 3.periksa sejarah terbentuknya domain lewat archive.org 4.periksa umur domain lookup.ican.org 5.daftakan e...

Pengertian, Manfaat dan Cara Mengatasi Subdomain Error

Pengertian, Manfaat dan Cara Mengatasi Subdomain Error Pengertian, Manfaat dan Cara Mengatasi Subdomain Error ~ Subdomain merupakan bagian dari alamat website yang berada di depan nama domain utama disebut juga sebagai anak domain utama . Contohnya: "subdomain.ssblogger22.com " adalah subdomain dari "ssblogger22.com ". Subdomain sering digunakan untuk menyediakan konten atau fitur tambahan yang berbeda dari situs utama, atau untuk membuat alamat web yang lebih mudah diingat untuk bagian tertentu dari situs. Nah, di bawah ini ane akan berikan penjelasan tentang manfaat memiliki banyak subdomain untuk website kamu lebih baik lagi.  Manfaat subdomain untuk website utama  Membuat subdomain lebih banyak dapat memberikan beberapa manfaat, seperti: 1.Organisasi yang lebih baik: Subdomain dapat digunakan untuk membagi situs web menjadi bagian-bagian yang lebih terorganisir dan mudah di navigasi. 2.Konten yang lebih terfokus: Subdomain dapat digunakan untuk membuat konten ya...