tutorial tutorial

Thursday 8 November 2012

Tutorial : Flooting Button


hai hai :)
ok.. malam ni hujan lagi..
isha bukan duduk kelantan , ttp duduk KUALA SELANGOR !!!
tp , kenapa kat sini hujan.. ???

ok.. now.. tgh bosan. so nak ajar cara buat flooting button ..
tahu tak pebende bende ni ?
its like this

ni ada dekat tepi kiri blog isha ..
nak juga ?

lets do this tutorial !!!
follow this step !!!

1- dashboard -> layout -> add gadget -> pilih html/javascript 
2- copy code ni then paste kan ke ruang html tuh k :)
 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='LINK FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='LINK TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='LINK BLOG KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>
3- save !!!

cer tengok blog korang... jadi tak ?

NOTA
pink tu , korang letak lah link2 ya.. kalau tak de twitter , boleh delete bahagian twitter tuh... 

biru tuh pula. kalau boleh kekalkan.. sbb imeg dia dah sesuai... kalau nak tukar pun boleh... 

purple tu pula.. ikut kesuaian blog korg k :) tp rasanya dah sesuai

hijau pula , kalau tak nak letak kiri , boleh tukar jadi right k 

=GOOD LUCK=


Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Find Your Blog ID


holla !!!

ramai yang tak tahu mana nak cari blog ID kan ?
ok.. this tuto kan solve your problem ..

Lets do the tutorial !!!
Follow this step !!!

1- dashboard -> Layout
2- cuba tengok dekat link korang , ada tak nombor yg banyak2 tuh ?
tuh lah blog ID korang !!!

*KLIK GAMBAR UNTUK BESARKAN*

senang tak ? 
:)

=GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Header Ghaib Bila Cursor Menyentuh


aloha !!!
im still with my tuto..

now , buat tuto pasal header..
its like when your cursor touch the header..
the header will lost !!
lost ??!! haha.. bukan hilang forever.. dia ghaib je.. *lol.. ghaib*
bila cursor dah tak sentuh header , header muncul balik.. 
jangan risau lah.. tak kan hilang nya header awesome korang tuh 

lets do the tutorial !!!
follow this step !!!

1- dashboard -> template -> edit html -> proceed 
2- tekan ctrl+f (serentak) untuk memudahkan korang cari kod ni 
h1.title {
atau 
 #header h1 {
3- dah jumpa ?  h1.title { kalau kod tu tak jumpa , boleh try cari kod ni  #header h1 { pula .
now , copy this code and pastekan code ni DI ATAS kod tuh 
#header:hover {-webkit-transition: 1.0s;-webkit-transform: rotate(0deg);opacity:.01;}
4- preview kejap.. cer letak cursor dekat header tuh .. jadi tak ? 
kalau jadi cepat2 save !!!

 =GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Centerkan Header Blog


halloooooow !
esok last day sekolah.. huhu.. the last day i meet all my friend.. i will miss all of you !!! 

ok.. ada blog yg header dia tak center kan ?
this tutorial can solve the problem..
just do this step !!!

lets do the tuto!!!
follow this step !!!

1- dashboard -> template -> edit html -> proceed -> tick expand widget template 
2- tekan ctrl+f (serentak) untuk memudahkan korang cari kod ni 
/* Content
3- dah jumpa ? ok now copy this code and paste kan DI ATAS  code tadi !
.Header img {margin-$startSide: auto; margin-$endSide: auto;}
4- preview dulu k !!! kalau jadi cepat2 save !!!

=GOOD LUCK= 

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

Tutorial : Disable Right Click Without Alern Massage


lola !!!
now.. baru line wifi ada.. 

ok.. kalau korang tak suka Tutorial Ni , korang boleh cuba yang ni pula..
function dia sama je , just yg tuh ada alern maseg , tp yg ni takde ...

lets do the tutorial !!!
follow this step !!!

1- dashboard -> layout -> add gadget -> pilih html/javascript
2- copy this code and paste it on html/javascript 
<script language=JavaScript> <!--//Disable right click script III- By Renigade (renigade@mediaone.net) //For full source code, visit http://www.dauspozi.comvar 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>

3- save it !!!

senang gile kan !!!

=GOOD LUCK=  

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !