Pages

Sunday 2 June 2013

tutorial : Letak icon Cute sebelah Comment

ok..sekarang nie pulak..syafiq nak kongsikan macam mne nak letak icon yang kiut miut dekat seblah comment...huhuhu..

Bagi blogger yang gune layout

1. Dashboard>Layout/template blogger/design>Edit HTML.
2. Then , klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

 ____________________________________________________________________________________
| <span class='post-comment-link'>                                                                                             |
|___________________________________________________________________________________|

Bagi blogger yang gune tamplete

Dashboard > Template

kemudian klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find
____________________________________________________________________________________
|<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>                                         |
|___________________________________________________________________________________|

3. Ok lepas korunk dah jumpa code yang korunk cari tu...korang copy lak code nie k..

Bagi pengguna layout

[ <img src="LinkGambar"/> ]

4. Lepas tu korang paste kat sebelah code yang korang dah cari tadi..

example

Bagi penguna template blogger and layout

[ <span class='post-comment-link'><img src="LinkGambar"/> ]

Bagi pengguna template 

<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><img src="LinkGambar"/> ]

okey,,dah siapkan...preview dulu..
kalau jadi save..kalau tak jadi tu..mybe ad something wrong somewhere tu..huhuuhu

P/S  nak dapatkan cute icon..korang semua boleh checkout dekat SINI!!!

tutorial : Disable right Click without Alert

hye semua...kalau yang tutorial nombor 4 tu..disable right click nye ade alert...yang nie pulak takde...huhuhu
fungsinye same je..cume takde alert ..hehhe..

nak buat macam nie..ikutlah step sampai habes ye...


1. Dashboard > Design > Add Gadget > Pilih Html/JavaScript
2. Copy code di bawah .. and paste dekat ruangan html/javascript tuh :

-------------------------------------------------------------------------------------------------------------------------------
<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>
-------------------------------------------------------------------------------------------------------------------------------
dah copy and paste..apa lagi...save laa =D

tutorial : Disable right Click

assalamualaikum..hye semua,,,hehee...hari nie nak buat tutorial psal disable right click...
maksudnya..kalau korang tkan right click..mesti tak boleh punye..trust me...hahaha

so.nie dia stepnye,,huhu

1. Dashboard >Design>Add a Page element >html/javascript
2. Copy code kat bawah nie :

______________________________________________________________________________
-----------------------------------------------------------------------------------------------------------------------------
<script language=JavaScript>
<!--

//edit by unwanted


var message="Masukkan Mesej Anda Disini";

///////////////////////////////////
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>

______________________________________________________________________________
----------------------------------------------------------------------------------------------------------------------------

6."Yang syafiq Color kan dengan warna hijau tuh , korang tukar dengan ayat korang sendiri ehh ? :)

Saturday 1 June 2013

tutorial :link hover (etc : hujan turun,donut,ice cream )

assalammualaikum..hye semua..this is my third tutorial..hope you like it..


tuto  Link Hover (etc : hujan turun , donut )


1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F Dan cari kod di bawah ini :

(( a:hover ))

3. Then , lepas dah cari , copy kod kat bawah ni pulak ye .

[ color:#FF6699;background:url(URL IMAGE) ; background-repeat: repeat;
text-decoration:underline;

4. Paste kod yang dicopy ini di bawah kod a:hover

5. Jangan lupa untuk gantikan tulisan warna PINK tu , dgn link image yang anda suka!

Kat bawah ni , ada beberapa contoh URL yang korang boleh guna ok ?:)


 http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif
                                                                                                                                                                   
                                                                                                                                                                 
____________________________________________________________________________________________


    http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif



_____________________________________________________________________________________________


   http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif


_____________________________________________________________________________________________


http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif


_____________________________________________________________________________________________


6.nanti klau dah jadi..jangan lupa kasi taw kite ok??huhuhu

toturial : Sidebar title Background

hye semua..sapa nak buaat  sidebar title backgorund nie..boleh la follow tuto nie ye..hehhee

follow step kat bawah nie sampai habes...

1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .
2. Tekan CTRL+F search for this code
 ------------------------------------------------------------------------------------------
|     h2 {                                                                                                   |
-------------------------------------------------------------------------------------------

3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {

-----------------------------------------------------------------------------------------------
|  background:url(URL GAMBAR PILIHAN)                                                     |                                                                              
|                                                                                                                   |
-----------------------------------------------------------------------------------------------

4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .

-----------------------------------------------------------------------------------------------
|   h2{text-align:center;                                                                               |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   margin:0 0 1em 0;                                                                                     |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   font:$(widget.title.font);                                                                        |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   color:$(widget.title.text.color);                                                              |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|       text-transform:uppercase;                                                                  |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|     background:url('URL GAMBAR PILIHAN')}                                                |
-----------------------------------------------------------------------------------------------


preview dulu ye...bile dah jadi..baru save..ok??

tutorial : Post title Background

assalamualaikum..hye semua...hari nie..saya nak ajarkan korang buat  post title background


  1. Log in --> Design --> Edit Html
  2. (Tekan Ctrl+F) Search .post h3 { kalau tak de , cari ini  h3.post-title {
  3. Kalau tak jadi kod dua2 yg kat atas niyh... korang boleh paste kod di bawah ini kat bawah h4 }
  4.  Copy and paste code ni di bawah .post h3 { ataupun dibawah h4 }
------------------------------------------------------------------------------------------------------------------------
 border:0px dashed #cc99cc; 

    text-align: center;

    margin:.5em 0 .5em;

    padding:0 0 4px;

    font-size:140%;

    font-weight:normal;

    line-height:1.2em;

    background:url(URL BACKGROUND);

    color:$titlecolor;

    }
-----------------------------------------------------------------------------------------------------------------------------

4. Bagi sesiapa yang mencari kod ini >>  h3.post-title {

Korang paste kod ini di bawah kod yang korang carikan tu ok ?:)

----------------------------------------------------------------------------------------------------------------------------
border: 3px solid #C0C0C0; 
background: url(URL BACKGROUND); 

---------------------------------------------------------------------------------------------------------------------------

  • Yang Syafiq tulis tulisan warna merah tu kan , korang gantikan dengan URL background yang korang suka.
4. Preview dulu.!!!!!!!!!
5. Then,Save template! :)