Beautiful Stories


HOME ABOUT ENTRY LINKIES NEWER OLDER FOLLOW
The Owner

Hi hi! ^^ My name's Ayesha. Live in Jakarta, Indonesia. I love books. Book is my life! Well, enjoy navigating here! PS : DON'T EVER OPEN MY PAGE SOURCE!



Tagboard


Blog Archive


My Banner

Tell me at CBox if you wanna exchange. You put my banner first okay? Kecuali kalau aku yang minta.. You delete mine, i delete you. Deal?




Copy this code!


Ask Me

No harsh word please? Sertakan namamu!



Contact Me

: Ayesha Kamila Rafifah
: @ayeshakamila
: Don't have
: ayeshakamilarafifah.blogspot.com

Backgrounds

Background #1 Background #2 Background #3

Credits

© 2013 - Edited by Meiza Maulida, full template by Anugerah Salsa, and the basecode from Arrien Amani. Best helping by Amatullah Mufida Cute icon from Pixel. Last, the owner is Ayesha!
Tutorial: Choose One Background Di Sidebar Blogskin
Minggu, 01 September 2013 | 0 Friend[s]
Minggu, 1 September 2013.

Hellooo...~ ^^
     Yeyeyeyeye, Ayesha sering nge-blog lagii.. Wuehehehe.. Iya entah kenapa, aku jatuh cinta ber-blogging nih.. :D Ssstt.. Kalo aku lagi cinta nge-blog begini, cepetan di-follow dong! Hehe. Iseng yak? He-eh. :) Sekalian promotee.. (?) Apa nyambungnya ya?
     Ah sudah ah.. Aku kan mau ngasih tutorial! Gimana seh Yeshaa.. Oh ya, sekalian ini juga request dari salah satu blogger yang blogwalking kesini (thanks ya) namanya.. Aryanti dan Dewi..!! \(^o^)/

     Ya, ayo cepat. Gini, ada yang pernah lihat kolom 'Choose One Background' di blog orang lain? Biasanya ada kotak dengan background-nya masing-masing tuh.. Lalu background-nya nyambung dengan blognya dan ada tiga biasanya. Masih gak paham? Ya, aku juga ada kok. Backgrpund2 itu kuambil dari blog Kak Salsa.. Credit to you~ ;) Ini screenshot-nya..


Kita langsung step-nya :
  • Dashboard >> Template.
  • Cari bagian kode sidebar. Nah, kode sidebar setiap template blogskin itu berbeda-beda ya. Kalau basecode-nya sama, ya bisa saja kode sidebar-nya sama. Tapi karena kode sidebar skin aku eda dengan kode sidebar skin kamu, jadi lumayan rumit nih =_= Kalau kode sidebar-ku ini :
<div class="sidebarblog">
<div class="title">Choose One Background!</div>
<div class="min">Pick it</div><br>
{KODE UNTUK NGISI SIDEBAR-NYA}
<br>
  • Itu punyaku. Jangan copy punyaku kecuali basecode-nya sama. Kalo basecode beda sama punyaku bisa kacau :o Pokoknya, copy  aja deh kode sidebar yang paling dasarnya.. Hehehe.. Soalnya sulit nih ngejelasinnya.. =_=
  • Lalu, di tempat kode untuk ngisi sidebar-nya, copy kode ini : 
<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 1px solid #C4E1FF;}#background a:hover img{border: 1px solid #C4E1FF;}</style><div id="background"> <script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script> <script> $(document).ready(function(){ $("#bgcolor1").click(function(){ $("body").css({"background":"url(URL Background 1)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(URL Background 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(URL Background 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Judul Background 1"><img alt='Tooltips Background1' src="URL Background 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="Judul Background 2"><img alt='Tooltips Background 2' src="URL Background 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="Judul Background 3"><img alt='Tooltips Background 3' src="URL Background 3" height="50" width="50" /></a></div></div>
Keterangan : 
  1. Warna Hijau : Judul Background kamu. 
  2. Warna Merah : URL Background kamu.
  3. Warna Ungu: Tooltips Background. Yang ini kalau nggak ngerti mending gak usah diisi, aku juga nggak kok.
  • Preview. Kalo nggak ada error, save~
     Well, itu caranya! ^^ Jangan lupa, kalau bingung tanya di Cbox yaa..~

Label:

Posting Komentar


← Newer Post
Older Post →
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*