Cara Memberikan Background Berbeda di Setiap Posting
Saat saya browsing dan mencari tutorial-tutorial tentang Blogger di internet, saya menemukan sebuah artikel menarik untuk keindahan tampilan postingan blogspot Anda. Tutorial tentang bagaimana cara memberikan efek background yang berbeda di setiap label posting blog.
Dari situ saya berfikir lain bagaimana cara menambahkan background yang berbeda-beda di setiap postingan. Sehingga postingan blog Anda terlihat begitu indah dengan perpaduan antara rangkaian kata-kata postingan dipadu dengan background indah yang tentunya bisa membuat pengunjung semakin betah berlama-lama di blog Anda :)
Cara penerapannya pun cukup mudah dan tidak membutuhkan keahlian khusus dalam bidang koding. Keunggulan jika Anda menggunakan background postingan blog menggunakan teknik ini adalah ketika Anda mengganti template, maka postingan akan tetap memiliki background (cara ini cukup mudah dan menguntungkan dibandingkan jika harus menyisipkan kode pada template, namun akan hilang jika Anda mengganti template)
Ikuti tutorial berikut ini untuk memberikan background yang berbeda di setiap postingan blogger :
1. Login ke akun Blogger Anda2. Klik icon pensil untuk membuat postingan baru
3. Jika muncul editor pilih mode "HTML" kemudian masukkan kode dibawah ini :
<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iKeQj6MX3NGRI7yQN6va8PQqBI7QLTIm9IiW6s7ysFK6ke5BIT1r3GZR7d1nz-PtjspfSQ7BlBLnGOiyEXqkPpIp_kv513ZkKYFplHNDbIwmJyiPRv03D96DFJoh-TajGDmhdjyIra9Z/s1600/bg_blogger.png); background-position: top right; background-repeat: no-repeat; height: 500; padding: 5px;">Keterangan :
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Isi postingan Anda
</span></div>
</div>
- URL Gambar Background = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iKeQj6MX3NGRI7yQN6va8PQqBI7QLTIm9IiW6s7ysFK6ke5BIT1r3GZR7d1nz-PtjspfSQ7BlBLnGOiyEXqkPpIp_kv513ZkKYFplHNDbIwmJyiPRv03D96DFJoh-TajGDmhdjyIra9Z/s1600/bg_blogger.png
- Gambar Background akan diletakkan di pojok kanan atas = background-position: top right
5. Terbitkan posting dan lihat hasilnya
Dengan menggunakan background pada postingan, secara tidak langsung bisa membuat pengunjung semakin tertarik dengan artikel Anda dan terkesan tidak monoton.
Saya sarankan menggunakan ilustrasi yang menarik untuk setiap posting Anda, bisa menggunakan gambar atau icon yang bisa diunduh secara gratis melalui situs iconfinder.
Selamat mencoba dan happy blogging with Mas Adhie ^_^
Cara Memberikan Background Berbeda di Setiap Posting
Reviewed by Admin
on
8:07 PM
Rating:
widih mantab nih sob jadi tidak bosan dengan background itu itu aja ya
ReplyDeletedapet lg ilmu ngeblog..makasihh yaa... :)
ReplyDeletedapat ilmu lagi nih
ReplyDeletethx infonya mas adhie, di follback y blog sy, blognya udah sy follow...
ReplyDeletehttp://tipes64mes.blogspot.com/
thanks bro... untuk ilmunya
ReplyDeleteBoleh d cobak niech...
ReplyDelete.
N pastix boleh donk q ikut bagi2 ilmux... :)
maksih info nya nanti ana coba
ReplyDelete