√ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog

√ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog - Selamat berjumpa kembali sahabat SMK NEGERI 1 SERI KUALA LOBAM, Senang dapat bertemu anda kembali untuk membahas materi atau artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Semoga pembahasan postingan atau artikel kategori Artikel Blogger, Artikel Blogging, yang kami tulis ini dapat anda pahami. Tanpa memperpanjang basa-basi lagi, kami sampaikan selamat membaca.

Seberapa dalam artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog ini dapat kami bahas dan jabarkan kepada anda, kiranya tidak mengurangi makna. Kami hanya berpesan kepada pembaca SMK NEGERI 1 SERI KUALA LOBAM, jadikan artikel kami ini sebagai materi tambahan. Jika masih kurang lengkap, pembaca dapat menambah wawasan dengan mencari artikel serupa diblog lainnya atau menanyakan langsung kepada pakar yang mahir dengan masalah √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog. Selamat menambah wawasan!

√ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog

First image atau gambar pertama adalah sebuah gambar di atas artikel yang mengawali sebuah artikel. Dengan adanya first image ini menurut saya membuat artikel kita lebih menarik dan membuat pengunjung lebih bersemangat untuk membaca artikel, karena telah melihat gambar yang menarik sebelum membaca artikel.

Banyak para blogger yang memasang first image pada blognya dan salah satunya adalah blog BangOpit.id ini sendiri, pasti ketika berkunjung ke blog ataupun website pernah melihat yang namanya first image. Untuk membuat first image ini lumayan cukup mudah jika kamu membaca tutorial saya dengan seksama dan jika bingung bisa menghubungi saya atau berkomentar. Berikut tutorialnya!

Cara Membuat First Image di Blog

1. Buka dashboard blogger kamu.

2. Pilih menu Tema > Edit HTML, lalu cari kode

.
3. Di bawah kode tadi carilah kode  yang berdekatan dengan kode

.
4. Lalu tempelkan kode di bawah, tepat di bawah kode  tadi.

Url yang berwarna biru pada script di atas ganti dengan url gambar milik kamu. Mungkin kamu perlu sedikit bereksperimen untuk mengedit peletakan kode di atas agar sesuai selera kamu. Selamat bereksperimen Ya!

5. Tempel kode di bawah, tepat di atas kode .

.post img.firstimage {        width:100%;        height:auto;        max-width:100%;    } .post-body .separator:nth-child(1) {        display:none;    }

6. Agar gambar pada artikel kamu tidak ganda atau tampil sebanyak dua kali, tempel kode di bawah, tepat di atas kode .

7. Simpan Tema dan lihat hasilnya.

Cara Membuat First Image pada Template Viomagz

1. Bagi kamu pengguna template VioMagz, untuk membuat first image ini lebih mudah, pada langkah no. 4 kamu tidak perlu mencari kode 

.
2. Kamu tinggal cari kode dibawah.

3. Dan ganti dengan kode ini.

4. Simpan tema.


Mungkin kamu perlu sedikit bereksperimen untuk mengedit peletakan kode di atas agar sesuai selera kamu. Selamat bereksperimen Ya!

Penutup Artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog

Demikian artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog kali ini, semoga bisa memberi manfaat untuk anda semua pembaca blog SMK NEGERI 1 SERI KUALA LOBAM. Allright, sampai jumpa pada postingan artikel lainnya.

Baru saja anda membaca artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog dengan alamat link https://smkn1serikualalobam.blogspot.com/2018/01/cara-membuat-first-image-atau-gambar.html

Artikel √ Cara Membuat First Image atau Gambar Pertama di Atas Artikel Blog ini kami arsipkan pada kategori Blogger Blogging.

Location:

Share :