Tuesday, February 26, 2013

Freebies : B.A.P Header

Tumblr_mi2w9idaip1rf3h19o1_500_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Setelah sekian lama atin punye freebies header dah berabuk huhu. So hari ni atin dah bangkitkan freebies header atin hihi.. Tapi kali ni tak transpt tau.. Why? sebab ramai yang req suruh buat yg ada background pulak. So atin buat la huhu.. Untuk yang ni Atin buat khas untuk Baby je k hihi. Kalau boleh tolong credit ye.

900x270

http://i.imgur.com/QyFpWz4.png



http://i.imgur.com/o4Xrqwb.png



http://i.imgur.com/xr4YbHd.png



http://i.imgur.com/E717yK0.png



http://i.imgur.com/YJXWunT.png


http://i.imgur.com/xZ1D4cS.png


http://i.imgur.com/lAcqRhD.png



Dah ambik , tolong CREDIT !!

Friday, February 22, 2013

Tutorial : Text Area Box

Tumblr_mikqs7sjkg1qeangno1_500_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Ada orang minta atin buat kan box yang macam ada scroll tu. So Atin bagi kat korang . Contoh atin akan bagi . So korang boleh la try..


Cara nak guna Text Area Box

1. Dashboard > new post > Tukar ke HTML


2. Copy code yang atin bg nnti.
3. Paste dalam HTML
4. Tukar balik ke compose kembali.
5. Preview & save

merah : your text or what
oren : URL background
biru : color border
hijau : height
puple : width


  • Code-1

<div style="background: url(URL background); border: 1px solid #000000
height: 190px; overflow: scroll; width: 500px;">
YOU TEXT HERE
</div>

  • Code-2

<div style="height:190px;width: 500px;overflow:scroll;border:1px solid #000000;">
YOU TEXT HERE
</div>

  • Code-3

<div style="height:190px;width: 500px;overflow:scroll; border:6px dotted #000000;">
YOU TEXT HERE
</div>

  • Code-4

<div style="height:190px;width: 500px;overflow:scroll; border:6px dashed #000000;">
YOU TEXT HERE
</div>

  • Code-5

<div style="height:190px;width: 500px;overflow:scroll; border:6px groove #000000;">
YOU TEXT HERE
</div>

  • Code-6

<div style="height:190px;width: 500px;overflow:scroll; border:6px double #000000;">
YOU TEXT HERE
</div>

  • Code-7

<div style="height:190px;width: 500px;overflow:scroll; border:6px ridge #000000;">
YOU TEXT HERE
</div>

  • Code-8

<div style="height:190px;width: 500px;overflow:scroll; border:6px  outset #000000;">
YOU TEXT HERE
</div>

  • Code-9

<div style="height:190px;width: 500px;overflow:scroll; border:6px  inset #000000;">
YOU TEXT HERE
</div>

  • Code-10

<div style="height:190px; width:500px;overflow:scroll;border-top:6px dashed pink;border-right:6px dotted #000000;border-bottom:6px dashed #F9B7FF;border-left:6px solid #000000;">
YOU TEXT HERE
</div>

Tutorial : Blog Archive

Tumblr_mijb7iybps1ru6z7eo1_400_large

こんにちは, 안녕하세요 ,
 Assalamualaikum. Tadi ada req dari sabrina . Ok atin tak pasti sama ada atin pernah buat tuto ni? tak de an? huhu . Ok tuto yang ni .  >< .Sebenarnya ia lebih kurang sama je dengan tuto yang lepas. kat SINI.. tapi yang terbaru macam bawah ni ..

: EXAMPLE :


BLOGSKIN ONLY


Blogskin/classic template

1. Dashboard > Template 
2. Copy code dekat bawah ni
<div style="text-align:left;height:100px; overflow-x:hidden;
overflow-y:scroll;">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div>
3. Paste dekat sedeber korang.
4. Preview & save




.











Tuesday, February 19, 2013

Kpop Font : B2ST Font




Peringatan : JANGAN Re-Credit or Re Freebies Or what everlah

Please click "LIKE"  button if you want download


Please "comment" if you download :)

How to Download and Install?








.


Segmen upkan follower by Hana


こんにちは, 안녕하세요 , Assalamualaikum.
huhu Segmen ni ada orang tag.. So kene join jugak la ni >< .. Yang lain nk join x?
boleh click banner k huhu .

Jumlah sekarang : 1602 followers.

Tag : You , You

1st GA by NYNA-Barbie Giveaway


こんにちは, 안녕하세요 ,
 Assalamualaikum. Nak join just click banner..

Tag :  V I P

Tutorial : Navigate Box Simple [Like me]

Tumblr_mietw0zsyu1rgpnp4o1_500_large

こんにちは, 안녕하세요 , Assalamualaikum.
Tadi belek-belek cbox , ada req dari wany . Dia kata macam mana nak buat navigate macam atin. maksudnya navigate bahagian sideber. Ada yang dah tau ke? huhu Yang ini simple je . So atin akan ajar ye..

Example :


Blogskin/classic template :
1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #fff5f5;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
4. Paste di atas code </style>

5. Then copy code ni pula
<center>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('1').innerHTML" >NAVI1</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('2').innerHTML" >NAVI2</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('3').innerHTML" >NAVI3</a>
</center>
<br>
<div id="wnsb" style="padding:3px;border:1px dashed #fff5f5;
border-radius:3px;background:#fff; width:200px;height:100px;
<br>
<center>
Navigate for home/around
</center>
</div>
<div id="1" style="display: none;">
Put what? Navigate for Navi 1
</div>
<div id="2" style="display: none;">
Put what? Navigate for Navi 2
</div>
<div id="3" style="display: none;">
Put what? Navigate for Navi 3
</div>
</div></div></div></div>
6. Paste kat bahagian yg korang suka. elok di sideber je.
7. Preview & save.





Template designer :
1. Dashboard > Layout > Add Gadget > HTML/JavaScript
2. Copy code di bawah ni
<style>
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #fff5f5;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
</style>
<center>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('1').innerHTML" >NAVI1</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('2').innerHTML" >NAVI2</a>
<a class="tablo" onclick="document.getElementById('wnsb').
innerHTML=document.getElementById('3').innerHTML" >NAVI3</a>
</center>
<br>
<div id="wnsb" style="padding:3px;border:1px dashed #fff5f5;
border-radius:3px;background:#fff; width:200px;height:100px;
<br>
<center>
Navigate for home/around
</center>
</div>
<div id="1" style="display: none;">
Put what? Navigate for Navi 1
</div>
<div id="2" style="display: none;">
Put what? Navigate for Navi 2
</div>
<div id="3" style="display: none;">
Put what? Navigate for Navi 3
</div>
</div></div></div></div>
3. Paste dalam HTML/JavaScript
4. Save


oren : Tajuk navigate
merah : letak ape yg korg nk letak .












Monday, February 18, 2013

Tutorial : Delete Account Facebook


Tumblr_mi2ppveops1qebyy0o1_500_large

こんにちは, 안녕하세요 , Assalamualaikum. Hari atin nak buat tutorial pasal facebook  Ada tak yang berminat untuk remove? or senang kata lah nak delete facebook? haha. Itu korang kene fikir betul2 la ye , takut kang korang menyesal nak on balik huhu..


1. Pergi login Facebook dulu .
2. Then pergi link --> SINI
3. Click Delete My Account



4. Taruk password facebook yang korang nak delete tu.
5. Then bawah tu korang taruk , ikut perintah . Dah siap click la Okay
contoh :


6. Next , nak baca ke? tak yah la terus je click Okay . huhu


7. Done..



*ingat , klo dah menyesal atin tak nak tanggung ye LOL >< .



Saturday, February 16, 2013

Tutorial : Background change when cursor click

Tumblr_mi4hdqemdl1rjipvko1_500_large

こんにちは, 안녕하세요 , Assalamualaikum. Korang nak try tak tutorial terbaru ni? Mesti ada yang dah tau. tuto ni atin nak ajar korang , ada 3 jenis background and bile korang clcik je pilihan tu , automatik dia akan tukar background tu.. Berminat ? boleh la cuba :D


Blogskin/classic template 
1. Dashboard > Template
2. Tekan Ctrl + F serentak dan cari code </style>
3. Copy code bawah ni
#bagie a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#bagie a:hover img{
border: 2px solid #bdebff;
}
4. Paste di atas code </style> tadi.

5. Copy code bawah ni pulak


<div id="bagie">
<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 GAMBAR 1)"});
            });
});
$(document).ready(function(){
            $("#bgcolor2").click(function(){
                        $("body").css({"background":"url(URL GAMBAR 2)"});
            });
});
$(document).ready(function(){
            $("#bgcolor3").click(function(){
                        $("body").css({"background":"url(URL GAMBAR 3)"});
            });
});
</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="AYAT ANDA"><img src="URL GAMBAR 1" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="AYAT ANDA "><img src="URL GAMBAR 2" /></a>
<a href="javascript:void(O)" id='bgcolor3' title=" AYAT ANDA"><img src=" URL GAMBAR 3" /></a></center></div>
</div>

6. Paste kat bahagian sideber korang.
7. Preview and save




Template designer
1. Dashboard > layout > add a gadget > html/javascript
2. Copy code bawah ni


<style type="text/css">
#bagie a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#bagie a:hover img{
border: 2px solid #bdebff;
}
</style>
<script type="text/javascript">
<div id="bagie">
<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 GAMBAR 1)"});
            });
});
$(document).ready(function(){
            $("#bgcolor2").click(function(){
                        $("body").css({"background":"url(URL GAMBAR 2)"});
            });
});
$(document).ready(function(){
            $("#bgcolor3").click(function(){
                        $("body").css({"background":"url(URL GAMBAR 3)"});
            });
});
</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="AYAT ANDA"><img src="URL GAMBAR 1" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="AYAT ANDA "><img src="URL GAMBAR 2" /></a>
<a href="javascript:void(O)" id='bgcolor3' title=" AYAT ANDA"><img src=" URL GAMBAR 3" /></a></center></div>
</div>

3. Paste dalam html/javascript tadi.
4. Preview and save

all color : URL background
*pastikan 3 jenis lain2 background k.


credit : rara

Tutorial : Disable right click New style

Tumblr_mhckug0awl1s00oato1_400_large

こんにちは, 안녕하세요 , Assalamualaikum. Hari tu Atin ada selak-selak cbox. Terjumpa reQ dari adik Malihah . Dia kata macam mana nak buat disable right click yang ada background macam atin pakai . Yup yang ini maybe terbaru . Bila korang right click nanti keluar masage kan? . Ini sesuai untuk sesiapa yang pakai tuto disable right click je.


CLASSIC TEMPLATE ONLY


1. Dashboard > Template
2. Tekan Ctrl + F serentak dan cari code
<style type="text/css">
3. Copy code bawah ni



<div id="disable" class="click" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
     PUT YOUR TEXT HERE...
       </div>
<script language="JavaScript1.2">
      
       //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
       var display_url=0
      
       var ie5=document.all&&document.getElementById
       var ns6=document.getElementById&&!document.all
       if (ie5||ns6)
       var menuobj=document.getElementById("disable")
      
       function showmenuie5(e){
       //Find out how close the mouse is to the corner of the window
       var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
       var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY
      
       //if the horizontal distance isn't enough to accomodate the width of the context menu
       if (rightedge<menuobj.offsetWidth)
       //move the horizontal position of the menu to the left by it's width
       menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
       else
       //position the horizontal position of the menu where the mouse was clicked
       menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX
      
       //same concept with the vertical position
       if (bottomedge<menuobj.offsetHeight)
       menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
       else
       menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY
      
       menuobj.style.visibility="visible"
       return false
       }
      
       function hidemenuie5(e){
       menuobj.style.visibility="hidden"
       }
      
       function highlightie5(e){
       var firingobj=ie5? event.srcElement : e.target
       if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
       if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
       firingobj.style.backgroundColor="highlight"
       firingobj.style.color="E6E4E5"
       if (display_url==1)
       window.status=event.srcElement.url
       }
       }
      
       function lowlightie5(e){
       var firingobj=ie5? event.srcElement : e.target
       if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
       if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
       firingobj.style.backgroundColor=""
       firingobj.style.color="826A92"
       window.status=''
       }
       }
      
       function jumptoie5(e){
       var firingobj=ie5? event.srcElement : e.target
       if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
       if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
       if (firingobj.getAttribute("target"))
       window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
       else
       window.location=firingobj.getAttribute("url")
       }
       }
      
       if (ie5||ns6){
       menuobj.style.display=''
       document.oncontextmenu=showmenuie5
       document.onclick=hidemenuie5
       }
      
       </script>

merah : your text masage

4. Paste di atas code <style type="text/css"> tadi

5. Next , Ctrl + F serentak dan cari code </style>
6. Copy code bawah ni

.click{
       position:absolute;
       width:80px;
       border:1px dashed pink;
       background: url(URL BACKGROUND);
       line-height:12px;
       color: #666;
       cursor:crosshair;
       font-size:8pt;
       font-family:Tahoma;
       padding-bottom:5px;
       padding-top:5px;
       padding-left:5px;
       padding-right:2px;
       z-index:50;
       visibility:hidden;
       }
oren : URL background

7. Paste di atas code </style> tadi


credit : rara

Friday, February 15, 2013

Segmen : Siapa Bias Saya


こんにちは, 안녕하세요 , Assalamualaikum. Atin tak sampai hati nak tolak tawaran diorang >< . Tapi terpaksa lah atin join . Sebab ramai betul dongsaeng2 suruh atin join . kalau ikutkan tak mahu, bukan apa atin malas nak join ape2 segemn ke ape ke. Tapi sebab diorang asik tag2 atin . So terpaksa la join jugak walaupun xde hadiah >< ..

MY TOP- 10 BIAS :

LEE SEUNG HYUN

Tumblr_mhvhfr5zsn1s4nn8mo4_500_large



KWON JI YONG

Tumblr_mh9gnihujz1rm268so1_500_large



GONG CHAN SHIK

Tumblr_lwimfpi6nc1qc3fy9o1_500_large



YOO YOUNG JAE

Tumblr_lzetn8tbzo1ro2cr6o1_500_large



KANG MIN HYUK

Tumblr_mgpeo8bncs1ri38n5o1_500_large



LEE BYUNG HUN

Tumblr_lznc7obqwf1qckf2oo1_500_large



WOO SUNG HYUN

Tumblr_mi205rgru21s0m9vko1_500_large

KIM MYUNG SOO

Tumblr_mhrmp2trfl1qf42fco1_500_large



ILHOON & SUNGJAE

69654_474775242590000_164959739_n_large


p's : sorry ye. atin dh tukar minhyuk kepada ilhun XD... Ikut mood ni LOL ><



Monday, February 11, 2013

Tutorial : Hide Music Player #5

Tumblr_mhyodsmcea1reixa8o1_500_large

こんにちは, 안녕하세요 , Assalamualaikum. Korang nak try tak hide music untuk kali ni punye? Tapi bagi atin yang boleh try , sesuai untuk blog yang simple kot huhu.. xpe la yang lian tu boleh kot hehe ..




  • Template denim : paste dalam  add gadget
  • Blogskin/classic : Paste bawah code </style>


<style>
#box{
    overflow:hidden;
    position:fixed;
    width:18px;
    height:18px;
    top:50px; /* You can change the number or change it to bottom*/
    left:50px; /* You can change the number or change it to right*/
    background:#ffffff; /* This is the background color */
}

#icon{
    /* This is for the positioning of the music gif: */
    margin-top:5px;
    margin-left:2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear; 
}

#box:hover #icon{
    margin-top:-20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}   

#musicbox{
    width:8px;
    height:8px;
    overflow:hidden;
    /* This is for the positioning of the music player: */
    margin-top:14px;
    margin-left:5px;
}

#music{
    margin-top:-6px;
    margin-left:-35px;
}
</style>

<div id="box"><div id="icon">
<img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
</div>
<div id="musicbox"><div id="music">

<!-- MUSIC PLAYER CODES -->

</div></div></div>

biru : url icon music
merah : taruk code music korang.



credit :jackie

Friday, February 8, 2013

Tutorial : Hide Music Player #4

5704359281_87a8e524a9_z_large

こんにちは, 안녕하세요 , Assalamualaikum. Ok atin nak bagi tutorial ni. Bagi yang jenis kali ni lain kot? entah lah haha . Korang tengok lah preview kat bawah tu..



  • Template denim : paste dalam  add gadget
  • Blogskin/classic : Paste bawah code </style>

<style>
#music{
position:fixed; bottom:20px; right:25px;
padding-top:12px;  
padding-bottom:12px; 
text-align:center; 
height:10px; width:34px; 
overflow:hidden;  
border:3px solid #ddd;
color:#888;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px; 
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#fff;
z-index:999;}


#musicplayer
{padding-top:15px;}


#music:hover
{border:3px solid #bbb; padding:5px; height:45px; width:140px;}
</style>

<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>
<div id="musicplayer">
MUSIC CODE HERE
</div>
</div>

oren : URL music icon
merah : code music

Thursday, February 7, 2013

Tutorial : Rapatkan Header Pada Body

Atumetekinko_large

こんにちは, 안녕하세요 , Assalamualaikum. Tuto ni di req oleh riri shin? . Sebenanya atin ade taruk kat skin . tapi atin lupa nk buat tuto sebab atin tak xde masa nak buat freebies header tu . So harap korang paham k hihi..


BLOGSKIN

1. Dashboard > Template
2. Copy code bawah ni .
<center><img class="header" src="URL HEADER" /></center>
3. Lepas tu, tekan Ctrl + f serentak dan cari code </style>
4. Copy code dekat bawah ni
.header {
margin-left: 2px;
margin-bottom: -40px;
-webkit-transition:2s
}
5. Paste di atas code </style>
6. Preview & save

merah : URL header
biru : Jarak header dengan body





Designer


1. Dashboard>Design>Edit html>Tick Expand Widget Templates
2. cari code nih :
 .header-outer {
3. Gantikan dengan code nih :
.header-outer {
background-image:url();
background-position: top center;
background-repeat:no-repeat;
margin-left: 2px;
margin-bottom: -40px;
-webkit-transition:2s
}
biru : Jarak header dengan body .






.

Random Giveaway by LS



こんにちは, 안녕하세요 , Assalamualaikum. nak join boleh click banner :)

Tag :











.

Kpop Font : Block B Font


こんにちは, 안녕하세요 , Assalamualaikum. Kalau nak pakai boleh download :)





Peringatan : JANGAN Re-Credit or Re Freebies Or what everlah

Please click "LIKE"  button if you want download




Please "comment" if you download :)



How to Download and Install?

Wednesday, February 6, 2013

Freebies : Background Part 46

こんにちは, 안녕하세요 , Assalamualaikum.


http://i.imgur.com/3dYBHQm.gif


http://i.imgur.com/erXTDoY.gif


http://i.imgur.com/mhaxeIz.gif


http://i.imgur.com/TZFfuUM.gif


http://i.imgur.com/wdLApUN.gif


http://i.imgur.com/oSKexQb.gif


http://i.imgur.com/HRlTCkE.gif





credit : snow white