Skip to main content

Posts

Showing posts from February 20, 2011

TUTORIAL BLOCKQUOTE CANTIK DENGAN HTML COLOUR

halo...tadi baru je saya post camna nak buat blockquate yang bercorak-corak..maybe pada orang yang suka simple mereka lebih sukakan yang simple-mimple tanpa ada corak-corak maklumlah katanya nampak semak..hohoho..jom kita mulakan tutorial 1)design>edit HTML 2)klik'expand widget templates'..ok! 3)cari kod di bawah dengan menggunakan ctrl+F untuk memudahkan pencarian ]]></b:skin> 4)kalau dah jumpa copy kod di bawah dan pastekan di atas kod  ]]></b:skin>   blockquote {     margin: 10px 10px 10px 20px;     padding: 10px 15px 10px 15px;     line-height: 1.6em;     color: #000000 ;     background: #e0ffff ;     border: 2px solid #4aa02c ;     border-left: 20px solid #4aa02c     } 5)dah selesai! p/s:yang telah di warnakan boleh ditukar mengikut citarasa anda di  sini warna merah= warna teks dalam kotak warna kuning= warna background kotak warna pink= warna border selamat mencuba!! credit to: hakim

TUTORIAL BLOCKQUOTE

nak try tak cantikkan blog dengan kotak corak-corak atau nama komersial BLOCKQUATE.macam kat bawah nie ini kotak blockquate saya..anda nak jugak..mehh saya tunjukkan cara. 1)design>edit HTML 2)cari kod di bawah(untuk memudahkan pencarian tekan ctrl+F) .post-body { 3)dah dapat cari?copy pulak cod dibawah dan pastekan di atas kod post-body{ post blockquote { background-image:url( URL GAMBAR BACKGROUND BLOCKQOUTE ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px   solid #FF0080; margin:1em 20px; } 4) try save kalau menjadi saya ucapkan taniah kalau tak jadi jangan putus asa sebab template yang digunakan tak sesuai dengan coding nie kot.. p/s: red colour tu ikut suka hati nak letak apa..boleh dapat kat  kedai ini credit to: Miss Farah   SELAMAT MENCUBA!!

TUTORIAL LETAK ICON COMEL SETIAP WIDGET

untuk cantikkan lagi blog anda silalah cuba tutorial nie.. 1.pergi kat  dashboard--> layout- -> Edit HTML 2. tekan "Expand Widget Templates" 3.cari kod nie: .main .Blog { border-bottom-width: 0; } lepas tu copy kod di bawah dan paste dibawah kod diatas   .sidebar .widget h2 { background: yellow url(' URL IMAGE ') no-repeat left top; margin-top:5px; text-indent: 20px; padding:7px; }  4.review kalau takut tak  jadi pastu baru save SELAMAT MENCUBA WAHAI BLOGGERS!!! credit to: mr trick

TUTORIAL LINKWITHIN

kali ini tutorial paling senang dan ringkas yang dipanggil linkwithin.. 1)pergi ke website  ini 2)isi apa yang patut dan diminta 3)apabila telah isi ikut step yang seterusnya... 4)akhirnya siap! perakuan:sebenarnya malas nak taip panjang-panjang nanti kat website tu tunjuk jugak step dia..huohuohuo.. akhir kata

TUTORIAL GAMBAR BERJALAN

assalamualaikum w.b.t!kali nie saya nak ajar kamoo semua buat gambar berjalan...macam kat bawah nie..cun tak..hohoho 1)Design > Add Gadget > HTML/ javascript 2)copy kod nie <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center"> <img src=" URL GAMBAR " height="200" width="190" /> <img src=" URL GAMBAR " height="200" width="190" /> <img src=" URL GAMBAR " height="200" width="190" /> <img src=" URL GAMBAR " height="130" width="190" /> </marquee> Pesanan ringkas: merah  tu URL gambar yang hendak dipaparkan. kalau nak tambah banyak lagi gambar just copy je kod nie:  <img src=" URL GAMBAR " height="200" width="190" /> height n weigh