Monday, 6 August 2012

Menu Tab above post


HYE. if korang x tau ape tuh menu tab, cube usha2 sikit gmba kat bwh nie ( dlm kotak merah )

click pic tuk tumbesaran

ikot step nie betul2 tau. kalo x menjadi, cik hara x tau nak buat ape :)
p/s :: tuto nie hanya tuk template designer ::

1. sign in blog >> design >> page element
2.  add a gadget >> html/javascript >> copy kod dkat bwh nie


<center><a href="URL KORANG"><img src="URL GAMBAR" /></a><center>
<a href="URL KORANG"><img src="URL GAMBAR" /></a><center>



3. pastekan dekat html/javascript

NOTES :

ABC : link gambar yg korang nak masukkan :)
ABC : letakkan link blog / page mana korang nak pegi!

4. preview >> kalo menjadi, SAVE !

Wednesday, 13 June 2012

disable right click with & without alert message



hye guys !! today, i would like 2 give you tuto that related with our title.
(remember, wat btol-II. kalo slah wat, gua ta tau ha)


WITHOUT ALERT MESSAGE
 
steps :~
1 dashboard >> template >> press CtrlF / F3 
2 search for this code </body>
3 copy this code & paste it 2 the top of </body>

<script language=JavaScript> <!--
//edit by unwanted

var message="ENTER YOUR MESSAGE HERE";
/////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } }
function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } }
if (document.layers){ document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){document.onmousedown=clickIE4; }
document.oncontextmenu=new Function("alert(message);return false")


// --> </script>


note ::: sentences that coloured with blue must change with your own words :::




WITHOUT ALERT MESSAGE 


steps :~
1 dashboard >> template >> press CtrlF / F3 
2 search for this code </body>
3 copy this code & paste it 2 the top of </body>



<script language=JavaScript> <!--
//Disable right click script III- By Renigade (renigade@mediaone.net) //For full source code, visit http://www.dauspozi.com
var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false") // --> </script>

Sunday, 27 May 2012

blogskin template code


(ha, jwb slm tuh jgn ta jwb)

oukey ,, kali nie saya akn ajar care nak copypaste code template !! 
ikot step-z di bwh ngan teliti tau ... slamat mencube

steps :~
sign your blog >> design >> edit html >> scroll down until u can see revert to classic template 

click here 2 find your template
if u find them, click on the image
then u can see like this ~




 scroll down >> click on the arrow shown below


 after that, click on the arrow shown below & copy that code



go 2 your blog back (template>edit html) >> delete all the code >> replace it with your new code that u have copy before 

(p/s: please edit your sidebar, header, post title background, colour, font, size, background etc.)
preview first. then save!!

Monday, 14 May 2012

link hover without background

steps :~
 + sign in blogger >> design >> edit html
+ press Ctrl F ( on your keyboard ) >> copy & paste this code 





a:hover

+ copy & save this code under the previous code 



border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed 
#ff8fc1;

+ red colour mean-s that change it with you favourite colour 'code'
+if u want that code click here

+ scroll down until u see like this











+ choose your colour then copy the code with bold blue in colour
+ paste that code. make sure when u paste that code this # must be beside that code
+ save !!
codes:~
credit to : LyssaSecret 












Sunday, 13 May 2012

put cute icon beside your post title

steps :~


+ cute icon look like this







+ sign in blogger >> design >> edit html >> tick expend widget
+ copy this code



<a expr:href='data:post.url'><data:post.title/></a>

+ then , copy & paste this code in between url'><data 
(that-s mean between >< )

<img src="LinkGambar"/>

+ that-s mean, it should be like this (in the red box) after u copy & paste that code 













+ change the red sentence with your own picture url / link
<img src="LinkGambar"/>

+ i have some EX: down there

+ copy & replace the red code

+ if it perfect , save !!

   http://dl6.glitter-graphics.net/pub/584/584776qvkek99ty3.gif
   http://dl.glitter-graphics.net/pub/493/493161yf8lagbcd9.gif
  http://dl8.glitter-graphics.net/pub/438/438938tn0n4974xy.gif
   http://dl7.glitter-graphics.net/pub/429/429777zo2912lr15.gif
  http://dl10.glitter-graphics.net/pub/536/536400r07nejsqb3.gif

picture & codes:~

credit to : LyssaSecret 

moving word in window / menu bar

steps :~


+ sign in blogger >> dashboard >> design >> edit html
+ press Ctrl F (on your keyboard) >> copy & find this code


<head>


+ copy & paste this code under the first code u had found b 4

<script language='JavaScript'>
var txt=&quot; right your own word/sentences&quot;;
var kelajuan=250;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kelajuan);}bergerak();
</script>

+ change the red code with your own word or sentence 
EX :~ welcome 2 my BLOG 
+ if it perfect, save !! 
codes:~
credit to : LyssaSecret 

scroll back 2 top jquery

steps :~


+ log in >> dashboard >> design >> page elements >> add a gadget >> scroll down >> html/javascript
+ copy this code & paste it in 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 FLY UP" />',
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().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$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 : false
if (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=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$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>

+ change the red code with your fly up image button url 
+ i have some ex: down there 
+ u can copy the code & replace it with that red code

http://i.imgur.com/q7S0w.png
http://i.imgur.com/xiyTa.png
http://i.imgur.com/Czy9p.png
http://i.imgur.com/P2x3M.png
http://i.imgur.com/se3Yr.png
http://i.imgur.com/XXXLW.png
http://i.imgur.com/mmZzk.png
           .
credit to : LyssaSecret


codes 

scroll box in post

steps :~


+ log in blogger >> dashboard >> new post




<center>
<div style="background-image: url(&quot;http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png&quot;); border: 3px double #FF3399; height: 150px; overflow: auto; width: 400px;">



</div>





+ paste this code in edit html 











+ then, go 2 compose & type what u want 2 type & change the size ( red code )
+ preview first 
+ if it perfect, save !!
code:~
credit to : LyssaSecret 

link hover ?! with background

hye guys !!
today i'll show u about link hover ~
first of all ,,, do u know what is link hover ?!
it look like this
steps :~

+ sign in blogger >> design >> edit html >> press Ctrl F ( on your keyboard )
+ find this code




  a:hover {

+ then u can see this code right ?!~






  a:hover {
  text-decoration:underline;
  color: $(link.hover.color);


+ delete that code and replace it with this code 
  a:hover {
  color: #ffffff;
  background:#fa5ca3;
  text-decoration:none;
  border: #ffffff 2px dashed;
  padding:3px 5px;
  -moz-border-radius:10px;
  }

+ change the background & border colour with your taste 
+ if u want the colour code, click here
+ scroll down until u can see this 











+ find what colour do u like. then
+ copy the code with bold blue in colour
+ make sure when u paste that code this # must be beside (left) code

+ lastly, change it where do u want 2 change 4 ex : background , border etc 
+ save !!

snow ball effect

hye guys !!
today i'll show u how 2 make snow ball effect in your blog
steps :~

+ sign in your blogger >> design >> add a gadget >> scroll down >> html/javascript
+ copy & paste this code 


<script>

    //Here you can add your own picture for snow. Just change the url
    var snowsrc="http://1.bp.blogspot.com/-ZhjqZu_ozj8/TjzOYWxIyWI/AAAAAAAABhY/cBGblpOBl9k/s1600/whiteshowNF.png"
    //how many snowflakes there will be (currently 12)
    var no =40;
    //How fast will the snow disappear (0 is never)
    var hidesnowtime = 0;
    //The height the snow will reach before it disappears ("windowheight" or "pageheight")
    var snowdistance = "pageheight";
    ///////////////////////////////End of Settings///////////////////////////////////
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest()
    {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    var dx, xp, yp;
    var am, stx, sty;
    var i, doc_width = 800, doc_height = 600;

    if (ns6up)
    {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    }
    else
    if (ie4up)
    {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }

    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();

    for (i = 0; i < no; ++ i)
    {
    dx[i] = 0;
    xp[i] = Math.random()*(doc_width-50);
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    if (ie4up||ns6up)
    {
    if (i == 0)
    {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
    }
    else
    {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    }
    }
    }

    function snowIE_NS6()
    {
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i)
    {
    yp[i] += sty[i];
    if (yp[i] > doc_height-50)
    {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    }
    dx[i] += stx[i];
    document.getElementById("dot"+i).style.top=yp[i]+"px";
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
    }

    function hidesnow()
    {
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }


    if (ie4up||ns6up)
    {
    snowIE_NS6();
    if (hidesnowtime>0)
    setTimeout("hidesnow()", hidesnowtime*1000)
    }
    </script>  



+ change the red code with snow ball colour u like 

blue snow ball



http://3.bp.blogspot.com/-CoHOWFpHS4w/TjzOY5bWcpI/AAAAAAAABhg/bre9cCFm8-c/s1600/bluesnowNF.png


pink snow ball



http://3.bp.blogspot.com/-zKDBXedP5vQ/TjzOZbKYtBI/AAAAAAAABhk/wQvxMXkE2FU/s1600/redshowNF.png



black snow ball



http://3.bp.blogspot.com/-JmlboCoRUlI/TjzOYvSXubI/AAAAAAAABhc/puqXBaUW1nw/s1600/blacksnowNF.png


white snow ball



http://1.bp.blogspot.com/-ZhjqZu_ozj8/TjzOYWxIyWI/AAAAAAAABhY/cBGblpOBl9k/s1600/whiteshowNF.png



lastly, preview first. if it perfect, save !!
have a great day with your snow ball ^_^

print screen using photoscape

steps :~
(4 those who have photoscape )


+ click photoscape >> screen capture


+ then, something come out 


+ go 2 where u want 2 capture it

+ click capture full screen 


+ done !! 
~!! lastly, edit it and save !!~


cursors step

steps :~
+after u click cursors, scroll down. then u can see categories
+ choose what categories do u like
EX : animated , anime , cartoons etc...










+  click on the picture that u had choose
+ scroll down until u can see like this











+ copy that code ( in the arrow shown above )
+ sign in your blog >> go 2 your dashboard >> layout/design    >> page elements

+ add a gadget >> scroll down >> html/javascript >> paste that code
+ save !!