Thursday 5 September 2013

Freebies : Background Polka dot




بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang




http://i1196.photobucket.com/albums/aa406/tieqaonew/polkapink.png

 

http://i1196.photobucket.com/albums/aa406/tieqaonew/polkablue.png

 

http://i1196.photobucket.com/albums/aa406/tieqaonew/polkapurple.png

 
http://i1196.photobucket.com/albums/aa406/tieqaonew/polkaorange.png

 

http://i1196.photobucket.com/albums/aa406/tieqaonew/polkagreen.png


http://i1196.photobucket.com/albums/aa406/tieqaonew/polkabrown.png



Monday 26 August 2013

Tutorial : Letak Copyright pada blog




بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang


Langkah-langkah..


1. Sila sign in blogger > Dashboard > Design/Layout > Edit HTML


2. Sila cari code di bawah ini ye kawan-kawan..ingin memudahkan pencarian anda hanya tekan Ctrl F

</body>

3. Dah jumpa code itu...sila COPY code ini

<center>COPYRIGHT BY OWNER</center>

dan paste DI ATAS code </body>


4. Gantikan COPYRIGHT BY OWNER dengan Ayat korang :) Preview dulu..kalau dah jadi sila SAVE.

Thank You Love  

Monday 19 August 2013

Header Muslimah



بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

         “Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang


Assalamualaikum,
Harini saya nak bagi free header :) Alhamdulillah, belajar guna photoshop! and finally, dapat buat ^_^
Ambik laa heeader ni. :)



http://i1300.photobucket.com/albums/ag89/yaneseayne/freebiesheader_zps3e3f7d1e.png


Jangan lupa bagitau Anis bila guna header ni ya? 


 Thank You Love  

Sunday 18 August 2013

Link Hover New Style





بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang

Assalamualaikum,
Okay, hari ni saya nak kongsi tutorial buat Link Hover , Macam mana tu?? hihi. 
Lihat pada gambar dibawah :


Bila Link di sentuh, dia jadi macam di atas tu *okay sabahan* hihi
Nak try buat tak? Jom!!

Step 1 :
Template > Edit HTML

Step 2 :
Tekan CTRL+F, and cari code dibawah ni :

a:hover {
Step 3 :
Dah jumpa? okay, sekarang.. korang copy code kat bawah ni dan paste kat bawah code yang korang cari tadi :)

border-top: 2px dashed #ffffff; border-bottom: 2px dashed #ffffff;
Step 4 :
Preview dulu. Dah jadi? Okay Save!

NOTES:
Merah : ketebalan garisan. tapi bagi saya 2px dah cukup cantek :)
Biru : U can change into dashed > dotted > solid . Pilih satu ja yer ~
Hijau : Warna Link hover korang :) Boleh cari code warna kat SINI


Thank You Love  

Friday 16 August 2013

Cara buat Tab Menu simple *macam anis


Assalamualaikum readers

Tab Menu Yang Simple macam Anis punya . ngeee


 Dashboard > Layout > Add a gadget > HTML/JavaScript
Copy Code di bawah ni :

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:250;
text align:center;
list-style-type: none;
font: normal 13px Century gothic;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #C6C6C6; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #000000;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK KORANG">HOME</a></li>
<li><a href="LINK KORANG">ABOUT ME</a></li>
<li><a href="LINK KORANG">TUTORIAL</a></li>
</ul>
</div>

Save!

Merah : Ayat untuk Menu Tab korang
Biru: Link korang :) example : http://missanisanie.blogspt.com 

p/s : If nak tambah Tab Menu, Korang cuma CopyPaste Code :

<li><a href="LINK KORANG">HOME</a></li>

Thank You Love  

Cara Letakkan button Follow+Dashboard


Assalamualaikum readers 

My 1st tutorial 2013. mihihi. sebelum ni banyak buat tutorial, tapi.. saya dah lama delete blog tu :)) It's okay ba kan, saya masih rajin share tutorial! sebab kawan-kawan puji blog saya! *jangan riak ni* Istighfar sekejap. Dosa taw ^_^ Okay. Let's Start!


 Dashboard > Layout > Add a gadget > HTML/JavaScript
 Copy Code di bawah ni :

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

MERAH : Blog ID korang :)
Biru: URL image button Follow & Dashboard yang kamu mau ^_^ 

* Sila ke bawah lagi untuk Freebies Dashboard & Follow *



Button Follow

 
http://3.bp.blogspot.com/-2IS3mCBJ4n0/T4j-Qb6fr9I/AAAAAAAAFlo/YAvpukZMZ0Y/s1600/pink.png
 
http://1.bp.blogspot.com/-rUdfgMSZwBI/T4kAFWt4iQI/AAAAAAAAFmA/5DMaejAZ3wg/s1600/purple.png

http://1.bp.blogspot.com/-Csai9OzmWsI/T4kANCHkdFI/AAAAAAAAFmU/r3qezhGOzlA/s1600/blue.png
 
http://2.bp.blogspot.com/-UgslJYxMS1c/T4kAibaDP7I/AAAAAAAAFm4/6_krkJ3K0TE/s1600/green.png
 
http://4.bp.blogspot.com/-zrecAOpA3W8/T4kA_SV9wlI/AAAAAAAAFnA/93A5Y_hqiVY/s1600/orange.png
 
http://2.bp.blogspot.com/-2sLu_2APUn4/T4kBHXHh45I/AAAAAAAAFnQ/h3-NHhqvRNw/s1600/black.png

Button Dashboard  

http://3.bp.blogspot.com/-_p66Y8L_dDU/T4j-2GBZFeI/AAAAAAAAFl4/2pnYVBJVXHY/s1600/pink%27d.png
 
http://4.bp.blogspot.com/-MZbZYcEi4DQ/T4kAHiQBMnI/AAAAAAAAFmI/j48IONOqYZg/s1600/purple%27d.png
 
http://4.bp.blogspot.com/-Q1EDNxgx6I0/T4kAMU_Z4HI/AAAAAAAAFmQ/we7_-M3JDZM/s1600/blue%27d.png
 
http://4.bp.blogspot.com/-Am89RuYnjAw/T4kAhgXfSwI/AAAAAAAAFmw/p9niU7sG8IM/s1600/green%27d.png
 
http://3.bp.blogspot.com/-LYQjTp3aeus/T4kBANig5oI/AAAAAAAAFnI/vi70OhXJVn4/s1600/orange%27d.png
 
http://1.bp.blogspot.com/-hvftPzI3qpA/T4kBIMNqpTI/AAAAAAAAFnU/J5O0A0KTZro/s1600/black%27d.png


That's All! ^_^