Lucky Number Widget.

Widget-widget di bawah ini bertujuan untuk mempercantikkan sesebuah blog.

Sekiranya anda berminat untuk menggunakan widget-widget ini anda hanya perlu Copy kod yang di sediakan dan Paste di mana-mana ruang HTML di blog anda.

Di minta kerjasama anda sekiranya menggunakan widget-widget di bawah jangan melakukan sebarang pengubahsuaian terhadap widget-widget tersebut.

Terima Kasih di atas kerjasama anda.

Icon

Icon

Icon

Icon

Icon

Icon

Icon

Icon

Icon

Icon

READ MORE...

Pengenalan Jenis-Jenis 'Css Border Style'.

Apa itu 'Css Border Style' ? 'Border style' ialah garisan sempadan yang biasa di lihat di sesebuah blog.

Sebagai contoh anda boleh melihat pada bahagian profile, garisan sempadan atau bingkai gambar.

Cara mudah untuk menerangkan 'Css Border Style', sila lihat kod berwarna biru di bawah sebagai contoh:


.profile-img img {
float:left;
padding:4px;
border:4px solid #ddd;
margin:0 8px 3px 0;
}

Terdapat beberapa jenis 'Border Style' yang biasa di gunakan seperti :

1. solid

2. dotted

3. dashed

4. groove

5. ridge

6. inset

7. outset

READ MORE...

Crystal Ball Widget.

Widget-widget di bawah ini bertujuan untuk mempercantikkan sesebuah blog.

Sekiranya anda berminat untuk menggunakan widget-widget ini anda hanya perlu Copy kod yang di sediakan dan Paste di mana-mana ruang HTML di blog anda.

BOTTOM LEFT

Icon

Icon

Icon

Icon

Icon

Icon

Icon

Icon

READ MORE...

Membuat Frame/Bingkai Untuk 'Profile'.

Menjadikan penampilan image profile anda lebih menarik dengan menambahkan bingkai/frame.

Sekiranya anda mahu mencubanya ikuti langkah mudah di bawah :

Sign in akaun blogger.

Pilih 'Layout' --> 'Edit Html'.

Sebelum meneruskan langkah-langkah seterusnya.

Pastikan profile anda diaktifkan.Supaya senang untuk anda 'Preview' hasilnya nanti.

Jika profile sudah diaktifkan.

Cari kod di bawah ini :


.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}

Atau

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor; }

Gantikan text kod berwarna merah dengan kod di bawah :

border:3px outset #CCCCCC;

Anda boleh menukar ketebalan bingkai 1px,2px,4px dan seterusnya mengikut citarasa anda

Manakala untuk menukar warna bingkai gantikan kod warna #CCCCC kepada kod warna pilihan anda.

Jika sudah selesai melakukan langkah-langkah di atas pilih 'Preview' untuk melihat hasilnya

Sekiranya berpuas hati 'Save Template'.

READ MORE...