Tuesday, 27 December 2011

Blogskin Creamy Puffs

Skin thumbnail

Cute right ? 
Jadi apa tunngu lagi, mari lah buad.

1)  Tekan SINI!!  sudah ? 

2)  Okay, lepas tuh scroll bawah sikit untuk cari Blogger Main

3)  Tekan blogger main dan ia akan mula download..

4)  Pergi Dashboard > Design > Edit HTML > Revert to classic template 

5) Padam semua code yang ada dalam kotak tu

6) Gantikan dengan code yang sudah kamu download tadi. 

7) Tukar mana yang patut 

8) SAVE ! [senang jee] ^ ^







Blogskin Candie Blossom

Skin thumbnail

Cute right ? 
Jadi apa tunngu lagi, mari lah buad.

1)  Tekan SINI!!  sudah ? 

2)  Okay, lepas tuh scroll bawah sikit untuk cari Blogger Main

3)  Tekan blogger main dan ia akan mula download..

4)  Pergi Dashboard > Design > Edit HTML > Revert to classic template 

5) Padam semua code yang ada dalam kotak tu

6) Gantikan dengan code yang sudah kamu download tadi. 

7) Tukar mana yang patut 

8) SAVE ! [senang jee] ^ ^




Thursday, 15 December 2011

Centerkan Header

Hi bloggers :)
Share lagi tutor laa. Bosan time cuti sekolah ne. hehe
Macam mana mahu centerkan Header yea? Hehe.. oke mari saya tunjuk. senang ja sebnarnya ! :)


1. Dashboard > Design > Edit Html
2. Tekan F3 dan cari :

/* Content
3. Sudah jumpa? oke skg copy pula code di bawah ne & paste di ATAS /* Content


.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
4. Preview dulu. kalau jadi baru tekan Save :)

WishList

Hi there.
Another tutorial yea. HEHE. Kali ne tutorial tajuk 'Wishlist'.
oke, Mari mula.. hehe


1. Dashboard > Design > Add a gadget > HTML/ Javascript

2. Copy code yang dibawah ne & pastekan di ruang HTML/Javascript 



<form name=myform><input type="checkbox" name="mybox" value="satuchecked />satu<br /><input type="checkbox" name="mybox" value="duachecked />dua<br /><input type="checkbox" name="mybox" value="tigachecked />tiga<br /><input type="checkbox" name="mybox" value="empatdisabled/>empat <br /></form>  
3. Ubah tulisan yang bwarna : MERAH untuk benda yang kamu mahu


4. Ubah tulisan yang bwarna : BIRU dengan perkataan ''checked''  atau  ''disabled''


5. Save :) 


*credit to akusyamira
                                                   

Tuesday, 13 December 2011

Scroll Back To Top

Hi bloggers :)
 Good Evening! HEHE
Tadi buka-2 ja blog, nampak d shoutmix ada 1 blogger request buad tutorial neh.
So, saya dengan rajin nya buad kan lah untuk Domo_XOXO.
So, Lets start !

1.  Log in > Dashboard > Design > Add a Gadget > Html/JavaScript.
2. Copy code dibawah neh dan paste diruangan Html/JavaScript:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/************************************************ Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL IMAGE " />',controlattrs: {offsetx:5, offsety:5},anchorkeyword: '#top',state: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport)this.$control.css({opacity:0})var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1)dest=jQuery('#'+dest).offset().topelsedest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetxvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsetythis.$control.css({left:controlx+'px', top:controly+'px'})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop()if (!this.cssfixedsupport)this.keepfixed()this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : falseif (this.state.shouldvisible && !this.state.isvisible){this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])this.state.isvisible=true}else if (this.state.shouldvisible==false && this.state.isvisible){this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])this.state.isvisible=false}},init:function(){jQuery(document).ready(function($){var mainobj=scrolltotopvar iebrws=document.allmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequestmainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>').css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}).attr({title:'Scroll Back to Top'}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')mainobj.$control.css({width:mainobj.$control.width()})mainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>


3. Tukarkan yang warna merah tuh dengan Url image yang kamu suka.

4. Save. Menjadi tak??? HEHE

*Bole pilih-2 FREEBIES di bawah ne. Simple saja saya buad :)

http://i.imgur.com/pbVhT.png
 
http://i.imgur.com/owEdO.png
 
http://i.imgur.com/XP1xa.png
 
 http://i.imgur.com/RaCxv.png
 
http://i.imgur.com/DrDSG.png

* code credit to Lyssa

Monday, 12 December 2011

Ayat di setiap bawah post

Hi para bloggers sekalian. HEHE
Saya rajin hari ne, so mari buad tutorial lagi. ^ ^
Kali ne tutorial tajuk 'Ayat di setiap bawah post'
Contoh macam ne :

* click untuk lebih besar

1. Log in > Dashboard > Design > Edit Html
2. Tick Expand Widget Template
3.Tekan Ctrl + F untuk  cari kod ini  <data:post.body/>
4. sudah jumpa? , skg copy kod bawah ni , and paste di bawah kod<data:post.body/> 

<hr/><center>Tulis sini</center><hr/>
5. preview dulu sebelum save :)

Status Bergerak

Hari ne mau buad status bergerak . kamu tau kaa apa tuh? 
Oke, yang macam di bawah ne...


Sudah nampak kan? HEHE
oke, mari kita mula...

1 . Dashboard > Design > Add a gadget > HTML / Javascript > Save. 
2. Copy code di bawah ne & paste di ruang HTML.
<center style="text-align: right;"><span class="Apple-style-span" style="color: #FFFFFF; font-family: Verdana, 'Times New Roman', serif;"><b>Current updates:</b></span></center><div style="Background-image:url(URL BACKGROUND STATUS); repeat; padding -moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;: 5px; border:1px solid #F5A9BC;"><center><marquee>STATUS ANDA ^.^</marquee></center></div>

credit to: Sally Yatiey

Bentuk Border

Bentuk-2 border ne bole d guna untuk sidebar, post title dll.





untuk post title :  h3.post-title {
untuk sidebar title : h2 { 
* kalau tdk jumpa tu code, cari code yang hampir sama.
* Paste code yg berwarna biru di bawah code yang kamu cari.

BORDER A
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
BORDER B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
 BORDER C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
BORDER D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
 BORDER E
-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;