Saturday, 21 April 2012

FREEBIES : Icon

Hi There ^ ^

Malam-malam gini sandra mau bagi freebies untuk kamu. Hehe... Just simple-simple saja bah. Sandra tidak pandai buat doodle yang comel-comel. Freebies ni banyak kegunaan nya. Bole guna untuk Ganti button Home,Newer post, Older post and many more. Hehe It's up to you saja kan ^ ^

Siapa-siapa yang ambil freebies kalau bole tolong letak CREDIT yah sebab sandra yang buat freebies ni. Mari tengok-2 sini : 
* Tekan right click & copy url. 




PINK

BLUE



PURPLE


GREEN




Ada macam-macam warna untuk macam-macam blog. hehe Pilih jaa mana-2 it's Free ! Haha. Jangan lupa letak "Credit" dan komen yah !





Friday, 20 April 2012

TUTORIAL : Title Border Sidebar


Hi There ^ ^

Tutor kali ialah macam mana nak letak title Border di sidebar tu.. Tolong credit tutor ni dengan Kak Amalina dan sandra juga yea. hehe.. sandra punya Title border sidebar tu lain dari tutor ni.. bentuk sidebar tutor ni macam ni :


-copy from kak Amalina-

1. Design > Edit Html > Tick Expand widget Template

2. Tekan F3 dan cari code : 

Simple Template :  h2 {
Denim Template : .sidebar h2 {

3. Tolong Delete code yang sama atau lebih kurang sama di bawah code yang kamu cari tu.


4. Copy code di bawah ni & paste di Bawah code yang kamu cari tu.

padding:10px;
margin:10px;
 background: url(URL BACKGROUND);
border-left: 5px #000000 solid;
border-right: 5px #000000 solid;
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
padding: 5px;
font-size: 12px;
color:#000000;
font-family: Verdana;
letter-spacing:1px;
text-align:right;
}


5. Edit code tu suka hati kamu ^ ^

ABC : Masukkan URL BACKGROUND 
ABC : Font.
Kedudukan text  boleh center / right / left. Pilih 1 saja
ABC : Warna border.
ABC : Available solid dashed / dotted. Pilih 1 saja.

6. Preview dulu , kalau tiada Error boleh save ! :)

Jangan lupa credit to : Kak Amalina and Sandra



TUTORIAL: Navigation Bar

Hi There ^ ^

Tutor kali ni macam mana mau buat Navigation Bar macam saya tu. Tidak tau yang mana satu ? meh tengok ni :

klik untuk tumbesaran anda :P

Step 1:
Design > Add a gadget > Html/JavaScript

Step 2:
Copy code di bawah ni dan paste kan di ruangan tu ...

<center><span class="Apple-style-span" style="font-family: calibri; font-size: medium; ">
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
                                   
<a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 1</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 2</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 3</a></span></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="URL LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 4</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
</span></center></div>


Step 3:
Edit lah code tu suka hati kamu ^ ^

Red: Letak Url 

Blue: Tajuk

Pink: Warna background

Step 4 : 

save ! :)






TUTORIAL: Pop-Up window

Hi There ^ ^

Hari tu sandra ada buat satu entry untuk Request tutor kan. Jadi masa tu ada lah beberapa orang yang request. Firstly sandra buat tutor : Pop-Up Window. 

Step 1 :
Dashboard > Setting > Comment

Step 2 :
Cari : Comment Form Placement


Step 3:
Sudah jumpa ? oke, sekarang Tick pada Pop-Up Window


Step 4:
Lastly, Save !

senang saja kan? hehe.. Do try it ^ ^

Wednesday, 11 April 2012

TUTORIAL:CARA MELETAKKAN GAMBAR DI SIDEBAR

Hi There ^ ^

Saya mau share another tutorial untuk kamu. Simple ja sebenarnya ni tutorial. Mari try ikut step di bawah ni :)

Step 1 : 
Design > Add a Gadget > Html/Javascript

Step 2: 
Paste kan code di bawah ni di ruangan tadi tu 
<center><img src="URL GAMBAR KORANG"/></center>

Step 3:
Paste Url gambar kamu.

Cara Upload gambar :
- Photobucket
- Imgur

*Sudah Upload, then ambil Url direct link shja ya ^ ^ 

Sunday, 8 April 2012

Penting-2 | Apa yang PERLU saya letak dalam blog ?

- Hi There  -

Apa yang Perlu di letak dalam blog kita supaya blog jadi kemas dan sekaligus traffic blog akan meningkat ? Kalau ada benda-2 ni mesti blog jadi Awesome punya ! HAHA . Mari baca entry ni sampai habis yea :) Lepas tu komen sekali !

Header
Ni yang paling wajib. Kenapa ? kalau blog tidak ada header macam tidak menarik kan? Sekurang-kurang nya letak header biarpun header yang simple-2 saja tapi sesuai dengan tema blog kita. Bagi blogger-2 yang Hebat dalam bab edit-2 segala macam tu, buat la header yang "Gempakk" sikit :) Sini ada header juga . hehe

Follower Widget / Follow button
Widget ni mesti letak. HEHE. kalau kita tidak letak widget ni macam mana blogger lain nak follow blog kita kan? Kalau kita letak follower widget senang lah blogger lain nak follow :)  

Shout box 
Tidak kira lah apa jenis sekali pun shout box kamu, seboleh-boleh nya letak lah satu dalam blog. Widget ni penting sebab kita boleh bertukar-tukar link antara satu sama lain.  Follower pun boleh meningkat beb! HEHE

About Me
Kalau tiada pengenalan diri dalam blog tu macam mana orang nak tau kan. Nama pemilik blog pun tertanya-tanya.. Buat lah yang simple dan padat punya. Letak gambar lagi okey. Hehe 

Blog Archive 
Blog archive ialah past entry kita. Widget ni pun penting juga sebab ada blogger-2 macam  saya ni suka baca past entry blogger lain..  Siapa lah yang sanggup untuk tekan Older Post tu . "Fenat" tauuu! HEHE

Comment box
Sudah taip entry yang hebat lagi gempak gitu sekali tu takda comment box.. Hehe.. so, macam mana blogger lain mau letak komen? tidak dapat kan.. Widget ni penting sebab ia menunjukkan ada orang yang baca hasil penulisan kita. Happy lah kan kalau ada orang baca..tidak lah "syok sendiri" nama nya :) HEHE

Title Entry
Yang ni mesti letak.. Kalau letak tu, letak lah title entry yang Awesome punya. Sebab nya orang mula baca entry kita tu dari tajuk dahulu. Kalau kita letak tajuk yang "bosan-2 dan sewaktu dengan nya" mesti tiada orang yang nak baca entry kita tu. TRUST ME ! haha

Font Tulisan & Background Blog
Sebaik-baik nya guna lah font-2 yang jelas seperti Trebuchet. Tiada corak sana-sini. Kalau font tulisan yang kurang jelas tu orang tidak akan berminat mau baca isi kandungan dalam blog kita. Mungkin lebih kejam lagi mereka akan tekan [x] terus ! Untuk Background pula, guna lah background mengikut tema blog. Jangan lah pilih background yang terlalu crowded betul :)

Entry simple 
Bagi siapa-2 yang suka taip panjang-2 punya, letak lah perenggan. Buat entry yang simple dan padat :)


Okey lah.. itu Saja yang perlu rasa nya. Saya tulis semua ni berdasarkan pengalaman sepanjang menjadi blogger. Thanks sebab sudi baca :)

Sunday, 1 April 2012

TUTORIAL: Post Blockquote

Hi There   ^ ^
How are you guys ???

Okay, lets straight to the point seja lah kan. Malam-malam ni saya mau share satu tutor untuk kamu. Nama tutor kali ni Post Blockquote. Tau tak apa ka benda nya itu ? HEHE.. Oke mari tengok bawah ni .

klik untuk jelas.

1. Design > Edit Html > Tick Expand Widget
2. Tekan F3 dan cari code : post blockquote {
3. Copy code di bawah ni :

background:url(URL BACKGROUND);
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-position:bottom right;
background-repeat:no-repeat;
-moz-box-shadow: 0 0 10px #BDBDBD;
-webkit-box-shadow: 0 0 18px #BDBDBD;
}

4. Paste di BAWAH code yang kamu cari tadi tu.

5. Tukar code di atas tu mengikut kesesuaian :

** PINK : Letak Url background. 
** BLUE : Warna border 
** RED : Bentuk border. Boleh tukar : solid / dashed / dotted (pilih ja salah satu)
** PURPLE : Warna shadow 

6. Preview dulu! Tiada error boleh SAVE :)

***
Macam mana nak guna blockquote ?

Mari tengok gambar di bawah ni 

klik untuk jelas.

- Taip dahulu perkataan di ruangan post tu.
- Sudah siap taip, highlight kan perkataan tu menggunakan mouse (kaler biru-2 tu lahh..hehe).
- kemudian tekan button Quote macam gambar di atas tu.