Istanbul Aku Datang !

Yes ! Finally aku dapat gakk tengokk citee Istanbul Aku Datangg tadi .. Lakonan Lisa Surihani n Tomok . Yup , setelah sekian lamee aku nakk tengokk citee nieyy . akhirnyee ,, sampaii jugakk ke tangan aku .. hua3 .. Credit , err ... I mean Thank you to kawan mama sebab tolongg download kann citee tu .. Haa ,, sanggup tau . Demi aku dia nakk download kann .. Hehe .. I appreciate it . Thanks again ! Hee , Hari tu , time hang out ngan member kat KLCC takk jadi nakk tengokk Istanbul Aku Datangg . Sebab Nuriah kata dia dahh tengokk . Takk kann nakk tengokk lagii kann .. Kesian pulakk dia .. huhu .. Dia kata dia takk kesahh punn kalau nakk tengokk lagi sekali . But , takk pe laa nanti membazir pulakk . Dah laa tiket mahal kat KLCC tu , 12 hinggit .. Walaupun time tu hari Rabu . Isshh3 ! Sadissnyee .. So , kami tengokk laa Paranormal 3 . Walaupunn aku kurengg sikit citee tu , aku layann je citee tu . Hoho .. memangg takk de feel gilee tengokk citee tu , memangg laa citee tu terperanjat-terperanjat kann .. tapi , bagi aku , biasee sahajee . Adee perempuan kat belakangg tu , OVER gilee nakk mati , terjerit-jerit . Sikit-sikit sebut Oh My God ! Oh My God ! =='' Takk habis-habis .. Dahh laa kuat pulakk tu .. Nakk perhatian lebeyy lahh tu .. Whatever laa kann .. Takk amekk port sangat pungg .. huhu .. By the end of the story of Istanbul Aku Datangg yangg aku tengokk hari nieyy ,, best ! Kuat berblog jugee Lisa Surihani kat dalam citee tu , sikit-sikit update , then Publish ! haha .. aku sukee part time tu . Pas nieyy , aku punn nakk macam dia laa .. Sikit-sikit update blog and Publish ! Lame-lame mesti posts kat blog aku banyakk kann ? Bakk pepatah , sikit-sikit dahulu , lame-lame jadi bukit . Kuankk3 .. Semakin mengarut plakk aku nieyy kangg .. Okeyylaa , jam dahh punn menunjukkan pukul 3.38am .. Mata punn sudaa kuyu daa .. Adee mase , aku update lagii yee .... then , Publish ! hahaha .. Daaa ~ :D

Tutorial - Letak CBox Di Blog

Hyee korangg , rasee2 korangg nakk kee letakk CBox kat blog blog korangg ? Hee .. Kalau nakk , ikut laa tuto nieyy yee ..

1. First , korangg kene daftar dulu cbox nieyy >> Klik Sini Untuk Daftar

2. Ikut procedure cara nakk daftar tu yee .. Lepas dahh daftar korangg choose style cbox korangg

3. Okeyy next , korangg set kann korangg punyee width dan Height yee ..

4 . Seterusnyee , pergi padee Colors and Fonts pulee ..

5. Dah sudahh tu ,, korangg terus tekan Save yee .. Kemudian , Klik Publish ! untuk generate code cbox korangg tu yee ..

6. Copy code korangg , korangg pergi 

Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript

7. Paste kann code yangg korangg copy tadi pada HTML/JavaScript

8. Dah tu , Save kann ajee. Siap ! ^^

Freebies : Symbol Text

♥ Cute Symbols ♥

Æ æ ❖

{｡^◕‿◕^｡} (◕^^◕) ✖✗✘♒

♬✄ ✂✆✉✦✧♱ ♰♂♀☿❤❥ ❦❧

™®©♡♦ ♢♔♕♚♛★ ☆✮ ✯☄☾☽

☼☀☁☂☃☻ ☺☹ ☮۞۩ εїз☎☏¢

☚☛☜☝☞☟✍

✌☢☣☠☮☯ ♠♤♣♧♥ ♨๑❀✿ ψ☪☭

♪ ♩♫℘ℑ ℜℵ♏ηα ʊϟღツ回 ₪™ ©®¿¡½⅓

⅔¼¾⅛⅜⅝⅞℅

№⇨❝❞ ◠◡╭╮╯╰ ★☆⊙¤㊣

★☆♀◆◇↑↓→ ←↘↙♀ ♂┇┅﹉﹊

﹍﹎╭╮╰╯ *^_^* ^*^ ^-^

^_^ ^︵^∵∴‖ ︱︳︴﹏

﹋﹌♂♀ ♥♡☜☞☎ ☏⊙◎☺☻ ►◄

▧▨ ♨◐◑↔↕ ▪▫☼♦▀ ▄█▌▐ ░▒▬♦◊

◦☼♠♣▣ ▤▥▦▩ ぃ◘◙◈♫ ♬♪♩♭♪ の☆→あ ￡❤

｡◕‿◕｡✎✟ஐ ≈๑۩ ۩.. ..۩۩๑ ๑۩۞۩๑ ✲

❈➹ ~.~◕ ‿-｡☀☂☁ 【】┱┲❣ ✚✪✣ ✤✥

✦❉ ❥❦❧❃ ❂❁❀✄☪ ☣☢☠☭♈

✓✔✕ ✖㊚㊛ *.:｡ ✿*ﾟ‘ﾟ･ ⊙¤㊣★☆

♀◆◇回□〓

→←↘↙ ♀♂┇┅﹉ ﹊﹍﹎ ╭╮╰╯ *^_^*

^*^ ^-^ ^_^ ^︵^∵ ∴‖ ︱︳ ︴﹏﹋﹌

♂♀♥♡☜ ☞☎☏⊙ ◎☺☻

►◄ ▧▨♨◐◑ ↔↕ ▪▫ ☼♦

▌▐░▒▬ ♦◊◦☼ ♠♣▣▤▥ ▦▩ぃ◘◙ ◈

♫♬♪ ♩♭♪の☆ →あ￡❤｡ ◕‿◕｡ ✎✟ஐ≈

๑۩۩.. ..۩۩๑๑۩ ۩

๑✲❈ ➹ ~.~◕‿-｡ ☀☂☁【】

┱┲❣ ✪✣✤✥ ✦❉❥❦

❧❃❂❁❀ ✄☪☣☢☠ ☭♈ ✓

✔✕✖㊚ ㊛ *.:｡✿*ﾟ ‘ﾟ･ ◊♥▫■๑»«¶

ஐ©† εïз♪ღ♣ ♠•± °•ิ.•ஐஇ *×○▫

♂•♀◊©¤ ▲↔™®☎ε їз♨ ☏

☆★ ▽△▲ ∵∴∷ ＃♂♀♥♠♣

♧♤♧ ♡♬♪ ♭♫♪ﻬஐღ ↔↕↘••● ¤﹌

▽☜♥☞ ♬✞♥♕☯☭☠☃ ─ ━

▰ ▱◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔

◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣

◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ◯ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷

◸ ◹ ◺ ◻ ◼ ◽ ◾ ◿ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈

☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙

☟ ☠ ☡ ☢ ☣ ☤ ☥  ☧  ☪ ☫ ☬ ☭ ☮ ☯

☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾

☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇ ♔ ♕ ♖ ♗

♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣

♤ ♥ ♦ ♧ ♨ ♰ ♱ ´ ῾ ‖ ‗ ‘ ’ ‚ ‛ “ ” „ ‟ • ‣

․ ‥ … ‧ ‪ ‫ ‬ ‭ ‮   ‰ ‱ ′ ″ ‴ ‵ ‶ ‷ ‸ ‹ ›

※ ‼ ‽ ‾ ‿ ⁀ ⁁ ⁂ ⁃ ⁄ ⁅ ⁆ ⁊ ⁋ ⁌ ⁍ ⁎ ⁏ ⁐ ⁑ ⁒ ⁓ ⁔

∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪

∴ ∵ ∶ ∷ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≪ ≫

≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀

⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊌ ⊍ ⊎ ⊏ ⊐ ⊑ ⊒ ⊓ ⊔ ⊕ ⊖ ⊗ ⊘ ⊙

⊚ ⊛ ⊜ ⊝ ⊞ ⊟ ⊠ ⊡ ⊬ ⊭ ⊮ ⊯ ⊰ ⊱ ⊲ ⊳ ⊴ ⊵ ⊶ ⊷ ⊸ ⊹ ⊺ ⊻

⊼ ⊽ ⊾ ⊿ ⋀ ⋁ ⋂ ⋃ ⋄ ⋅ ⋆ ⋇

⋈ ⋉ ⋊ ⋋ ⋌ ⋍ ⋎ ⋏ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕

⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ⋜ ⋝ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋤ ⋥ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬

◿ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇

☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗

☘ ☙ ☟ ☠ ☡ ☢ ☣ ☤ ☧ ☪ ☫ ☬

☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼

☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇

♎ ♏ ♐ ♑ ♒ ♓ ♔ ♕ ♖ ♗ ♘ ♙

♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♰ ♱ ☫

 

Credit : Miss Raraa

Tutorial - Letak Border Pada Post Title

1. Dashboard >> Template >> Edit HTML >> Tick Expand Widget Templates

 

2. Ctrl + F , korangg cari code ,

 

 h3.post-title { ..

3. Kalau untukk sidebar , korangg cari 

 

code h2 {

 

**Kalau korangg takk jumpee code tu , korangg carilahh yangg nakk dekat sama ngan tu yee .. 

 

 

4. Okeyy , then bile korangg dahh jumpe code tu.. korangg Copy lak code border plihan korangg dekat BAWAH code yg korunk cari tadi yee ..

#Example_A {

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

#Example_B {

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

#Example_C {

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

#Example_D {

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

#Example_E {

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

#Example_F {

-moz-border-radius: 35px;

border-radius: 35px;

**Just copy yangg warna BIRU tu je.. then korangg paste kann kat BAWAH code yg korangg cari tadi yee? Selamat Mencube ^^

Tutorial - Letak Button Reply Di Comment Box

 

 

 

1. Dashboard >> Design >> Edit HTML >> Tick Expand Widget 

 

2. Ctrl+F untukk senangkann korangg cari , then korangg search code kat bawah nieyy :

<b:include data='comment' name='commentDeleteIcon'/>

3. Dahh jumpee , korangg Copy lak code bawah nieyy and paste kan kat BAWAH code yg korangg cari 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;'><img alt='Reply To This Comment' src='URL GAMBAR BUTTON REPLY'/> </a></span>

4. Tulisan yangg warna PINK tuh boleyy lah tukar yee ..

5. Dahh siapp setting semuee , klik >> Preview dulu . Dahh takk de ERROR , baru laa terus Save kann ajee yee :D

Kat bawahh nieyy adee beberapee button reply untukk gantikann URL Gambar Button tu ..

http://i.imgur.com/IhQNB.png

http://i.imgur.com/PPXFP.png

http://i.imgur.com/wMBUL.png

http://i.imgur.com/OLFHS.png

Tutorial - Letak Gambar Di Footer

1. Log in >> Dashboard >> Design >> Edit HTML>> Tick Expand Widget Templates

2. Tekan Ctrl F Serentak , dan cari kod ini :

<div class='post-footer-line post-footer-line-3 

 

3. Dah jumpa ? Copy Kod ini pulak :

<center><img src='URL GAMBAR DI SINI'/></center>  

4. Dan paste DI BAWAH kod yang korangg cari tadi tu .

5. Gantikan warna merah dengan URL GAMBAR yang korang suka .

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8yBTRU8De0aJ0r2sH5Mh4zVMvOOaBlp4kYBafoD4JAdrd882VHbmXupe7CowA6WnEGlhqlRmBzzSaGkeFDtS31qw06_0QLYmaCTmqwHwvNdvLLad0O-ExepJ9JentHVHMLvXVxQqFo8E/s1600/thnx+for+reading.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZDeMxZ_usL4RPGH4Y6nEePyeQZoV_ETGYgjgSPiF5Zvlo_vByMgDLAWiRvoNkxTQSsQ_vJ1ORh-4f-AHiGledaHAobrEdVUoDUOBRiFccnANYQwsZOAeljwIt9A3LdqhDJjdNWFYnzY/s1600/thnx+for+reading1.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi971PxC8HcbuLzCOiGrd3vlADFC_Ytm4NCxveQgzNsFbEHyQEyaibfmTtYzJD1bEutc07diawYMPz-5t40MmD0WY6mISZf5nRvcEmaWbgc0dwKggSDXWXARtMvNHhCDrqHfv1jt1KQ460/s1600/thnx+for+reading2.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimjEWI3dXnWQRxUMC8OnGjzRmC0_g6JeqPmgr2N8vm7AMagpRvXeU-ML47EMFIkgdVMACwBp2R-iipbwRdafttKVL7d0QeKbdnvZvaXajrvUrNOYziLrZlWTRp3zbn7smmF5HhGxltBrM/s1600/thnx+for+reading3.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2LYIwmUX8-VtfFK8cWNbpPTI-dZff4Sx_Bq9YBLbpDlCOl0mgfQ4eTwFR9dQ_FIB7ZWbFD9geO5Il9MO1Ail6fpO-OwMT7i3pEclvMzXJKbqq6-ejmKhr34ThxiNqCo56t4KxPc9fe4/s1600/thnx+for+reading4.png

Tutorial - Tukar Perkataan Post A Comment Kepada Image

Sebelum ni , di tulis macam ni je kan ?

 

Okeyy , sekarangg  , korangg ikut step nieyy yee :

1. Log in >> Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2. Tekan Ctrl F serentak , dan cari kod ini :

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

 

3. Ada jumpa tak ? Kalau adee , Copy code ini pulak ,dan paste di bawah kod yang korangg cari tu :

<center><img src='URL IMAGE POST A COMMENT'/></center></a>

4. Yang warna MERAH tu , korangg tukarkan dengan URL IMAGE ye .

5. Dah tu  , korangg PREVIEW dulu . Kalau dah preview , tak de ERROR . boleh lah SAVE !

6. Lepas tu , nak check , tengok dekat entry korangg . Kalau ada , bagus laa :)

*Kalau sapee pulak yang tak keluar bila dah check dekat entry , buat macam ni :

Setting >> Comments >> Pop-up Window >> Save Changes !

 

 http://i.imgur.com/OPGu8.png

 

http://i.imgur.com/GPQn6.png

 

http://i.imgur.com/L90S9.png

 

http://i.imgur.com/oQq6q.png

 

http://i.imgur.com/I1TCP.png

 

http://i.imgur.com/tYsxQ.png

Tutorial - Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh

 

1. Log in >> Dashboard >> Design >> Edit HTML >> Tick Expand Widget

2. Tekan Ctrl F serentak , dan cari kod ini :

blockquote:hover {

3. Ada takk ? Kalau tak jumpa , cari kod ini :

.post blockquote {

 

4. Kalau dah jumpa bagus . Kalau tak de , maknanya template korangg memang tak de lah tuu . Kalau jumpa kod di nombor 3 , paste kan kod di nombor 2 di bawah kod no 3.

5. Then , paste kod ini di bawah kod  blockquote:hover { :

border:2px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
    }

 

6. Then , korang tekan PREVIEW dulu . Kalau tak de ERROR , boleh lah korang SAVE . Kalau ada ERROR jugak . Tengokk betul-betul kod , di mana silapnya okeyy ?

7. Dahh siap , terus Save !

Tutorial - Buat Comment Box Kelihatan Cantik

1. Log in >> Dashboard >> Design >> Edit HTML> Tick Expand Widget Templates

2. Tekan Ctrl F dan cari kod ini :

]]></b:skin>

 

3. Ada jumpa ? Kalau dah ,, korangg Copy kod ini pulakk :

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#000000 !important;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
}
#comments-block .comment-body{
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(BACKGROUND URL);
repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
font-size: 16px;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
margin-top: -5px; /*position*/
}
#comments-block .comment-footer{
margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
border-bottom: 1px dashed #000000;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
margin-top: -12px; /*position*/
padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#000000 !important;
}  

4. Paste di bahagian atas code yang korangg cari tadi tuu .

** Warna merah korang paste BACKGROUND URL yang korang suka . Boleh cari di google atau di photobucket .

** Warna biru tu korang tukar dengan kod warna yang korang suka . KLIK SINI !  


# Bila dah selesai , korangg PREVIEW dulu . Kalau tak de ERROR korang SAVE terus  !
Macam mana nak tahu jadi ke takk , korang klik salah satu entry korang yang ada comment . Tengok bahagian komen . Okeyy ? Kalau jadi , tepuk tangan untuk diri sendiri . Hua3 . Selamat Mencubaa~

Credit to Lysaa Faizureen

Tutorial - Tulisan Ayat Berwarna Di Bawah Setiap Post

1. Dashboard >> Design >> Edit Html >> Tick Expand Widget Template 

2. Tekan Ctrl+F serentak , dan cari code :

<data:post.body/>

3. Dah jumpa ? Then korangg copy code ini :

<hr/><center><span style='color: #000000;'><b>Ayat korang di sini </b></span></center><hr/>  

4. Then , pastekan di bahagian bawah code yangg korangg carikan tadi tu yee

**Warna biru = Kod warna dan boleh dapatkan kot DI SINI
**Warna Merah = Tulis lah apa-apa ayat korang kat situ 


5. Bila dah tukar , korangg klik PREVIEW dulu .

6. Kalau menjadi dan takk de ERROR , boleh terus SAVE !

 

Tutorial - Letak Icon Cute Sebelah Title Blog Achieve

Assalammualaikum korangg .. Pewitt ! Cun takk Blog Achieve saya ? Hehe .. Nampakkan icon sebelah Tajuk tu ? Nakk ke ? Takk yahh laa ..  Lalala ~ hehe ,, gurau jee .. okeyy , Jumm3 ,, buat tuto nieyy ye sayangg :D

1. Dashboard >> Design >> Edit Html >> Tick Expand Widget Templates

2. Then , korangg tekan Ctrl F serentak dan cari kod yang ini okeyy :

<li><a expr:href='data:i.url'><data:i.title/></a></li>

3. Jumpa kan ? Okeyy . Now , korangg masukkan code di bawah ini ke dalam code yangg korangg jumpee tadi :

<img src='URL CUTE ICON'/> 

4. Takk faham ? Okeyy , Contohnya akan jadi macam ini :

<li><img src='URL CUTE ICON'/><a expr:href='data:i.url'><data:i.title/></a></li>

5. Sudahh ? Sekarangg korang boleyy laa letak URL CUTE ICON korangg tu dalam perkataan warna MERAH.

6. Dahh tu , korang jangan SAVE dulu yee. Klik PREVIEW dulu . Dahh takk de ERROR , terus SAVE okeyy ?

# Korangg boleyy amekk URL icon kat bawah nieyy kalau nakk ..

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic007demoji_16672024decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic007demoji_17573636decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic013demoji_14134309decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic005demoji_19772decoojp.gif

Atau


Korangg boleyy amekk kat >> SINI

**Senangg kann ? Hehe , hope korangg punyee menjadi . Selamat Mencube ^^

Tuorial - Buat ScrollBox Pada Blog Achieve

1. Dari dashboard  >> Design >> Edit HTML >> Tick Expand widget templates.

2. Korangg Ctrl + F untukk mempermudahkan cari , cari code

<div id='ArchiveList'>

3. Korangg akan jumpa code ini 

<div class='widget-content'>

  
Sebelum code 
 

<div id='ArchiveList'>  

 
4. Gantikan code <div class='widget-content'> yang korangg jumpa di langkah nom 3 dengan code kat bawah nieyy.

<div class='widget-content' style='overflow:auto; height:200px'>

# Note :-
Korangg boleyy tukar 200px dengan ketinggian yang korangg nak .

Contoh:

Sebelum.



Selepas



4. Save dan lihat hasilnya :D

Tutorial - Buat Header Transparent Menggunakan Microsoft Powerpoint

 

 

Hai! Hari ni saya nakk share Tutorial ni tak perlu download software bagai macam Photoshop atau Photoscape.. Just guna Microsoft Powerpoint saje.. Tak kisahlah tahun berapa punya, mesti jadi!

1. Buka Microsoft Powerpoint.

2. Delete slide pertama & gantikan dengan blank slide.

3. Klik Insert >> Shape >> Hiasan2 yang korang nak..

4. Klik Insert >> Word Art >> Pilih text yang korangg nak dan tukar font yang korangg nak..

5. Highlight semua tu dan klik kanan >> Save As Picture.

6.Siap!

**Senangkann ? Alaa , buat simple2 sudaa .. :D

Tutorial - Letak ShoutBox Di Blog

1. Dashboard >> Layout >> Add gadget >> HTML/JavaScript

2. Then , korangg Copy code ni and paste kann ke dalam HTML/javascript : 

<style type="text/css">
    #gb{
    position:fixed;
    right:450px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url();
    }
    .gbcontent{
    float:left;
    border:2px solid  #99CCFF;
    background:#ffffff;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
KOD SHOUTBOX KORANG PASTEKAN DI SINI OKAY

    <center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>
    </center></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.top = (-400-gb.offsetWidth).toString() + "px";
    </script>
    <a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOccTXAqqgOtUNNf93mNyEUYW6-zPD4hPKkeT8bnKn2f8NMI-e1Euu41gOinlpwVNlU_8n3oJffM27hO1cFw1vuV4gy3B9OExX6ZXkRtuS06uEhvyRblLNqRKFrZrlopHso8wQ1gvk6p4/s1600/shoutbox2.png" border="0" /></a></center>

3.  Dah paste , korangg terus jee tekan SAVE !

# korangg tukar URL warna MERAH tu kepade Shout yangg korangg suke . Boleyy pilih kat bawah nieyy .

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1S72x860QjZFAj-WAZSU1RSEhfcICpKpZpMQuw9WrwR4D4XTxe3WtVUHuWISsdnrCqYbYdtGk8i66PUJDklfAF2_ZQXw2729uzgbMJVo3VoXdjmE15k4CVpn6bnc14mLbkzmBFI-B84A/s1600/shoutbox5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTmLAc4WC6NPzf2et5Szy-54XK-4R3uOnw91A_CYs57IrR42RXz5nd6JH96nvtFAiBeymf1LvSKus6RDonXYfagyewsgNz10kNzbMrdMz9Sxlb2IHLaoYUi7jd9HTFap4a3vF9DkCie8/s1600/shoutbox9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRi5q9KlJliSn49pz353GGsYlHkJbOZ8XYgKKKeAJ9AZLv9aWdBB90yFPfV2xIrIH37ph_lfQwRQncZ6q0f70AoGlcwVMwm4-FQpTKO2dAmr51A-skHgqYY3yU2Wf2mAut3ISl-KjdLc/s1600/shoutbox1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ32zsZ34ZZ-V7SEj7bN-kgQAAtfAVm7tAE1RcZRN9GUa92JxzJDGeHDY_i_I3JBiz8BU-BzZ7qJepbW8D75q_QWMT7x7i6TfNQW6GdRvP6JRdvzD0nkgnh-oQNd1FLh-VCJ4LN12l4W8/s1600/shoutbox3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjunxBlFj9TQHIzHig7tnuhvRBDLCcj_SNaQtLqrj0hMDiiLP3j92wFrMtbykwk9IiTIaH7X1iFkVe4R2UHGWH4SsVQUZwp-Gga4CvkZ4SxjKogxZaRxWpObIib0yHqd0IyZJH0CmXC5pk/s1600/shoutbox4.png

Tutorial - Masukkan Coding Dalam Entry & Scroll Box

CARA MASUKKAN CODING MENGGUNAKAN ENCODE

STEP 1

Sila buka website ni dengan klik di  >> SINI.

STEP 2

Coding untuk banner korangg atau apa-apa coding yang korang suka masukkan dalam kotak dalam website tue. Contoh coding untuk banner yang saya guna;

<a href="URL BLOG" target="_blank"><img src="URL GAMBAR" border="0" height="SIZE TINGGI" width="SIZE LEBAR" /></a>

STEP 3

Klik button “encode”.

Step 4

Copy dan paste code yang telah di encode ke dalam entry atau sidebar. Kalau nak masukkan code tu ke dalam scroll box sila follow up next step.

CARA UNTUK BUAT KOTAK SCROLL

Step 1
 
Copy dan paste coding di bawah ke dalam entry ataupun sidebar;

<div style="BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; PADDING-BOTTOM: 15px; OVERFLOW-X: auto; OVERFLOW-Y: auto; PADDING-LEFT: 15px; WIDTH: 200px; PADDING-RIGHT: 15px; HEIGHT: 50px; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; PADDING-TOP: 15px">CODING BANNER YANG DI ENCODE/APA SAJE KORANG SUKA</div>

Step 2
 
Semua coding tu, korangg boleh adjust sendiri tapi sekarangg nieyy just ajar yang basic 2 jee ye;

HEIGHT - ketinggian kotak scroll

WIDTH - kelebaran kotak scrol

>> Hasilnya seperti scroll box di sidebar “Jom Ke Blog Fafaw !”.

CARA TUNJUK CODING MENGGUNAKAN TEXTAREA

Bagi cara ni tak perlu buat step encode coding seperti first step dan juga tak perlu buat scroll box. Kiranya terus direct masuk coding ke dalam textarea.

<textarea id="textarea" rows="4" cols="23" name="textarea">CODING YANG INGIN DITUNJUKKAN</textarea>

rows - untuk berapa row/lajur melintang yang korangg nak.
cols - untuk berapa column/lajur menegak yang korangg nak.

Hasilnya;

CODING YANG INGIN DITUNJUKKAN

**Haa , okeyy tak ? Ke masihh blur nieyy ? Huhu .. Takk pee , kalau korangg still takk faham , korangg boleyy CBox saya atau leave comment jee tau .. Selamat Mencubee ^^