Hhmmm..
Hello Sobat Blogger apa kabar..
Dah lama juga ku gak Share ya,, Maklum keadaan untuk sekarang ini emang gak memungkin kan,, Mungkin karna terlalu sering begadang kali ya.. Heheee.. ☺
Ya udah deh,, sekarang ku hadir kembali dihadapan kalian.. Dan ku ingin Share Cara Ngedit Template Blog Atau Membuat Garis Tepi Pada Template Blogger atau yang disebut dengan Border.. Seperti halnya pada Main Layout,, Sidebar Widget,, Widget Content dan lain sebagainya..
Yang sebenarnya Tutorial ini terinspirasi dari seorang Sobat kita yaitu Amam Arifuddin.. Yang meninggalkan comment pada Tutorial sebelumnya dan dia minta tolong ma aku,, Tolong di Share kan Tutorialnya Gimana Cara Bikin Garis Tepi Pada Kolom Template Blog.. Sebenarnya ku masih belum ngerti entah garis tepi yang mana dan ku gak tau,, Soalnya garis tepi tu banyak macamnya.. Heheee..
Tapi,, Ya udah tanpa pikir panjang lebar langsung aja ku bikin deh.. Heheheee.. ☺
Dan makasih karena udah ngasih usulan.. Thanks.. ☺
- Setelah kalian Login ke Blogger lalu coba masuk ke Draft Blogger ► Lalu pilih Template..
- Dan setelah itu pilih Edit HTML (disini mungkin tampilan Edit HTML blog untuk sekarang ini memang berbeda dari bentuk sebelumnya karna blogger telah melakukan update)..
- Dan coba cari <b:skin> (klik tanda "►" maka disitu akan ada berbagai macam hasil editan yang slama ini telah kita lakukan untuk blog kita dan yang tentu nya mungkin gak akan sama untuk setiap blog,, pasti akan slalu berbeda²,, tergantung dari kita yang ngedit)..
- Untuk selanjutnya untuk memberi Garis Tepi pada Layout atau bentuk umum pada tampilan blog kita.. Coba cari /* MAIN LAYOUT atau apapun lah namanya yang berhubungan dengan Layout.. Dan lihat dibawahnya Text seperti ini :
#wrapper {
width:940px;opacity:0.9; background-color:#00ff24 url("#") no-repeat scroll 0 0; background-position: center top; background-attachment: fixed; margin:0 auto; padding:10px; box-shadow:5 5px 9px #060FAE; text-align: justify;
border-right:8px solid #111; border-left:8px solid #111; border-top:8px solid #fc0; border-bottom:8px solid #fc0;
}
Atau jika tidak ketemu coba cari aja Text yang ku kasih warna Merah,, Pada #wrapper tersebut,, Maka itulah Garis Tepi atau Border untuk Layout Blog kalian..
(8px : adalah ukuran ketebalan garis dan #111 atau #fco : adalah warna garis tepi atau bordernya).. - Untuk memberi Garis Tepi atau Border pada Halaman Postingan.. Coba cari :
.post, #comments{
background:#111 url(URL);-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin:0 0 15px;padding:5px; border:5px solid #f00;}
Yang ku kasih tanda warna,, Merah itulah Garis Tepi atau Border untuk Posting kalian.. - Dan selanjutnya untuk memberi Garis Tepi atau Border untuk Widget.. Coba cari :
.sidebar .widget{
background:#fc0 url('#');margin:0 0 17px 0;
padding:5px; border:3px solid #fc0;
Yang ku kasih tanda warna Merah,, itulah Garis Tepi atau Border untuk Widget kalian..
Oke Sob.. Mungkin hanya itu yang bisa ku kasih tau Tutor Cara Membuat Garis Tepi (border) Pada Kolom Di Blog.. Jika masih ada yang belum kalian pahami silahkan tinggalkan komentar kalian.. Good Luck.. Ngantuk ni.. Hahaa..