31 May 2012

Tutorial : Edit Blog Ala-ala Blogskin

Aina Sofea | 10:15 PM | 1Comments |
Assalamualaikum !
Apo Khabor ??


Dear Diary ,

Ramai cakap blog saya cantik . Jadi , saya nak ajar korunk edit blog . Ok , utk menampakkan effect "blogskin" ikut tutorial dibawah :




  1. Dashboard > Settings > Formatting
  2. Ce tengok kat "Show at most" tu
  3. Tukarkan digit yang tertera kat sebelah tu kepada "1" .
  4. Save Settings
Dengan cara ni , blog korunk akan terlihat seperti "blogskin" yang hanya akan menunjukkan post terbaru sahaja . (kalau tak suka , tak payah ikut step ni , ok?)

Tukar Jenis Template

Step ini tidak wajib . Sekiranya tidak mahu buat , tidak mengapa . Tetapi , sekiranya tidak mahu pening , lebih baik buat .

  1. Dashboard > Design > Template Designer
  2. Pilih "Simple" (pastikan pilih yang berbackground biru)
Header
  1. Ikut tutorial ni (jika tidak tahu cara membuat header)
  2. Untuk memasang header , Dashboard > Design > Header
  3. Choose File
  4. Save !

Transparent Header
Memang korunk dah buat transparent header , tapi kenapa background-nya tetap berwarna putih ?? Haihh ! Hairan tul ! 
  1. Dashboard > Design > Edit HTML
  2. Cari /* Mobile (bagi memudahkan pencarian , CTRL+F)
  3. Copy Kod dibawah & Paste kod tu di ATAS kod yang korunk cari tadi

.header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: $(content.background.color);}
Buang Shadow yang berkeliaran
  1. Dashboard > Design > Edit HTML
  2. Cari .content-outer { (bagi memudahkan pencarian , CTRL+F)
  3. Korunk akan jumpa kod-kod dibawah . Buang semua kod tu .
 .content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}
Background Comel

  1. Cari URL Background dari Meera , Photobucket atau MyCuteGraphics
  2. Copy Direct Link background tu dengan cara "Copy Image URL" , "Copy Image Location" atau "Direct Link" 
  3. Pastekan Direct Link tu di TextEdit atau PowerPoint
  4. Dashboard > Design > Add A Gadget > Java Script/HTML Code
  5. Copy And Paste kod dibawah di dalam ruangan yang disediakan
*Gantikan "Direct Link BG" kepada Direct Link yang korunk letak kat TextEdit/PowerPoint tu


Garis Pembuka & Penutup Post Title/Sidebar Title


1. Sidebar Title

  1. Dashboard > Design > Edit HTML
  2. Cari h2 { (bagi memudahkan pencarian , CTRL+F)
  3. Copy & Paste kod ni diBAWAH h2 { 

border-bottom:1px dashed silver;
border-top:1px dashed silver;

2. Post Title

  1. Dashboard > Design > Edit HTML
  2. Cari h3.post-title { (bagi memudahkan pencarian , CTRL+F)
  3. Copy & Paste kod ni diBAWAH h3.post-title {
border-bottom:1px dashed silver;
border-top:1px dashed silver;
Border Pada Sidebar

  1. Dashboard > Design > Edit HTML
  2. Cari .sidebar .widget{ (bagi memudahkan pencarian , CTRL+F)
  3. Copy & Paste kod ni diBAWAH .sidebar .widget{

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px dashed #BCA9F5;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px}
*Peringatan !! 
Tulisan yang diboldkan dengan warna merah itu boleh digantikan dengan warna yang lain. cari di sini.
Sekiranya tidak menjumpai kod ".sidebar.widget{" , copy & paste kod ni di kotak ADD CSS di Template Designer :
.sidebar .widget{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px dashed #BCA9F5;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px}
Menu Tab

  1. Sebelum apa-apa , buat page sendiri . Dashboard > Edit Posts > Edit Pages
  2. Tekan "CREATE A PAGE" dan buat page 
  3. Buka software pilihan anda (seperti Photoshop , Photoscape , Pixelmator atau Pixlr) .
  4. Lakarkan tajuk page menggunakan software
  5. Upload image itu di Imgur untuk mendapatkan direct link
  6. Dashboard > Design > Add A Gadget > JavaScript/HTML Code
  7. Copy & Paste kod dibawah pada kotak yang diberikan


LINK BLOG URL KORANG" target="_blank">142px; height: 51px;" src="LETAK IMAGE URL DI SINI" border="0" />LINK PAGES  PERTAMA" target="_blank">143px; height: 51px;" src="LETAK URL IMAGE DI SINI" border="0" />LINK PAGES KEDUA" target="_blank">142px; height: 51px;" src="LETAK URL IMAGE DI SINI " border="0" />LINK PAGES KETIGA" target="_blank">142px; height: 51px;" src="LETAK URL IMAGE DISINI" border="0" />
 
Peringatan !!!
Gantikan perkataan yang dibold-kan dengan warna merah pada link page yang anda create.
Gantikan perkataan yang dibold-kan dengan warna biru pada url image yang korunk buat guna software


Copyright Yang Tersendiri
Lebih baik korunk buat copyright yang tersendiri . Jangan main ikut jer step yang orang beri . Tambahkan dekorasi supaya copyright tu memang hak korunk . Haa .. Aina bagi 1 cadangan . Korunk tambahkan dekorasinya .

  1. Buka Software pilihan anda dan create your own copyright .
  2. Pastuh >>KLIK SINI<<
Lain-lain fasal COPYRIGHT YANG TERSENDIRI
Dekorasi Tambahan Blog
Ini bagi menambahkan effect "blogskin" . Ia akan nampak tersendiri . Dekorasi ni haruslah DIY !! Korunk boleh buat apa saja tambahan . Kalau yang terror bab coding , boleh korunk edit html blog korunk . 

Lain-lain fasal DEKORASI TAMBAHAN BLOG
 Tutorial: Buang Shadow Pada Keliling Blog
 Tutorial: Welcome Image Pada Blog
 Tutorial: Cara Tukar  Home,Older Post & Newer Post  kepada Icon Comel
 Tutorial: Cara Letak Icon Comel Sebelah Bloglist
 Tutorial: Cara Letak Icon Comel Sebelah Blog Archive
 Tutorial: Note Setiap Bawah Post
 Tutorial: Tulisan/Text Berkelip-kelip
 Tutorial: Cara Disable Right Click
 Tutorial: Cara Tukar Dashboard Baru Kepada Dashboard Lama
 Tutorial: Cara Tukar Perkataan Comment Kepada Icon Comel/Image
 Tutorial: About Me/Profile ada Icon Comel
 Tutorial: Cara Tukar Warna & Pattern Underline Pada Post
 Tutorial: Double Underline Pada Post
 Tutorial: Favicon Icon Comel
 Tutorial: Status Update Macam CikMeera 
 Tutorial: Cara Buat Button Follow & Dashboard Pada Blog
 Tutorial: Sparkling Cursor Macam Cikmeera 
 Tutorial: Cara Ubah Warna Highlight
Kalau ada apa-apa soalan , boleh comment kat sini atau di shoutbox

23 May 2012

Happy Birthday , My Bro !

Aina Sofea | 2:59 PM | 8Comments |
Assalamualaikum !
Apo Khabor ??

Dear Diary ,

My bro yang sorang ni bufday dierr kira-kira satu minggu selepas my bufday jer . Nasib baekklah my bro tak bufday pada hari cuti . Dapatlah dia celebrate kat skolah skali ..
Kek my bufday warna purple , abg sy plak mcm mna ? ~>

Choco Cake ? Wow !!


Fruity ! Ni pown my mum buad . Fruit yg diletakkan tu atas permintaan bufday boy . Okay-lah ! AFK dlu !!


20 May 2012

SEGMEN : Saya Nak Doodle Polka Dot !

Aina Sofea | 5:52 PM | 8Comments |
Assalamualaikum !
Apo Khabor ??

Dear Diary ,

STATUS : Join segmen yang pastinya saya akan menang .. Keh 3x !!

Nak Join ?? Klik Banner Diatas ..

  1. Aina Sofea 
  2. Kasut ~> #9F81F7 dan Tudung ~> #190707
               : http://mynameishafizah.blogspot.com/




17 May 2012

My Birthday 2012

Aina Sofea | 5:00 PM | 3Comments |
Assalamualaikum !
Apo Khabor ??


Dear Diary , 

Today is my day birthday . Hurmm . Hari ni , saya nak selitkan satu perkara . 
"Post Aina Sofea ni jarang letak gambar-lah ! Yang tu yang kitorang boring tu"
Hah ! Sape tuu ?? Saya pun tidak tahu , Allahualam . Jadi , hari ni saya nak full-kan entry ni dengan gambar . Kalau saya letak tulisan berderet pun , sape nak baca ? Tul tak ??












Nyumm .. Nampak cedap takk ? 
"Erk , beli kat mana kek tu ??"

Secret Recipe ? No !! This cake is made of my mum , okay ? Bukan nak bangga diri or ape2 ..  Gudbye !!










15 May 2012

Baca Dan Menang !!

Aina Sofea | 6:38 PM | 0Comments |
Assalamualaikum !
Apo Khabor ??

Dear Diary and My Beloved Friends ,

Hi sume !! Ermm , ari ni trasa nak buat satu apa dia tah .. Apa nama dia erk ?? Urrmm , nak kata "segmen" , bukan dia ! Okay , senang cerita , saya cakap lebih kurang macam "segmen" la . Ada hadiah !! Hadiahnya simple sajee ..(scroll kebawah untuk mengetahui hadiahnya)

Ok , straight to point . Saya beritahu cara-cara nak join :
  1. Semestinya , follow saya dulu . Kalau nak senang , tekan button "Follow Me , Dear" yang duk terapung-apung kat atas tuhh .
  2. Baca setiap entri saya mulai 15 Mei 2012 hingga 20 Mei 2012 . Cuma 5 hari !!
  3. Kumpulkan "secret alphabet" pada setiap entri itu .
  4. Susun "secret alphabet" tu menjadi satu perkataan .
  5. Add Me On Facebook ---> CLICK HERE
  6. Beritahu saya yang korunk dah susun "secret alphabet" tu dan taipkan perkataan yang dihasilkan .
Cara Saya Memilih Pemenang :
Cepat dan Tepat

  •  Jawapan haruslah TEPAT 
  • Orang yang paling "cepat dan tepat" akan dipilih sebagai pemenang 
Hadiah :

First Prize
  • Blog pemenang ini akan diedit sepuas hati pemenang . Diedit oleh : Aina Sofea 
Second Prize
  • Blog pemenang ini akan diedit secara simple . Perkara yang akan diedit :
  1. Header
  2. Follow and Dashboard button
  3. Template (Jika Mahu)
  4. Border pada sidebar 
  5. Copyright yang comel
Third Prize
  • Pemenang akan menerima header dari saya .
Yerpp ! Itu sahaja .. Kalau nak join , "comment" entry ni , orait ? Assalamualaikum !!


05 May 2012

Tolong Saya !!

Aina Sofea | 4:48 PM | 2Comments |
Assalamualaikum !
Apo Khabor ??

Dear Diary ,

Penat . Sambil dikejar-kejar penculik , sempat lagi saya mengeluh ,"Arhh !! Blog belum di-apdet !!" . 

01 May 2012

Freebies : Koleksi Doodle Comel

Aina Sofea | 5:44 PM | 1Comments |
Assalamualaikum !
Apo Khabor ??

Dear Diary ,

Pada hari ini , saya nak tempekkan doodle-doodle saya . Tapi , doodle ni bkan sy buat !! Dan bukan juga tempah , okay ? Jadi , yang nak doodle tu , sy kasi url asalnya . Jangan risau ! Ni freebies , kan ?

http://2.bp.blogspot.com/-c22yiGXY4Bs/TvknftQrCPI/AAAAAAAABvQ/nWBKBVhWEjo/s1600/63.png
http://4.bp.blogspot.com/-VgcGeaqUlsg/TvkngpAPvbI/AAAAAAAABvY/X2r1ouqAsrw/s1600/64.png
Oraitt , klau nak ambik tu , kasitaulah erk ?? Saya tk brp suka sapa yg main ambik jerr ..