|
D'Boss! 
  Awesemo Followers! Contact Me! Exchanged Banner Much Love From : Alia Najihah 
Credits!
| 
Assalamualaikum and annyeonghaseyo. 1 post in 1 pages tu macam mana?jom tengok step di bawah ni ek:
1. Sebelum tu. Siapa yang guna Dashboard versi baru? *angkat kening*. Boleh tak korang tukar dashboard tu ke versi lama balik. LOL suka hati je mintak. Bukan apa, aliatieqa tak sure dekat d'board baru tu boleh setting post ke tidak. Kalau boleh bagi tau ye. Ermm, so kalau nak tukar d'board korang ke versi lama. Lihat contoh di bawah ni
2. Bila dah tekan Old Blogger interface tu, automatic dia akan bertukar ke dashboard lama
3. Then pergi dekat Dashboard > Setting > Formatting
4. Lepas tu, korang letak 1 dekat bahagian main page
5. Save setting. Done.
 Blockquote1. Dashboard > New Post 2. Taip je macam biasa. Macam kat bawah ni 
3. Lepas tu korang highlight bahagian yang nak di-blockqoute tu. Macam step kat bawah ni
4. Preview ( bagi pengguna template designer) & Save
5. Cuba tengok ada tak blockquote. Kalau takde maybe ada something wrong dgn code blockquote korang. 
Assalamualaikum and annyeonghaseyo. Image hover yang ini versi menyenget apabila disentuh cursor. Means image korang akan hover menyenget bila dihalakan cursor. Got it? Nak buat macam tu tak? Okay, jom ikut tuto ni.
1. Dashboard > Template 2. Press Ctrl + f serentak dan cari code </style> 3. Copy code dekat bawah ni img {border-radius:10px;border:none;}img:hover {filter:Alpha(Opacity=50,FinishOpacity=0,Style=0);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;padding-left: 160px;-webkit-transition: 1.5s;-webkit-transform: rotate(6deg);}
4. Paste di atas code tadi
5. Preview & save Assalamualaikum and annyeonghaseyo. Tutor ni tieqa nak tunjukkan cara untuk buat image hover yang akan berpusing/terbalik apabila dihalakan cursor. kalau x paham ikut je care kat bawah ni
1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, copy code dekat bawah ni
#card {
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
width: 100px;
height: 100px;
position: relative;
margin:0px;
}
.back, .front {
position: absolute;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s ease-in;
width: 100%;
height: 100%;
font-family:verdana;
color: #000;
font-size:8px;
}
.back {
-webkit-transform: rotateY(180deg);
background: #000000;
overflow: hidden;
}
.front {
}
#card-container {
display: inline-block;
text-align: justify;
}
#card-container:hover .back {
-webkit-transform: rotateY(0deg);
}
#card-container:hover .front {
-webkit-transform: rotateY(-180deg);
}
4. Paste di atas code tadi 5. Now, copy code ni pulak <div id="card-container"><div id="card"><div class="back"><center><br/><br/><br/><br/>AYATKORG<br/></div><div class="front"><img src="URLIMG"></div></div></div> 6. Paste dekat bahagian yang korang nak. Contohnya dekat sidebar. 7. Preview & save merah : warna background hijau : ayat korang pink : URL image/gambar 
1. Dashboard > Template 2. Tekan Ctrl + f dan cari code <style> atau </style> 3. Copy code di bawah ni
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>
4. Paste di bawah code tadi 5. Next, korang copy code ni pulak <imgsrc="URLIMAGE"width="200"height="200"class="shakeimage"onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"> 6. Paste dekat mana-II yang korang nak. Kalau boleh dekat bahagian sidebar 7. Preview & save oren : URL image biru : lebar image hijau : tinggi image
Assalamualaikum and annyeonghaseyo semuaa. Tuto kali ni adalah berkaitan dengan image hover. Image hover yang ini akan mula membesar apabila disentuh. Senang cerita dapat zoom la. Hehe. Kalau tak faham apa yang alia bebelkan ni. Jom cuba.
Classic Template/Blogskin users
1. Dashboard > Template
2. Tekan Ctrl +f dan cari code </style>
Template Designer Users
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl+f dan cari code /* Header
3. Sekarang copy code dekat bawah ni
img {
4. Lepas tu paste di atas code </style> or /* Header
5. Preview & save
Assalamualaikum u all's :)
1. Dashboard > Template
2. Press Ctrl+f serentak dan cari code </style> 3. Kemudian copy code di bawah img {border-radius:10px;opacity:0.6;-webkit-transition-duration:2.5s;}img:hover{border-radius:30px;opacity:10.8;-webkit-transition-duration:2.5s;}
4. Paste di atas code </style> for blogskin
5. Preview & save.
|
