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 Anda
2. 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;">
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Isi postingan Anda
</span></div>
</div>
Keterangan : 
  • 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 
4. Jika sudah kembali ke mode visual dan silahkan menulis postingan Anda (biasanya background akan langsung terlihat ketika Anda beralih dari mode HTML ke visual) 
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 Cara Memberikan Background Berbeda di Setiap Posting Reviewed by Admin on 8:07 PM Rating: 5

7 comments:

  1. widih mantab nih sob jadi tidak bosan dengan background itu itu aja ya

    ReplyDelete
  2. dapet lg ilmu ngeblog..makasihh yaa... :)

    ReplyDelete
  3. thx infonya mas adhie, di follback y blog sy, blognya udah sy follow...

    http://tipes64mes.blogspot.com/

    ReplyDelete
  4. Boleh d cobak niech...
    .
    N pastix boleh donk q ikut bagi2 ilmux... :)

    ReplyDelete

Powered by Blogger.