Ini Blog Gua ! Arghhhhhhhh........: Tutorial : Jenis-jenis border untuk sidebar, post dan blockquote

Thursday 4 August 2011

Tutorial : Jenis-jenis border untuk sidebar, post dan blockquote


Assalamualaikum

Hari ni meng nk g tahu jenis ²  untuk sidebar , post,blockquote
Maybe ad yang da tahu tp dlm entry ni nk wt sekali la kn senang ?
Sidebar,post dan blockquote sekali..hehe
Apa itu bolder?
Bolder untuk mencantikkan blog korang..Border ni korank boleh guna untuk sidebar, post or blockquote koronk..

1. Login > Dashboard > Design > Edit HTML

2.
Dengan menggunakan fungsi Find (ctrl + F), cari kod berikut :

 Kod Untuk Sidebar title/kotak sidebar
cari : h2 { 
ataupun .sidebar .widget{
ataupun .sidebar h2 {
 Kod  untuk Post title
h3.post-title {
 Kod  untuk Blockquote
.post blockquote {
3.Pilih yg mne korunk nk bolder yg kt bawah ni

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px; 
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-moz-border-radius: 35px;
border-radius: 35px;
4. Kemudian pastekan or (ctrl + V) kod bolder ni  kat  bawah kod yg ad step 2
Pilih smaada Sidebar,Post,Blockquote..

5.Ni Contoh Kod Blockquote Meng

.post blockquote {
background-image:url(Url bckground); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px double #000000; margin:1em 20px;
}

*Url background korunk carik la background yg sesuai & upload paste direct link kt situ
*Yg Wane Hijau untuk Jenis kotak Bolder tgk Step 3 kt ats
*3px ni untuk ketebalan bolder korang boleh ubah ikut suka.. : P* #000000 untuk warna bolder nk carik kod warna kt sini
*double jenis line bolder korunk carik kod kt sini


6.Preview dan save kalau tiada error pada koding
Kalau ada masalah shoutbox je la, meng akan update dalam entry baru ye.
line bolder plak..Harap korunk paham ape yg ad dlm entry ni
Selamat mencuba.

Kalau Anda Suka Entry Ini Like dan Comment

0 comments:

Post a Comment

Tekan Sampai Mati!!!

Related Posts Plugin for WordPress, Blogger...
 
Copyright © . All Right Reserved by Lyssa Faizureen