Tutorial : Ubah background blog

Thursday, October 15, 2015

https://starlavenderluna.blogspot.com

Assalamualaikum...
Permulaan di tahun baru 1437H...Hari nie dah mula sibuk dengan rehearsal untuk perhimpunan bulanan esok dan pihak library yang menjadi urusetia untuk Pertandingan Celik Minda akan menyampaikan hadiah dan sijil penyertaan... 
Chewaahh..dah macam pembaca berita pulak..! perasan.. hehe.. dan sempat pulak tue saya ubah background blog nie, kalu awak suma perasan la.. saja jea nak cari ubah angin dan saya memang suka perubahan yang sekejap2, tapi saya nie buta it sikit dan masih lagi mencari background serta template yang sesuai untuk saya.. Pada asalnya saya gunakan gambar biasa yang ada dalam blogger template, tapi rasa macam tak menarik, saya mencari page yang membolehkan saya menukar background tanpa menukar template..akhirnya saya terjumpa satu page The cutest blog on the block dan berjaya menukar template..

Tentu awak masih ingat pada background nie kan..

http://starlavenderluna.blogspot.com

Sekarang nie...jeng..jeng...

http://starlavenderluna.blogspot.com

Camne...Awak pun boleh buat asalkan ikut saja arahan yang diberikan.. sebagai contoh : 

Blogger Install

Directions:
  1. Log onto your blog.
  2. Click on your 'Design' tab or 'Layout' tab.
  3. Click 'Add a Gadget'.
  4. Click on the (+) sign next to 'HTML/JavaScript'.
  5. Paste the entire code in that space.
  6. Click 'Save' and you now have a new HOT blog!
Our backgrounds work best with the Minima Template or Picture Window Template.


<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http://thecutestblogontheblock.com/wp-content/uploads/2011/11/tiny-eden-free-blog-backgound-spring-3-column-copy.jpg%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.createElement%28%27div%27%29%3B%0Adiv.setAttribute%28%27style%27%2C%22position%3A%20absolute%3B%20left%3A%200px%3B%20top%3A%2030px%3B%20z-index%3A%2050%3B%20width%3A%20150px%3B%20height%3A%2045px%3B%22%29%3B%0Adiv.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//www.thecutestblogontheblock.com%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//www.thecutestblogontheblock.com/images/tag.png%22%3E%3C/a%3E%27%3B%0Adocument.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>



WordPress Install

Note: For best results, use a theme with an editable background, and that no image or color is selected.
Directions:

  1. In your dashboard, navigate to appearance > editor.
  2. In the sidebar nav (Templates) find the header file (usually named "header.php"), and select it. Search (cmd + f or ctrl + f) for this:
<body <?php body_class(); ?>

  1. Replace it with the code below.
  2. Click "Update File".
  3. Enjoy.
<body <?php body_class(); ?> style="background: url(http://thecutestblogontheblock.com/wp-content/uploads/2011/11/tiny-eden-free-blog-backgound-spring-3-column-copy.jpg) center top fixed no-repeat !important;"> <a target="_blank" style="position: absolute; left: 0px; top: 30px; z-index: 99999; width: 150px; height: 45px;" href="http://www.thecutestblogontheblock.com"><img border="0" src="http://www.thecutestblogontheblock.com/images/tag.png"></a> 

Try la.. Dan jugak saya menukar banner saya yang baru...

http://starlavenderluna.blogspot.com
Yang lama...

http://starlavenderluna.blogspot.com
Yang baru..
Memang gilerr kan... hihi.. Jaa nee..


2 comments

  1. Saya kalau bab edit2 blog nih mmg fail ..kalau dulu okay je..tp sekrg,mcm ta tau apaaaaa..........nak senang,upah org editkan........life as a student tak mengizinkan saya utk explore bab bab mengedit blog.... T_T
    sebab itulah blog saya pon jrg2 berubah wajah.......ahaahaha..........ur blog is still nice ^^

    ReplyDelete

❧ ✿ Terima kasih atas kesudian awak untuk tinggalkan nota di sini..✿ ❧