Cara Membuat Related Post Dengan Gambar

Tutorial BOS - Cara Membuat Posting Terkait Gambar . Tidak ingat posting sebelum ini, Bagaimana cara membuat posting blog yang ditautkan ? Jangan tanya lagi apa arti dari related post atau artikel terkait (heheheh… just) karena sudah dijelaskan secara detail disini . Kami hanya pergi ke tempat (misalnya kemana kita akan pergi ...). Maksud saya, lakukan tutorial itu saja sekarang….

Cara membuat postingan terkait gambar
1. Tentunya sobat harus membuka akun blogger.
2. Masukkan elemen template, lalu klik Edit HTML
3. ]]> - Temukan kodenya (Gunakan CTRL + F untuk pencarian lebih mudah)
4 Setelah Anda menemukannya, salin kode berikut dan letakkan di atas kode sekarang juga.

/ * Postingan terkait dengan tips membuat blog hebat --- * /
posting terkait .post-thumbnail {
indeks z: 1; Tempat: relatif;
lebar: 100 piksel ;
tinggi: 100 piksel ;
margin: 0; pengunci layar;
batas kanan: 1px solid #fff;
batas bawah: 1px solid #fff;
-webkit-radius-border: 5px;
-moz-radius-limit: 5px;
radius batas: 5px;
-webkit-box-shadow: masukkan 2px 2px 5px # 444;
-moz-box-shadow: masukan 2px 2px 5px # 444;
box-shadow: masukkan 2px 2px 5px # 555;
}
pos terkait {
Panduan: Kiri; Tempat: relatif;
Lebar: 108 piksel;
tinggi: 108 piksel;
margin: 0 10 piksel 10 piksel 0;
latar belakang: # F6F6F6;
-webkit-radius-border: 5px;
-moz-radius-limit: 5px;
radius batas: 5px;
}
Posting terkait Judul postingan terkait {
Tampilan: Tidak ada; Panduan: Kiri; Latar belakang: # 00B366;
Warna: #ff;
Bayangan teks: tidak ada;
font-berat: tebal;
bantalan: 10 piksel;
Posisi: Mutlak;
atas: -20 piksel;
Kiri: 40 piksel;
indeks z: 2;
lebar: 200 piksel;
-webkit-box-shadow: 0 0 2px # 444;
-moz-box-shadow: 0 0 2px # 444;
kotak bayangan: 0 0 2 px # 444;
-webkit-radius-border: 3px;
-moz-radius-limit: 3px;
radius batas: 3px;
}
Posting terkait: hover. Related-post-header {screen: block; }

5. Belum action, masih ada yang diinginkan. Lihatlah kode di bawah ini dan kemudian temukan kodenya

ATAU

(Gunakan CTRL + F untuk pencarian lebih mudah)

6. Jika sudah ketemu dan yakin, copy kode berikut dan paste di bawah kode

ATAU

7. Selesai
8. Simpan template blog Anda, guys.

Catatan tentang apa yang diharapkan.

• maxresults = 5 adalah jumlah posting yang akan Anda lihat di posting terkait. Tambah atau kurangi sesuka hati.
• 100 piksel adalah tinggi dan lebar gambar . Ubah jika Anda ingin membuatnya lebih kecil atau lebih besar.
• Related post silahkan ganti dengan yang anda inginkan, misal ini artikel terkait, atau mungkin ini yang anda suka "dan yang lain suka".
• Jika gagal, coba lagi secara bertahap. Sebagian besar waktu Anda bisa.

Ini adalah panduan untuk membuat posting dengan gambar . Silakan coba. Ini bisa membantu. Jika ada kendala tanyakan di kolom komentar. Dan halo blogger.