Cara Pasang Background Berubah-ubah

Cara Pasang Background Berubah-ubah - Siapa pun senang jika mempunyai blog yang keren dan tampil elegan, kali ini saya akan berbagi tentang background yang bisa berubah-ubah sesuai minat pengunjung nya, keren kan!! awalnya saya menemukan ini ketika saya  cari-cari raferensi di google, akhirnya dapat juga, 

Di blog nya si chumienk dapat dilihat backgroundnya bisa di ganti sesuai selera dan saya putuskan untuk berbagi dengan teman-teman, buat yang ingin melihat contohnya silahkan melihat di di blog satunya ini Study Forever untuk selanjutnya langsung yosh gan, gak basa basi lagi dah. 


Langkah 1

Login Blogger Dashboard >> Design >> Add A Gadget >> HTML/Javascript.

Copy kode di bawah ini dan pastekan di dalam content html:

<div class="widget-content">
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />
 <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">
<option value="url() repeat center center fixed" />None

<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKREZ4R9QW-1cC6YmV_76DdQrJC7LSNsuNztVmobOGJruqek9w2l8xE0M7ujppNfM2eSzddfzhlgNtqQzwfJsAzYMWAG2SKwuzlwTbafvu3eYwv-FcKVlFdg6GHOnD3_gyCDC-uTUqwEhv/s1600/naruto_sage_of_six_path-naruto+manga+prediction-narutokar.blogspot.com.jpg) repeat center center fixed" />Naruto Full cakra

<option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix
<option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan
<option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3RjT_skbiKsDy5CokYgpcIhgfhK1MU2-7TIl4ejKz5kvJ5EdrVsNc7h8EoAodJHUYhMbR5tZ97PMr1HGkuhPmNcnmhJ8lxPSVVmsFS5z3jQ1L_Kn-L6C3G03RUXWEVXcKRM50ckqFRPI/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1

<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGjp9Q1gVe02nDKzyKe6yLlgUVJdNPLBDaDVtTx7Iyb92eY1QS61VUS-nM9rtpKUIEU4CINqDkkUfmkbi6XqR8E7UxwqENw-Y2SBfTtNsivSJ7FbTJj_og5q0jFjmejWiQg-bI9Ptl-_Bj/s1600/naruto_360_kyuubi.jpg) repeat center center fixed" />Kyubi
<option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1

<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud

<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru
<option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix
<option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf
<option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
</select></center></center>
</div><br/><center><a href="http://www.jokorowotlogorejo.co.cc/2012/05/cara-pasang-background-berubah-ubah.html target="_blank">Pasang Seperti Ini</a></center>

klik Save.
Jreeng"..., jadi kan!!! sekarang blog agan uda bisa dipilih-pilih background nya, untuk judul nya boleh kosong atau boleh juga di isi.
NB:   Sebenarnya tampilan pemilhan background dapat ditambahkan atau dikurangi sesuai keinginan agan, yang jelas tinggal kreatif-kreatif aja ngeditnya, atau dapat memahami sedikitlah.

  
semoga bermanfaat tutorial mengenai Cara Pasang Background Berubah-ubah... 
silahkan tambahkan komentar anda jika terdapat hal yang kurang jelas dengan tutorial ini...

Read more »

Cara Menghilangkan Tampilkan Semua Posting Dengan Label

Tampilan Tampilkan Semua Posting Dengan Label terkadang atau bahkan selalu muncul pada blog yang Tampilkan Posting Dengan Label nya belum dihilangkan,  pada saat mencari kategori pada tersebut. Misalnya: postingan-postingan blog kita masuk ke dalam label atau kategori CSS, lalu saat dicari pada bagian atas  akan terdapat tulisan Tampilkan posting dengan label CSS, Tampilkan semua posting. 

Cara Menghilangkan Tampilkan Posting Dengan Label tidaklah sulit, mudah saja jika anda sudah mengetahuinya, maka dari itu  jika anda berniat untuk mencobanya silahkan ikuti tutorialblog singkat ini seperti dibawah:
>> Masuk ke account blogger
>> Masuk ke menu rancangan/ design
>> Pilih Edit Html
>> Centang Expand Widget template

Cari kode yang mirip seperti dibawah ini (biar mudah untuk pencarian, tekan Ctrl+F) :
 <b:includable id='status-message'><b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Atau cari kode yang mirip seperti ini:
 <b:includable id='status-message'>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <p class='pagetitle'>Archive for <data:blog.pageName/></p>
  </b:if>
  <b:if cond='data:navMessage'>
    <p class='pagetitle'><data:navMessage/></p>
  </b:if>
</b:includable>

Setelah ketemu, lalu  hapus saja kode-kode tersebut dan ganti dengan kode dibawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable> 
Setelah selesai, lalu Simpan. Semoga postingan Cara Menghilangkan Tampilkan Posting Dengan Label kali ini bisa membantu dan bermanfaat untuk anda.

Read more »