혼자 : May 2015

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLInU7M2fZIS6uWBcYGDwWWsGru4me5RWWCzk9j1RxBaU5BPuBZP5bWINfF0qD-KFwCfAB7gfYJIqNlmkZzfvkmLTGFQsNeZyVOgdq4jljrultM5rb8rZfG1OQQEUamv2_-Tct_g9o0k9/s1600/icon+shout.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3TzU58PceCewXNAaVRpIViDGRee8zVCh6n1O3xQEUezDvMfx-LeR_bAxZzZAhfuSjnoqOfivEWJRUMRuphtLKOXDYxlnuKJ_-272767uRDPFqI893-Y5dCnQm_AUkksUQaoYKHdOsgAg/s1600/kak+yana+shout+frame+copy.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