Cara Mengganti Background Postingan Blog

Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti wrna backgr...

Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti wrna background post atau mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf. Cara ini sangat Simple dan mudah untuk diterapkan.
Tutorial Blogger

Cara Mengganti Background Postingan Blog


1. Mengganti Warna Background Postingan Blog

demo

Login ke accunt blogger sobat.

Pilih Entry baru atau New post.

Pilih opsi HTML (bukan compose) selanjutnya silahkan copy kode script di bawah ini dan pastekan pada HTML laman postingan sobat.
<div style="background-color: #444; color: #fff; padding: 10px;">Postingan sobat di sini...</div>
Warning : Silahkan ganti warna tulisan dan background post sesuai keinginan sobat.

2. Mengganti Background Postingan Blog dengan Image (gambar)

demo

Masih dalam kondisi Log in Blogger.com silahkan menuju >>.

Entry baru atau New post.

Pilih opsi HTML (bukan compose) selanjutnya silahkan copy kode script di bawah ini dan pastekan pada HTML laman postingan sobat.
<div style="background: url(IMAGE-URL-HERE); background-size: cover; color: #000; padding: 10px;">Postingan sobat di sini...</div>
Warning : Letakkan kode <div style="background: url(IMAGE-URL-HERE); background-size: cover; color: #000; padding: 10px;" dibagian atas postigan dan letakkan kode </div> pada bagian akhir postingan.
Contoh :
<div style="background: url(http://static.tumblr.com/e7607750863869c890f6aab5a61e8682/x4gtrvs/Jaznfeeaf/tumblr_static_djwqb2ufs1wkokow880k4g4ow_2048_v2.jpg); background-size: cover; color: #000; padding: 10px;">
 Isi postingan sobat di sini, maka tampilan background postingan akan berubah sesuai gambar atau image yang sobat letakkan.
</div>

COMMENTS

BLOGGER: 7
Loading...
Name

Aceh,23,Adsense,8,BBM,3,Biography,1,Bitcoin,4,Blog,21,Blogger,12,Blogging,55,Business,14,Cerita,3,CPNS,1,Delicious,1,Design,1,DeviantART,1,Digg,1,Dollar,3,Dunia,13,Facebook,5,Flickr,1,Friendster,1,Gambar,2,Game,36,Gmail,1,Google+,4,Hosting,1,Inspirasi,2,Instagram,1,Internet,13,Interview,11,Kesehatan,2,LinkedIn,1,Makalah,7,Marketing,12,Meme,8,Money,3,Motivasi,2,MySpace,1,Outlook,1,Path,1,Pendidikan,10,Pengetahuan,4,Pinterest,1,Plugin,5,PNS,1,Reddit,1,Review,4,Seo,53,Smartphone,5,Social Media,38,Sukses,3,Sumatera Barat,16,Sumatera Utara,3,Templates,1,Tips,6,Toko Online,3,Top10,18,Tumblr,1,Tutorial,29,Tutorial Blog,146,Twitter,3,Umum,9,Vimeo,1,VK,1,Weebly,1,WhatsApp,1,Widget,55,Wisata,4,WordPress,14,Yahoo,1,Youtube,3,
ltr
item
Blog iTapuih.com: Cara Mengganti Background Postingan Blog
Cara Mengganti Background Postingan Blog
https://4.bp.blogspot.com/-dpvIf4HabeM/Wkp7yzEN04I/AAAAAAAANjI/OuVGklEwu78lf1V9fk6bA5WLeBw0jq8CgCLcBGAs/s1600/Widget-Menu.png
https://4.bp.blogspot.com/-dpvIf4HabeM/Wkp7yzEN04I/AAAAAAAANjI/OuVGklEwu78lf1V9fk6bA5WLeBw0jq8CgCLcBGAs/s72-c/Widget-Menu.png
Blog iTapuih.com
https://blog.itapuih.com/2015/02/cara-mengganti-background-postingan-blog.html
https://blog.itapuih.com/
https://blog.itapuih.com/
https://blog.itapuih.com/2015/02/cara-mengganti-background-postingan-blog.html
true
2732475762120586724
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy