berbagi fakta dan pengetahuan

Thursday, June 28, 2012

Cara Membuat Frame/Bingkai Posting dan Sidebar

Hari ini saya baru dapat informasi dari blog. Tentang cara membuat  frame/bingkai untuk posting dan sidebar. Mungkin bagi para blogger ini adalah hal biasa tapi bagi newbie seperti saya ini bukanlah hal yang biasa. Maka dari itu pada kesempatan kali ini saya akan membagikan ilmu yang baru saya dapat kepada teman-teman. Dengan langkah-langkah yang jelas  dan mudah dimengerti :)
Biar lebih jelas yang mana bingkainya lihat gambar ini:


1. Cara Membuat Frame / Bingkai Pada Posting
    a. Pertama login ke akun blogger teman.
    b. Lalu pilih menu Template, lalu buka Edit HTML
    c. Selanjutnya cari code ini : .post {
        Agar lebih mudah mencari tekan control+F
    
    d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat dibawah code        
       tersebut :    
             
             padding: 5px;
             Border-top: 3px solid #000000;
             Border-bottom: 3px solid #000000;
             Border-left: 3px solid #000000;
             Border-right: 3px solid #000000;
             Margin-bottom: 10px;


     e. Lalu simpan template

Keterangan 1 : -Code warna #000000 adalah warna hitam
                    
                      -padding: 5px; = Jarak antara text post dengan garis pinggir(5px; bisa diganti 
                       dengan angka lain sesuai selera, makin tinggi angka jarak dari tepi akan 
                       semakin lebar)

                     -Border-top: 3px solid #000000; = garis pinggir atas (3px bisa diganti semakin  
                       tinggi angka,   maka akan semakin tebal garisnya)
                     
                     -Border-bottom: 3px solid #000000 ; = garis pinggir bawah (3px angka bisa 
                      diganti)

                     -Border-left: 3px solid #000000 ; = garis pinggir kiri (3px angka juga bisa diganti)

                     -Border-right: 3px solid #000000 ; = garis pinggir kanan (3px angka bisa diganti

                     -Margin-bottom: 10px; = jarak antara post yang satu dengan yang lainnya(10px  
                      bisa diganti)

Keterangan 2 : APABILA KAMU MAU MENGGANTI BENTUK BINGKAINYA BISA GANTI solid    
                          MENJADI CODE BERIKUT:
                         - dotted   : bingkai menjadi titik-titik ( .............................. )
                         - dashed : bingkai menjadi garis putus-putus ( --------------------- )
                         - solid      : bingkai menjadi garis biasa ( ___________ )

2. Cara membuat Frame / Bingkai Pada Sidebar
       a. Pertama login ke akun blogger teman.
       b. Lalu pilih menu Template, lalu buka Edit HTML
       c. Selanjutnya cari code ini : ]]></b:skin>
           Agar lebih mudah mencari tekan control+F

      d. .........bila sudah ketemu code tersebut, tambahkan kode dibawah ini tepat diatas code          
         tersebut :

                .sidebar .widget{
                padding:5px 5px 5px 5px;
                border:1px solid #C11209;
                margin-bottom:5px}

      e. Lalu simpan template

Mungkin sekian yang bisa saya tulis di artikel saya kali ini semoga bermanfaat :-).......

6 komentar:

  1. makasih ya artikelnya sangat bermanfaat, ditunggu kunjungannya di

    http://yuby-idea.blogspot.com/

    ReplyDelete
  2. Luar biasa bagus sekali gan ilmu yang agan ulas,thank

    ReplyDelete
  3. thanks artikelnya (y)
    kalo ada waktu mampir di blog sederhana ini www.bankcurhat.blogspot.com

    ReplyDelete

  4. Terimakasih.. artikelnya sangat bermanfaat.. kebetulan saya sedang mencari ini eh nyasar dimari hehehe

    Ohya saling bersilaturahmi jg gan dimari, lirik noah > Lirik Noah Full =>

    Thanks.. berjaya sll gan.. ^^

    ReplyDelete

REMEMBER!!!: Pengunjung yang baik selalu meninggalkan komentar :)