Labels

15 January 2010

Tutorial: Blockquote Like Mine


Assalamualaikum

So today ada orang request macam mana nak blockquote macam saya punya nih. Preview:


Blockquote macam ini. Credit to this awesome blog! :) Do visit.


Untuk Tempate Designer:
1. Dashboard > Design > Edit HTML > *tick Expand Widget Templates*
2. Tekan ctrl + f and search code ni : .post blockquote {
3. Pastekan code yang akan saya bagi nanti dekat bawah code tu.

Untuk Blogskins:
1. Dashboard > Template > Edit HTML
2. Pastekan code yang saya bagi sebelum code </style>

.post blockquote {
border:1px solid grey;
background:url(URL background);
color: #222;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
box-shadow: inset 20px 0 0px 0 grey;
padding: 10px 10px 10px 26px;
}

blockquote:hover{
-webkit-transition: 2.5s;
-moz-transition: 2.5s;
border:1px solid black;
background:url(url background);
box-shadow: inset 750px 0 0px 0 black;
color: white;
}

Yang grey dengan black tu, korang tukar dengan warna border korang sendiri sebelum dan selepas hover.
Untuk blogskins, code .post blockquote { tu tukar dengan blockquote { sahaja.

Kbye.


FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com

14 January 2010

Tutorial : Youtube (New Coding!)


Assalamualaikum,
Sebulan lebih tak berusik blog ni. So today, buat tuto pasal youtube. Kalau korang tengok, banyak youtube player sekarang ni dah tak lawa, dah tak cun macam dulu kan? Youtube ni menggedik sikit. So a big big big thank you to this awesome blogger, AFIQAH sebab share coding baru untuk youtube player.
Do visit her blog! So, jom tengok coding baru youtube player ni.

Live previeww: 




Haa, kan lawa tuh. Tapi ni untuk transparent, autoplay, replay and size dia kecik. Kalau nak warna lain, taknak autoplay, tak nak replay, nak tukar size, godek sendiri. Tak susah pun. Here is the code:

<center><embed src="http://www.youtube.com/v/IJ028Gsedeg?version=1&autoplay=1&loop=1&color1=0xffffff&color2=0xffffff&amp;hl=en_US" type="application/x-shockwave-flash" width="30" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></center>

Nota kaki:
Merah: Tukar dengan link youtube korang. Tak tahu camne? Tengok sini.
Biru: Itu kod autoplay. Kalau korang taknak autoplay, delete jelah.
Hijau: Itu pulak kod untuk replay. Kalau taknak replay, delete.
Oren: Untuk width, ikut kesesuaian blog korang lah. Normal orang buat 30 or 200.
Pink: Height. Adjust kalau perlu.
OK SAMPAI SINI SAJA LAH BYE



FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com

12 January 2010

Tutorial : Buang Word Verification



Assalamualaikum
.
Memang tutorial ni takde sape request, but semua blogger wajib buat kot. Sebab benda ni annoying giler. Korang tahu ke tak ape 'word verification' tu ape? Tengok gambar ni :


Sekarang dah tahu kann? Kadang kadang, kalau kita nak komen tu, mesti benda ni keluar kan?
Jadi, korang kenalah remove benda ni. Cara dia senang jer punn ;)

  • Dashboard > Settings > Comments
  • Search this : " Show word verification for comments? "
  • Lepas tu, korang terus select No.
  • Lepas tu, tekan  SAVE SETTINGS  !

There, senang kann? So, lepas ni, lagi ramailah yang nak komen entri korang. 
Kbai.


FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com