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 Homepage, Akan 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

Posting Komentar

Terbaru

5 daftar browser cepar dan enteng, anti lelet untung berselancar

5 daftar browser cepar dan enteng, anti lelet untung berselancar  Ssblogger22.blogspot.com - Di era digital sekarang mengakses internet untuk beberapa orang sudah menjadi kebutuhan pokok, mereka tak bisa melewatkan waktu dengan sia-sia tanpa mengakses internet, di era teknologi seperti ini internet sudah menjadi ujung tombak dalam segala hal, baik itu kebutuhan informasi, pendidikan, hiburan dan lain-lain. Semuanya bisa menjadi sangat mudah karena adanya internet. Dalam mengakses internet anda tak bisa melupakan browser, karena browser inilah yang akan bekerja memandu anda dalam aktifitas di dunia maya, maka dari itu kita harus tepat memilih browser yang terbaik kinerjanya untuk kelancaran berselancar di internet. Banyak dari browser-browser itu menawarkan fitur-fitur unggulannya agar pengguna internet berbondong-bondong menggunakan layanannya, namun yang paling penting dari semua itu adalah kenyamanan kita sendiri dalam menggunakan browser pilihan, sebagai pengguna kita tak perlu...
Posting Komentar
Read more »

Reasons for Failing User Bloggers Become Successful Bloggers

Reasons for Failing User Bloggers Become Successful Bloggers Reasons for Failing User Bloggers Become Successful Bloggers ~ There can be many reasons why a new blogger may fail to become successful. Some common ones include: Lack of focus: Many new bloggers start out with a broad topic in mind, but then struggle to narrow their focus and create content that resonates with their audience. Without a clear focus, it can be difficult to build an engaged following. Lack of consistency: Consistently publishing new content is crucial for attracting and retaining an audience. If a blogger is not able to consistently create and publish new content, their audience may lose interest and move on. Lack of promotion: Simply creating content is not enough. Bloggers need to actively promote their blog in order to attract readers. This can be done through social media, guest blogging, and other marketing efforts. Lack of unique perspective: In order to stand out in a crowded market, blogg...
Posting Komentar
Read more »

3 Cara menentukan Niche Blog yang Benar

Ilustrasi gambar  Breed..... Kini banyak cara menentukan niche blog dengan benar agar semakin popular. Tetapi sayangnya, sebagian blogger masih kurang memperhatikan niche blog. Padahal niche blog sangatlah penting untuk menggait para pengunjung. Semakin bagus niche pada blog Anda, maka semakin banyak kemungkinan pembaca yang mampir. Nah, begini tips paling mudah menentukan tema untuk blogger dan trik nge-blog. Tips Membuat Niche Blog bagi Pemula Sekarang ini media online seperti blogger menjadi popular bagi pengguna internet. Bahkan beberapa pemiliki blog mampu mendapatkan uang melalui aktivitas blogging yang dijalaninya. Maka tak heran, jika blogging menjadi profesi yang banyak diidamkan orang. Apalagi mencoba peruntungan dari dunia blog sangat fantastis. Untuk itu, kenali tips membuat niche blog bagi pemula secara mudah : Pilihlah topik yang Anda gemari. Ini adalah cara menentukan niche blog dengan tepat. Cobalah gali dengan hobi atau passion yang seringkali Anda lakukan. Tetapi...
Posting Komentar
Read more »