Freebies : Header Blog Cute #4 // Im The Princess //


Anneyeong ^^ Malam nih , I rasa nak bagi Freebies Header . Maybe Simple and 100% by me ^^ If nak apa apa , COMMENT dlu ^^


https://41.media.tumblr.com/878757b25868c79781c6c6a359671291/tumblr_np5xx3QzZv1uwl01to1_1280.png


https://41.media.tumblr.com/d0b3d7174c637e777f32dfba398d90dc/tumblr_np5xx3QzZv1uwl01to2_1280.png


https://41.media.tumblr.com/1d6bc7d2486be9d6d15952e7359a2447/tumblr_np5xx3QzZv1uwl01to3_1280.png


https://40.media.tumblr.com/ca34e66e503a2a6bd44a191152a7d566/tumblr_np5xx3QzZv1uwl01to4_1280.png


https://40.media.tumblr.com/aa415ed3a7f8560ad0c627afa382e1ca/tumblr_np5xx3QzZv1uwl01to5_1280.png


https://41.media.tumblr.com/05ee729cff7fa68408e84a0962a9854d/tumblr_np5xx3QzZv1uwl01to6_1280.png


https://40.media.tumblr.com/aa415ed3a7f8560ad0c627afa382e1ca/tumblr_np5xx3QzZv1uwl01to7_1280.png

Mianhe cauze x berapa cantik and terlalu simple ^^ Hope korang suka :)

Cara Buat Border Like Me #1


Anneyeong !! hye ^^ Berjumpa lagi di Dreamer Hipster Blog ^^ hohoho :3 Today , I nak ajar you untuk buat border like me . check It Out !!!


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 and search code nih :

#content-wrapper {

3. Bawah tuh ada anak anak code kan ? Copy code dibawah dan pastekan dibawah anak2 code tadi .

 border: 8px solid #DCDCDC;

4. Preview And Save .

NOTE :

AAA : Code warna korang .

X faham ? Contoh dye macam nih :


Giler simple tuto kali nih ! X jadi , sorrylah . Good luck ^^

Cara Buat Sidebar Title Like Me #1


Anneyeong !!! Lama tak update entry . Now , I nk ajar korang untuk buat Sidebar Title Like Me ^^ Check It Out


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 and search code nih :

.sidebar h2 {

3. Bawah tuh ada anak anak code kan ? Padam semuanya and gantikan dengan code dibawah :

background:url(URL BACKGROUND);
color:#AAAAAA;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
margin:10px;
width:200px;
font-family:'arial';
font-size:12px;
line-height:10px;
text-align:center;
padding-right:6px;
}

4. Preview & Save

NOTE :

AAA : Url Backgriund yg korang suka .


Mcam mana ? Senang and simple kan ? Good luck guys ^^

Cara Buat Post Title *Like Me*


Anneyeong !!! Im Back !! XD Lama tak update entry . So , tetiber rasa rajin nak wat tuto . Tuto cara nak buat Post Tittle Like Me :)


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 and search code nih :

.post-title {

3. Now , copy code dibawah dan paste/gantikan di bawah code yg korang cari tadi .

 margin-top: 20px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 3px;
color:#000;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 12px cinnamon cake;
line-height:15px;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background:url(URL BACKGROUND);
}

NOTE :

AAA : URL BSCKGROUND yg korg suka .

Simple right ?? Good Luck Guys XD

Cara Buat Post Tittle First Letter Berwarna


Hai :D Sihat ?? Hari nih I terpaksa update entry awal cauze petang nanti I nak pergi Pining cauze my kakak nak interview U :) Hope dye luluslah XD Hari nih , I nak bagi Tuto macam mana nak buat first letter post tittle berwarna :)


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 & search code nih

/* Posts

3. Now , copy code dibawah and pastekan dibawah code yg korang cari tadi

 .post-title:first-letter {
color: #000000;
font-size: 20px;
font-family: 'Short Stack', cursive;
padding: 1px;
text-shadow: 1px 0px 1px #fff;
}

Macam nih :


NOTE :

AAA : Tukarkan dengan code warna korang


Macam mana ? Jadi tak ?? Hope menjadilah :D

Cara Buat Tittle Sidebar Like Me


Anneyeong :D Lama I HIATUS T_T Miss This Blog ... Huwaa XD Today , I nak bagi Tuto cara buat Sidebar Tittle like me :)


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 & Search code nih :

.sidebar .widget {

3. Now , Copy code nih and gantikan dengan semua code yg ada dibawah code tadi

 margin:5px 5px 1.0em;
padding: 5px;
border: 2px #808080 solid;
background:white;
}

NOTE :

AAA : Gantikan dengan code warna korang

Good luck guys :D

Cara Buat Slide Cbox Di Blogskin *re-post (new)*


Anneyeong !!!!!!! Pagi :D Today , I nak buat Tuto Blogskin plk , cara buat Slide Cbox Blogskin . keyh ,, dulu mmg x menjadi , so I buang post tuh and re-post again :) CR to - Kak Diya


// Sorry cauze x kemas XD // 


1. Sign In -> Dashboard -> Template
2. Tekan F3 dan cari code nih

<head/>

4. Copy code dibawah dan pastekan diATAS code yg korang cari tadi :

<div style='display:scroll; position:fixed; top:10px; right:10px;'></a><br /><a href="javascript:void(0);"onclick="showHideAT()"/><img class= width="140" height="140"src="http://3.bp.blogspot.com/-FK_3d8apTQ4/TeELH6ag7AI/AAAAAAAAGhA/T0ddlWdbsik/s1600/icon%2Bshout.png" alt="Shoutbox" title="Shoutbox" /></a>
</div>
<style type="text/css">#at{position:fixed;
top:0;;}* html #at{position:relative;}.attab{height:100px;width:30px;float:left;cursor:pointer;background:url();}
.atcontent{float:right;
background:url(http://1.bp.blogspot.com/-gBB6EsDRUsw/TeD7q32XuXI/AAAAAAAAGgw/aOSqFcJnwwQ/s1600/kak%2Byana%2Bshout%2Bframe%2Bcopy.png) no-repeat 0 0 transparent;width:800px;height:460px;center scroll ;
padding:56px 0 20px 5px;}</style><script type="text/javascript">function showHideAT(){var at = document.getElementById("at");var w = at.offsetWidth;at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);at.opened = !at.opened;}function moveAT(x0, xf){var at = document.getElementById("at");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;at.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}}</script><div id="at"><div class="attab" onclick="showHideAT()"> </div><div class="atcontent"><div align="center"><div style="background:url() no-repeat;">

<br /><br /><br /><br /><br /><br />
Gantikan dengan Code Cbox korang yang berukuran 270x280
<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close" class="close" /></a></div></center></div></div><script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script></div></div>


<table style="font-size: 11px; color: #848484; line-height: 16px; background: #fff; border:2px solid #eee; overflow: auto;" width="900" align="center" border="0" cellspacing="10">
<tbody><tr>

5. Preview and save

NOTE :

AAA : URL Image Cbox
AAA : URL Background Cbox
AAA Code Cbox

I bagi freebies sikit lah








// Click Right for URL//

Ok , ini freebies bodo-ii ja , so kalo korg tak suka , just buat baru :) Good luck :D

Cara Buat Scrollbar Like Me


Anneyeong !!! How are you ? Lewl XD Malam nih I rasa nak bagi Tuto lagi . Cara nak buat Scroll bar like me :D


//Sorry cauze scroll bar nye x nmpk sgt XD//

1. Sign In -> Dashboard -> Template -> Edit HTML 
2. Cari code nih :

/* Header

3. Now , copy code nih dan pastekan diATAS code yang korang cari tadi .

::-webkit-scrollbar {width: 10px;height: 10px;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 10px;width: 10px;display: block;background: #eee;border: 1px solid #000000}::-webkit-scrollbar-track-piece {background-color: #fff;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #eee;border: 1px solid #000000}

Contoh :



NOTE :

AAA : Tukar dengan code warna korang


Good luck bro !!! Hope berjaya ^^

Cara buat Border Sidebar Like Me


Anneyeong !!! Petang !! Harinih , I nak buat tuto cara buat border sidebar like me . CR to : Kak Arrien :D Check Out !


1. Sign In -> Dashboard -> Template -> Edit HTML
2. Tekan F3 dan cari code nih :

.sidebar .widget {

3. Now , copy code dibawah dan gantikan semua code yang ada dibawah code tadi .

margin:5px 5px 1.0em;
padding: 5px;
border: 2px #808080 solid;
background:white;
}

4. Preview & Save

NOTE :

AAA : Ketebalan Border
AAA : Warna Border


Goodluck Guys ^^

Cara Buat Button Follow & Dashboard



Anneyeong !! :) Today I nak buat Tuto cauze dah lama x buat tuto XDCara nak letak button follow and Dashboard like me :D

TEMPLATE DESIGNER

1. Log In -> Dashboard -> Layout -> Edit HTML/JavaScript
2. Copy code dibawah dan pastekan di dalam JavaScript tadi .

<div style="position: fixed; top: 5px; right: 2px;"><a href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG" title="Follow !""><img src="URL IMAGE FOLLOW" border="0" /></a><div style="position: fixed; top: 5px; left: 2px;"><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="URL IMAGE DASHBOARD" border="0" /></a></div></div>
3. Preview & Save

BLOGSKIN

1. Sign In -> Dahsboard ->  Template
2. Tekan F3 dan search code nih

<head>

3. Copy code nih dan pastekan diBAWAH code yg korang cari tadi

 <div style="position: fixed; top: 5px; right: 2px;"><a href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG" title="Follow !""><img src="URL IMAGE FOLLOW" border="0" /></a><div style="position: fixed; top: 5px; left: 2px;"><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="URL IMAGE DASHBOARD" border="0" /></a></div></div>

4. Preview & Save

NOTE :

AAA : ID BLOG KORANG
AAA : URL IMAGE FOR FOLLOW
AAA : URL IMAGE FOR DASHBOARD

Mian kalau tak menjadi ^^ Selamat mencuba :D

Kpop Cursor #1


Hai ^^ Anneyeong !! Hari nih I rasa nak bagi Freebies Cursor Kpop :) Made by me :D And sorry kalau sikit dan kalau nak , komen dulu :)


https://40.media.tumblr.com/7caf2484f0d4244ccb19b125d5fe5302/tumblr_nnvracMbcf1uukayxo1_250.png


https://40.media.tumblr.com/1afcdfc730e511b22f4f9373ae23bf37/tumblr_nnvracMbcf1uukayxo2_250.png


https://40.media.tumblr.com/c4f6efc5f0aa6ea556b038dbc39377e3/tumblr_nnvracMbcf1uukayxo3_250.png


https://36.media.tumblr.com/9a0da7d6f784a598add71b9f2722ee22/tumblr_nnvracMbcf1uukayxo4_250.png


https://40.media.tumblr.com/d8a778524eed1b9e6bdff24001ffffa9/tumblr_nnvracMbcf1uukayxo5_250.png


https://36.media.tumblr.com/2b12d65ceff04c867b1d7d1d68bd0ed6/tumblr_nnvracMbcf1uukayxo6_250.png


https://41.media.tumblr.com/2a6ac2b8893368bab06f8e882e159e33/tumblr_nnvracMbcf1uukayxo7_250.png


https://41.media.tumblr.com/90f0abe4f36e32c2ebe5066a5015bc42/tumblr_nnvracMbcf1uukayxo8_250.png

Sorry kalau tak mengikut citarasa korang ^^ Bye bye :D

Cara Buat Highlight Bershadow [ BLOGSKIN ]


Hai ^^ Hari ni I nak buat Tuto Blogskin plk ^^ Cara buat Highlight Bershadow :)


1. Sign In -> Dashboard -> Template
2. Tekan F3 dan cari kod nih :

blockquote
3. Copy code ni :

::-moz-selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #FB6265;}::selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #FB6265;} 

4. Paste kan diATAS code yg korang cari tadi .

 Good luck guys !! Hope menjadi :D

Freebies Background #1 (Flower)


Anneyeong ^^ Petang nih , I nak bagi Freebies Background ^^ Made by me and if nak guna , comment dulu :)

















Sorry kalau tak dek URL T_T Kalau nam amek URL , Click Right ^^ Thank You ^^