Blockquote *4
Annyeonghaseyo.Hai rakan-rakan dan pengreaders.Asal dirah gembira sangat ini ? Peliknya.Hehe :3 nnye dirah ponw x tau.Tetibe jer mcm gmbira nak buat tuto.Sebab cuti 4 days ke?Sebab dah lme x update tuto ke ? Tak kisah lah.Hah.Ari nie dirah nk share cara buat blockquote yg cntik sgt.Credit : KawaiiLady.Dirah tukar sikit die punye code blockquote ;)Thx kepada die :)
Cute tak ? Okey ikut step yg dirah bgi nie :
1. Ctrl + f serentak atau f3 dan cari code
.post blockquote { atau blockquote { atau blockquote{ atau apa-apa yang berkaitan dengan blockquote
2. Dah jumpa?Delete seme kod yang blockquote korang yang lama.Gantikan yang baru
3.Copy kod dibawah.Copy kod ini dibawah perkataan blockquote {:
margin: 1em 20px;
padding:10px;
box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;
background-image:url(http://i.imgur.com/2EShx.png);
border: 2px solid #EEEEEE;
color: #000000;
font:12px century gothic;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
blockquote:hover {
background-image:url(http://i.imgur.com/tDtge.png);
box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;
}
Labels: ade mood!!!!, blockquote, tuto
Agree or Disagree Button
Assalammualaikum , bounjour , hello , hi dan annyeonghaseyo ! Dirah baru jer blik dari mane ? Tanjung Leman mandi mandi dari pukul 12.51 tgh hari smpai kol ? 5.52 ptg
! lme gak kan ? Ramai gile arr orang ! Ade DHL ke ? Tak ingat lah..buat pesta / hari berkumpul..seme stuff yg berkeje kat DHL (sebuah syarikat) berkumpul..bawal family diorang..ade yg nyanyi
..tpi sengau atau nyanyi x de feeling ! Nyanyi lagu yg kne ade nada tinggi..tpi nyanyi suara
rendah..Dirah mbik org pnye.Lupe sape ><k,dah lah cite..nk buat tuto lak ! k,ari nie nk ajar cara buat agree / Disagree!Contohnye, mcm nie :
YOUR SENTENCES
YOUR SENTENCES
YOUR SENTENCES
Template Designer :
i.) Copy semua Code Blogskins & Template Designer dan Paste dekat dekat dalam post edit html .
ii.) Then, copy code Code Template Designer dan Paste dekat dalam post edit html yang sama.
Blogskins :
i.) Copy semua Code Blogskins & Template Designer dan paste dekat bawah </style>.
ii.) Then, copy code Code Blogskins dan paste dekat bawah </style>.
Code Blogskins & Template Designer :
<style type="text/css">
a.button{
background:pink;
padding:5px;
width:80px;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
font-family: arial;
font-size: 12px;
text-align:center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:1px;
}
a.button:hover{
background:#444;
color #fff;
}
</style>
<center><img src="URL IMAGE" /><br></center>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;color:#888;">
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br><br></div>
Code Blogskins :
<center><div style="color:#888;"><a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">Agree </a> or <a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Disagree</a></center></div>
*tukar main tu kepada apa yang awak gantikan main tu
*tukar tuto dengan entries kepada apa nama untuk page awak tu
Code Template Designer :
<center><div style="color:#888;">
<a class="button" href="URL PAGE">Agree </a> or <a class="button" href="URL BLOG">Disagree</a></center></div>
*gantikan url page & url blog tu
DONE!
Labels: ade mood!!!!, cite panjang, tuto
Hover Image*6
Assalammualaikum !!! Ari nie kat ganu II .. I think I want to jump as high as I can !
pahal dirah tetibe brsmngt nie ?!!! Halnye adelah kerane dirah kat kmpg sepupu yang ade line .. sblum nie x de line lngsg kat ganu ( umah moyang ) sedih T________________T !!! K nah ! Hover image with words
Hover it :
Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Paste dekat Html/Javascript
ii.) Preview and Save !
Blogskins :
i.) Design --> Template --> Edit Html
ii.) Copy semua code dekat bawah dan paste dekat bawah </style>
iii.) Preview and Save !
<style type="text/css">.navs {width:100%;height:114px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:11px;font-family:arial;text-align:center;opacity:0;color:#777;background-color:white;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.navs a {color:white;}
.outside:hover .navs {opacity:1;}
.outside {float:left;margin-right:2px;height:120px;width:95%;}
#outside1 {border:5px solid #444;background-image:url('URLIMAGE');background-color:#555;} </style>
<div class="outside" id="outside1"><div class="navs">YOUR WORDS</div></div>
ABC : Url Image
ABC : Ayat Korang
Labels: ade mood!!!!, cite serdahana pnjg, hover, image, image hover, tuto
header moustache
Assalamualaikum and annyeonghaseyo. Hai hai. Sihat ?! Haha nie ttibe smngt..bab MOUSTACHE!!!!!!!!!nah..mbik :)
Berukuran : 800 x 300
http://i.imgur.com/mYx6l.png
http://i.imgur.com/Ep3Xh.png
http://i.imgur.com/9PDs1.png
http://i.imgur.com/rPyYE.png
http://i.imgur.com/WW7qD.png
http://i.imgur.com/EF5X4.png
Labels: ade mood!!!!, cite serdahana pnjg, Freebies, header
Backgrounds *9
Hello..Avril Lavigne here..tadi x de smgt kan?skrg ade skit..jdi kite taip pnjg sikit kotw..Yeah!!!Esok nak blik kmpg..nnti tido otel...dah lme x gi otel..bab cuti bkn sllu..dirah kan ade klz tmbhn...dah siap dah brg II ...
kat kmpg..lbih krg 5 Hari..tapi..bkn sye x leh psg internet..Sye gne wi-fi bkn broadband..jadi..x leh bwk jln II lah kan?Nnti kat hotel..WAJIB ADE WIFI!..nnti..sye gi 2 hotel yg brlainan..bab nak visit kluarge ibu & ayah..jdi gi hotel..bkn x de umah..saje !!!! kan syok!!
balik kepade tajuk..nah!!!
Labels: ade mood!!!!, background, backgrounds, bayangkan kisah yg akan berlaku, cite panjang, Freebies
 Blockquote *4

Annyeonghaseyo.Hai rakan-rakan dan pengreaders.Asal dirah gembira sangat ini ? Peliknya.Hehe :3 nnye dirah ponw x tau.Tetibe jer mcm gmbira nak buat tuto.Sebab cuti 4 days ke?Sebab dah lme x update tuto ke ? Tak kisah lah.Hah.Ari nie dirah nk share cara buat blockquote yg cntik sgt.Credit : KawaiiLady.Dirah tukar sikit die punye code blockquote ;)Thx kepada die :)
Cute tak ? Okey ikut step yg dirah bgi nie :
1. Ctrl + f serentak atau f3 dan cari code
.post blockquote { atau blockquote { atau blockquote{ atau apa-apa yang berkaitan dengan blockquote
2. Dah jumpa?Delete seme kod yang blockquote korang yang lama.Gantikan yang baru
3.Copy kod dibawah.Copy kod ini dibawah perkataan blockquote {:
margin: 1em 20px;
padding:10px;
box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;
background-image:url(http://i.imgur.com/2EShx.png);
border: 2px solid #EEEEEE;
color: #000000;
font:12px century gothic;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
blockquote:hover {
background-image:url(http://i.imgur.com/tDtge.png);
box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;
}
Labels: ade mood!!!!, blockquote, tuto  Agree or Disagree Button

Assalammualaikum , bounjour , hello , hi dan annyeonghaseyo ! Dirah baru jer blik dari mane ? Tanjung Leman mandi mandi dari pukul 12.51 tgh hari smpai kol ? 5.52 ptg ! lme gak kan ? Ramai gile arr orang ! Ade DHL ke ? Tak ingat lah..buat pesta / hari berkumpul..seme stuff yg berkeje kat DHL (sebuah syarikat) berkumpul..bawal family diorang..ade yg nyanyi ..tpi sengau atau nyanyi x de feeling ! Nyanyi lagu yg kne ade nada tinggi..tpi nyanyi suara
rendah..Dirah mbik org pnye.Lupe sape ><k,dah lah cite..nk buat tuto lak ! k,ari nie nk ajar cara buat agree / Disagree!Contohnye, mcm nie :
YOUR SENTENCES
YOUR SENTENCES
YOUR SENTENCES
Template Designer :
i.) Copy semua Code Blogskins & Template Designer dan Paste dekat dekat dalam post edit html .
ii.) Then, copy code Code Template Designer dan Paste dekat dalam post edit html yang sama.
Blogskins :
i.) Copy semua Code Blogskins & Template Designer dan paste dekat bawah </style>.
ii.) Then, copy code Code Blogskins dan paste dekat bawah </style>.
Code Blogskins & Template Designer :
<style type="text/css">
a.button{
background:pink;
padding:5px;
width:80px;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
font-family: arial;
font-size: 12px;
text-align:center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:1px;
}
a.button:hover{
background:#444;
color #fff;
}
</style>
<center><img src="URL IMAGE" /><br></center>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;color:#888;">
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br>
<img src="URL ICON" /> YOUR SENTENCES <br><br></div>
Code Blogskins :
<center><div style="color:#888;"><a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">Agree </a> or <a class="button" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Disagree</a></center></div>
*tukar main tu kepada apa yang awak gantikan main tu
*tukar tuto dengan entries kepada apa nama untuk page awak tu
Code Template Designer :
<center><div style="color:#888;">
<a class="button" href="URL PAGE">Agree </a> or <a class="button" href="URL BLOG">Disagree</a></center></div>
*gantikan url page & url blog tu
DONE!
Labels: ade mood!!!!, cite panjang, tuto  Hover Image*6

Assalammualaikum !!! Ari nie kat ganu II .. I think I want to jump as high as I can !
pahal dirah tetibe brsmngt nie ?!!! Halnye adelah kerane dirah kat kmpg sepupu yang ade line .. sblum nie x de line lngsg kat ganu ( umah moyang ) sedih T________________T !!! K nah ! Hover image with words
Hover it :
Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Paste dekat Html/Javascript
ii.) Preview and Save !
Blogskins :
i.) Design --> Template --> Edit Html
ii.) Copy semua code dekat bawah dan paste dekat bawah </style>
iii.) Preview and Save !
<style type="text/css">.navs {width:100%;height:114px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:11px;font-family:arial;text-align:center;opacity:0;color:#777;background-color:white;-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;} .navs a {color:white;} .outside:hover .navs {opacity:1;} .outside {float:left;margin-right:2px;height:120px;width:95%;} #outside1 {border:5px solid #444;background-image:url('URLIMAGE');background-color:#555;} </style>
<div class="outside" id="outside1"><div class="navs">YOUR WORDS</div></div>
ABC : Url Image
ABC : Ayat Korang
Labels: ade mood!!!!, cite serdahana pnjg, hover, image, image hover, tuto  header moustache

Assalamualaikum and annyeonghaseyo. Hai hai. Sihat ?! Haha nie ttibe smngt..bab MOUSTACHE!!!!!!!!!nah..mbik :)
Berukuran : 800 x 300
http://i.imgur.com/mYx6l.png
http://i.imgur.com/Ep3Xh.png
http://i.imgur.com/9PDs1.png
http://i.imgur.com/rPyYE.png
http://i.imgur.com/WW7qD.png
http://i.imgur.com/EF5X4.png
Labels: ade mood!!!!, cite serdahana pnjg, Freebies, header  Backgrounds *9

Hello..Avril Lavigne here..tadi x de smgt kan?skrg ade skit..jdi kite taip pnjg sikit kotw..Yeah!!!Esok nak blik kmpg..nnti tido otel...dah lme x gi otel..bab cuti bkn sllu..dirah kan ade klz tmbhn...dah siap dah brg II ...
kat kmpg..lbih krg 5 Hari..tapi..bkn sye x leh psg internet..Sye gne wi-fi bkn broadband..jadi..x leh bwk jln II lah kan?Nnti kat hotel..WAJIB ADE WIFI!..nnti..sye gi 2 hotel yg brlainan..bab nak visit kluarge ibu & ayah..jdi gi hotel..bkn x de umah..saje !!!! kan syok!!
balik kepade tajuk..nah!!!
Labels: ade mood!!!!, background, backgrounds, bayangkan kisah yg akan berlaku, cite panjang, Freebies
|