2 Feb 2012

Disable Right Click (Classic Template)


Sangat penat menaip. Sakit jejari runcing ku! Hampir 2 jam tak berhenti. :P 
Jom lah start tuto. Tutorial kali nie ialah disable right click for classic template only! :) 

* Dashboard > Template > Edit Html

* Ctrl+f code bawah nie : 

<body>

* Jumpe? Sekarang korang delete code  <body> dan gantikan dengan code nie: 


<body oncontextmenu='return false;'>

* Preview dulu. Masa preview, try right click, ada kuar lagi tak, kalu takda kira dah jadi lah tu. Then terus save template! Okay dah siap. :)

Make your own navbar


*Memang takut kucing. Ade sejarah kenape lyana takut! Eeeeeeeeee~

Dah2! Jom start tuto. Make your own navbar. Suke takkk? Suke? Thanks korang. :) 

Jom start :

* Dashboard > template

* Tekan Ctrl+f dan search :

<head>


* Dah jumpe? Copy code bawah nie dan paste kan dekat atas code <head>

<div style="position: absolute; top:0px; right: 0px; width:100%; border-radius:2px; position:fixed; padding:3px; background:url(URL BACKGROUND); color:#ffffff; font-size:12px;">AYAT KAT SINI</div>

Nota Kaki :
Biru - Saiz navbar. Nak nampak cantik, takpayah tukar size tuh.
Merah - Url background korang. Pastekan kat situ.
Purple - Color font kauorang kat navbar.
Kuning - Size font korang kat navbar.
Orange - Ayat korang kat situ.

Preview dan SAVE! 

Disable Ctrl+u from copycats



Sakit hati kan bile blog kite di Ctrl+u kan. Gerammm! So, jom buat tuto taknak bagi si mangkuk copycats tuh view source page kite! Meh start tuto meh! 

*  Dashboard > Template

* Tekan ctrl+f dan search nie : 

<body>


* Then, gantikan code <body> kepada : 

<body onkeydown='return false;'>


* Preview dulu tau! Dah puas hati click SAVE! :) Good luck yawrr..


- Untuk pengguna classic template/blogskin yg tak ada code <body>

- Korang kene search code </style> 

- Lepastu, paste code <body onkeydown='return false;'> kat bawah code </style>

- Preview dulu then save! K selamat mencuba :]

Tutorial bold berwarna dan hover




Rasa dah macam takde mood! Start terus ehh? ;)
Actually, dulu lyana guna lah bende nie. Sekarang? Macam malas pulak kann. :P
Ok! Jom start. 

* Dashboard > Template

* Ctrl+f and search code nie :

body {


* Dah jumpe? Bagus! Good! Copy code bawah nie dan paste di akhir code body {

b {
color:#ea6666;
}
b:hover {
color:#bdbdbd;
}


* Tak paham? Tengok nie! 



Merah warna sebelum hover
Biru warna after hover! 

Selamat Mencuba! :)

Dah cube? Komen tauu! ;)

Icon tepi post tittle



Korang sehat? Alhamdulillah. Berminat nak letak icon tepi post tittle macam lyana tak? Jom kite mula. :) 

* Dashboard > Template

* Ctrl+f code bawah nie :

<BlogItemTitle><$BlogItemTitle$></BlogItemTitle>


* Dah jumpa? Bagus! Sekarang, copy code bawah nie then paste dekat sebelah kiri code tadi tu.

<img src="URL ICON"/>


* Preview dulu. Dah? SAVE terus ok? :) Selamat mencuba. 

* nak icon? Blog cari di http://www.glitter-graphics.com/

# Tak tau boleh tanye! Dah guna? Komen lah sayangg! :)

Tutorial Icon Tepi Sidebar For Blogskin


Tuto letak cute icon tepi sidebar. Nak cuba buat? Jom ikut sini.

* Dashboard > Template

* Korang carilah coding sidebar korang. Then, korang paste code bawah nie kat akhir coding sidebar korang.

<img src="URL ICON"/>


Contoh: 


* URL ICON tuh boleh tukar kepada url icon yang korang suke! :) 

* Preview dulu, puas hati SAVE! 
Jangan nanti jerit2 kat tagboard pulak! Muehhehe. ;D



Tutorial Jquery Back To Top For Blogskin


Lyana nak buat tuto top button. Suke tak, suke tak? Baguss! Jom start! :)

* Dashboard > Template

* Ctrl+f code bawah nie :

 </head>

* Dah jumpa? Good! Copy code bawah nie dekat bawah code </head>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="URL TOP BUTTON"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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:'crosshair'})
.attr({title:'Fly To The Sky'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>


Preview dulu baru save! 

*Warna merah tu tukar kepada url top button korang
*Warna biru tu kedudukan top button korang sama ada nak left atau right. Ok?

Nak freebies? Blog Zuhairah banyakk! dah ambil, credit Zuhairah okey? :) Thankyou! 




Tutorial Note Bawah Post For Blogskin.



Yuhuuuuu. Ha3. Hari nie lyana nak mulakan dengan tutorial pertama lyana. Muehehhe. Jealous tau tengok Zuhairah punya freebies.. Honestly, memang terbaek! :) I like~ Ok.. Hari nie lyana nak ajar korang macam mane nak letak note bawah post. *Cakap terima kasih cepat!






Haaaa, nampak tak perkataan terima kasih tuh? Bende tu akan muncul kat bawah post korang. Nak buat? :) Jom follow tutorial nie: 


* Dashboard > Template


* Tekan ctrl+f  then search code nie : 


<$BlogItemBody$>

 * Jumpa? Good! Korang paste code bawah nie dekat sebelah kanan code <$BlogItemBody$>

<P></P><hr/><center>AYAT KORANG</center><hr/>


-perkataan merah tu tukar kepada ayat korang sendiri ok? :)

*Preview dulu. Kalau dah betul-betul puas hati, tekan SAVE! Good luck :)