Skip to main content

Posts

Showing posts with the label tutorial

tutorial blockquote with cute icon

tutorial nie direquest oleh ikazulfa ..dia tnya mcm mana nk buat blockquote mcm saya..btw ika saya dh tukar blockquote..kalau nak blockquote double blockquote pergi sini ..saya dah lupa mcm mna nak buat double blockquote with cute icon..sory~~tapi kalau nak blockquote mcm saya sekarang ikut la step saya nie. 1)design>edit html 2)cari cod dibawah .post blockquote { 3)dah jumpa?copy kod dibawah and then paste dibawah kod yang cari tadi background-color: #F6CEE3; border:3px dashed #FFFFFF; padding: 0px; .post blockquote:hover { background-image:url( http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_14436277decoojp.gif ); background-position:bottom right; background-repeat:no-repeat; -webkit-transition: 1s;} } 4)save *boleh edit wrna lain kalau mau.. kalau x jadi kasi tau..saya pening sikit masa buat tuto nie..

TUTORIAL REPLY TO COMMENT(upgrade)

tuto nie direquest oleh kak sarah .sory lmbat buat tuto nie..busy sikit coz exam..=) 1)design>edit html>tick expand widget 2)cari kod dibwh <b:include data='comment' name='commentDeleteIcon'/> 3)copy kod dibawah dan pastekan dibawah code yang di carik tadi <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID= YOUR BLOG ID &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'> [Reply to Comment] </a></span> *blog id tgk sini  *nak tukar reply to comment kepada icon comel?? ganti...

tutorial link hover(denim template)

update tuto lagi!tuto kali nie direquest oleh Adi Putra ..comey blog dia.. let's start!!.. 1) design> edit html 2)cari code nie ]]></b:skin> 3)copy code di bwah dan paste di atas code  ]]></b:skin> a:hover { color:#000000; background:url( URL GMBR ); background-repeat:repeat; text-decoration:none } 4) preview dlu ek takut x jadi, kalau dah jadi terus save .. *url gambar blh carik kat sini contoh: http://dl10.glitter-graphics.net/pub/124/124750rx6sc1mkfz.gif

tutorial post body background

dah lama tak update tuto..kalau x da orang nak request rasanya tak buat dah kot tuto.. tutorial nie direquestkan oleh seorang blogger yan bernama mimi .tq sbb request tuto.. tuto nie hanya boleh dibuat oleh pemakai template jenis denim saja..ok,so siapa yang tak pakai jenis denim jangan gatal tangan duk nak buat nanti rosak pulak blog. firstly.... 1)design>edithtml>tekan ctrl+F utk senang carik kod dibawah.. #content-wrapper { dah dapat carik kod tu??kalau dah dapat baguss.. 2)copy kod dibawah dan pastekan dibawah kod yang dicarik tadi tu..   background : url( Url image );   3)cari code nie pulak   #main-wrapper { 4)copy code nie lgi dan paste di bwh dia    background : url( Url image );   5) cari code nie #sidebar-wrapper {   6) copy code nie dan paste di bwh dia    background : url( Url image );   7)try preview dulu..kalau x jadi kasi tau.. *url image tu jangan letak background terlalu banyak corak..letak yang si...

TUTORIAL CANTIKKAN SCROLLBAR BLOG

lama jugak tak update tuto.. tuto kali nie macam mana kita nak cantikkan scrollbar blog.scrollbar blog tu yang ada dekat sebelah kanan tu.tengok scrollbar saya cantik tak-polka dot tuto nie hanya sesuai untuk pengguna google chrome sahaja.ok jom mula~~ 1)dashboard>design>edithtml>tick expand widget 2)cari kod dibawah(tekan ctrl+f utk senang cari kod) ]]></b:skin> 3)copy kod dibawah dan pastekan sebelum yang dicari tadi tue.. ::-webkit-scrollbar { height:12px; width: 12px; background:  #D9D9D9 ; } ::-webkit-scrollbar-thumb { background-color: #F2F5A9 ; -moz-border-radius: 10px; border-radius: 10px; } tambahan: kalau nak guna gambar boleh gantikan kod   background-color:   #F2F5A9 ; dengan kod di bawah background-image:url(URL BACKGROUND); nak letak border pulak juz tambahkan kod di bawah selepas border-radius:10   px border: 1px solid #000000; bila dah puas hati boleh la save!

TUTORIAL FLOATING BUTTON FOLLOW

lama tak buat tutorial =0..kali nie saya nak upgrade sikit button follow jadi terapung..kalo nak tau macamna cubala try.ok!malas nak menaip dengan lebih panjang,now follow my step. 1)dashboard>design>page element>add gadget>html/javascript 2)copy kod dibawah dan pastekan di html javascript <div style="display:scroll; position:fixed; top :5px; left :5px;"><a href=" blog ID korang " target="_blank"><img src=" URL gambar " border="0" /></a></div> 3)save! edit mengikut kesesuaian korang. *blog id kalau tak tau pi kat  sini *top boleh di tukar kpd bottom *left boleh di tukar kpd right *url gambar kena dapatkan direct link kt  photobucket  atau flickr    kalo nak lagi chantek editla sendiri guna photoshop pastu hostkan la kat hosting bergambar ok setakat nie saja dulu!bye =) diajar oleh: pyqah

TUTORIAL CURSORS

haloo...hari saya bagi tip nak cantikkan korang punya arrow  dengan gambar2 cute.. kalau korang nak cari kat   cursors 4 u  cantik2 tau tapi jangan pilih yang tulis animated dah la ye.saya percaya ramai dah ada cursor tapi ada sesetengah blogger nie dia tak buang label cursor tu..nmpk tak eloklah kalau cam tu.. ok!kalau dah jmpa yang berkenan silalah ikut step nie 1)design>page element>add gadget>HTML/javascript 2)copy kod cursor yang telah dipilih dan pastekan dalam HTML/javascript 3)buangkan coding berikut...contohnya: <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur231.cur), progress;}</style> <a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-transparent-pink-pointer.html" target="_blank" title="Cool Transparent Pink Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Transparent Pink Pointer" style...

TUTORIAL HIDDEN SHOUTBOX

assalamualaikum w.b.t wahai bloggers sekalian alam!!hohoho..sekarang saya nak berkongsi sikit ilmu pengetahuan dengan korang semua tentang hidden shoutbox atau dalam bahasa ibunda kita,shoutbox menyorok..sebelum nak buat shoutbox menyorok nie mesti la kena ada kod shoutmix ..pastu create la shoutbox anda mengikut kreativiti..ok!malas saya nak menaip panjang-panjang sebab bukan korang nak baca pun...huhuhu..JOM KITA MULAKAN TUTO!! 1)login blogspot>design>layout>page element>add gadget>HTML/javascript 2)copy kod di bawah dan pastekan di HTML/javascript. <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url(' http://i1123.photobucket.com/albums/l559/husna209/hijau1.png ') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript...

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...

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 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...

TUTORIAL REPLY TO COMMENT

hallo ha!!now i want to tell u all about my tutorial called reply to comment..ok...if you want to know what is this u all must try it.... ayooo...ckp omputih la plak hehehe..saja nak test language yang macam hampehhh nie =p oklah malas oden nak bebel panjang2...jom kita start enjine  tutorial..sila perhatikan betoi-betoi 1) Dashboard>> Design>> Design>> Edit HTML>> Tick Expand Widget Templates cari kod kat bawah nie dengan cara mudah CTRL+F <b:include data='comment' name='commentDeleteIcon'/  2)dah jumpak ke belum kalau dah jumpak copy kod bawah nie then,paste dibawah kod atas tu. <span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID= BLOG ID &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3...