TUTORIAL : Image Shadow Border !

SIMPLE TEMPLATE ONLY

 Firstly korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget . dah sudah cari code ini pula yer ?
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
seterusnya korunk copy pulak code di bawah nie dan paste kan di bawah code yang di atas nie yupp ^^
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #F778A1; -moz-box-shadow: 0px 0px 50px #F778A1; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=80); opacity: .80; border: 1px dashed #000000; border-radius: 50px; -moz-border-radius: 50px;}
 OKEHH , now done ! ek'ehh ! korunk tak jumpe yer ?? una pun tak jumpe code nie sebenarnya but jangan gelabah yer ? ade lagy satu cary ^^ korunk cary aje code nie okehh ??
h2 {
hahh , dah cary kan ? aikk , tetibe ade bnyk code kat bawah dyer kann ?? hahh , tak pe lahh ! korunk copy paste aje code yang una bagy tuh di bawah h2 { tuh okeehhh ?? bila dah siap ape lagy save lahh ^^ 

nota kecil buat korunk : 
yang berwarna purple ialah code untuk warna shadow tuh :)
yang warna pink itu pula warne untuk line dashed yang berada di sekeliling tuh yer ??
code colour boleh cary di SINI yaaa ??
tak paham sila tanya yaa ?? pasty una akan jawab dan bantu punya ^^
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
14 comments:

TUTORIAL : icon comel sebelah post tittle !

SIMPLE TEMPLATE CODING
firtsly apa yang korunk kene buat ialah pergi ke Dashboard > Design > Edit HTML* tick expand widget and search for this code yaaa :
<a expr:href='data:post.url'><data:post.title/></a>
dah jumpa kann ? now korunk masuk kan code <img src="URL GAMBAR"/> di tengah2 macam code di bawah nie :) 
 <a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>
kalau mahu icon tuh ada di sebelah kanan dan juga kiri korunk buat code tuh macam kat bawah nie :
<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/><img src="URL GAMBAR"/></a>
tapi bezanya di sini ialah korunk hanya perlu copy paste yang <img src="URL GAMBAR"/> tuh di seblah <data:post.tittle/> tuh aje :) sooo , korunk dah dapat kan ?? tuto ini juga boleh di gunakan pada siapa yang menggunakan WASHED DENIM TEMPLATE :)

Hai! Selamat membaca. Jangan lupa tinggal komen ya?
42 comments:

TUTORIAL : tulisan dan gambar bergerak !

hary nie una nak buat tutorial TULISAN DAN GAMBAR BERGERAK ! sound intresting rite ?? try buat meyhhh ! first step nyer , sila follow okehh ?? jommmm ^^

DASHBOARD > DESIGN > ADD GADGET > HTML/JAVASCRIPT


 OKEYYY ,  sekarang korunk sila copy code ini  :)

Gonna be toink toink :)


<marquee behavior="scroll" direction="left">YOUR TEXT</marquee>



<marquee behavior="scroll" direction="left"><img src="URL IMAGE"/></marquee>

 dah copy ke ?? ape lagy save lah dan lihat hasilnyer tauuu ?? huhu :) jady takk ?? kalau jadi bagitahu yer kawan2 , if tak paham tnye tauuu ??

Hai! Selamat membaca. Jangan lupa tinggal komen ya?
51 comments: