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

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  

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  

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  

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

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyd0IEVm2dG08ZHsWmK7ulEOyFXM-48J2vui5sIwUUiySa0ZKnsjGoNzedVmPiYwmDOXFtJzTbjJlMVE513ReuVn_EK_7LrmW63tADOlsjY8c8O3RMj-IkWdh_mgQu7pT26iDnlq7krw/s1600/pink.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyZKKY4a4C34RNYShFizdcQDhbVsuBg5Yr7uz7a_gQl8DTUjGqpzJlYxa-yBHt_AZbbTdGTyB-1iGTzhVwxdQ5QAIFeoLHnJqGx4WR-DGzsQdBpQVZpADFpWoDx8H3st-ZM076CGt1g/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91A9WUnqAy2AYb4w20tAoEeQRaxh8cCsgKm99khHdkXCpNZz8v1FvXbEm1YR_S5CJm8gh_wqbp5rJBoGoMuaf_p6r_5vmx4pS19gZFHd4IBl7Hx8QVh6FcGCS0JxDlI_7wyWLh90X0w/s1600/blue.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJh9ml0MFm41LcvhjThPM3NL8GVzxLJ3sOBKtCohWre8wSD0D3VVSKlPY_dY84Eo9PXQALAO4sJ-3MQy9YqaAJcwqCCGdSrlTpyjnSLsXd_qWPGeOVEVPajcNVSXMupsEfEQXLEe2QQ/s1600/green.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIpc0IMOpJw9yWVaS6Ny9fkpIEJ9L2Rxh1sI0UKJPZWFLw-IJlXxSvhZo5SJV_onDAqnAj2EGyxqg8o05JaNWaH0oyS-EteBvw8aEm3L0RIjDzFCOfSvymMJBL-41R_UUwaXeByf8VjQ/s1600/orange.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecmHCvI3NIPGBnbWecNfVeIEiRtdyeHeFnD7PTp_TiygWkA_ZhHXUlgGaCXF1Dz9MNzdmpZ8FPmPHbo6DnEC6yDh0FPtsF-ZbEj4iJhkaIhjSjt9Q1YidErBsmeo06rYlO5msmwouWw/s1600/black.png

Button Dashboard  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRj8gc2IkhaDccMbStEGycN7KkxbYSIKIAc2wA3xnZ4mEeZqpfT8lAYkjaxg3TpZNf7K_if_TMpLUQO121seOBYRvoEUonkT_CT3ydVsgor0vl_myfXXCVtajIMv2FvgajNaqnAhIFQ/s1600/pink'd.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7CqETnaGHj-Vuyk8aGK3bTXTRwDm7JMZdas1MjIaqRdnxycoAfZyUcqc0wYzvTy5Gscp1qYVuWYUWaV1LWzB8OTbvZ1wrQ64E1ecKeRx402Uw-hQxpc9cH1yNqul_j1iKjSHE8dfiag/s1600/purple'd.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3_eOuOM6Cc8DIh8p0vVS_idJkogv0cvgzJabNKAE5qT8ZoEiSQVFDomubB4EZS0wbVMpKQs5Qs09IDul5YfZik4aoJo6EpNi0H-DFY-ulUsKJMOaOrZ98P1bF9L1DB5TyuCFCXIMG0Q/s1600/blue'd.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh4ZBBhgUJxV17VOU-6m-JKQLVyDfkCLiQ-0hAPRHlGhx-UFSD4-9mnfx7VylO15UoehbeInXYv6KUuR0BMav9KPuQwF2hyvVt1B9DOYS3yHTAAYJp2IlPNDUUZlMBiFLeHDJKVRCkaw/s1600/green'd.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKAIQeIfyInR8xoYQW_XKDN1tD-wZOGSHBrfbJrVH5mp_ifA5njHRl827TeP8x7o7QZb1r3Fqltq4hbKh3Vb3u0vQBKtwaUMWVcmW3Tf7s351zfweNZFgyAyIRwKnoWUk368UavFnJAA/s1600/orange'd.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Qh4Ah96ytWYWdp45TV6Y9ymHwCoLcYsXh_Vk8fO8qTQ0OCLiKrpB3kjpaj5xOPEoHyh_HGtsv3jhT9vhEUnl3I2s7IWPVbGLf8YKyZxPF_WjyzA4Zt1UCsiALv0-uxjXAgMF4Fszaw/s1600/black'd.png

That's All! ^_^