Membuat Template 3 Dimensi

Untuk Membuat template 3 D tentunya kita harus lebih dahulu mengenal bagian-bagian Template. Membuat Template 3D menurut para master blogger mungkin dikatakan mudah tapi bagi orang yang baru mengenal dunia Blogger mungkin akan merasa kesulitam.

Saya tidak akan panjang lebar karena saya nulis ini akan memberikan informasi bagai mana membuat Template 3D. Misalnya kita akan membuat bagian sidebar kita terlihat 3D yang harus dilakukan yaitu kita edit kode CSS sidebar tersebut. Langkah-langkah untuk edit CSS seperti biasa yaitu :


  1. Yang pertama tentunya kita harus login terlebih dahulu
  2. Pilih Rancangan
  3. Pilih Edit HTML
  4. Kemudian centang Expand Template Widget(Jangan Lupa Download Dulu Template sobat ya)
  5. Cari Kode #sidebar1 .widget { ( Gunakan F3 atau Ctrl + F untuk mempermudah )
     Kemudian Ganti Dengan Kode dibawah ini

    #sidebar1 .widget {
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 5px;
    background: #0000c0; /*-Background = Biru --*/
    border-top: 10px solid #6666ff; /*-Border atas = Biru Muda-*/
    border-bottom: 10px solid #6666ff; /*-Border Bawah = Biru Muda-*/
    border-left: 10px solid 1414b0; /*-Border kiri = Biru Tua--*/
    border-right: 10px solid 1414b0; /*-Border kanan = Biru Tua--*/
    }
  6. Selanjutnya Cari Kode  #sidebar1 h2 { ( Gunakan F3 atau Ctrl + F untuk mempermudah )
    Kemudian Ganti dengan Kode dibawah ini :

    #sidebar1 h2 {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: $sidebar1HeaderColor;
    font: $sidebarHeaderFont;
    text-transform: none;
    text-decoration: none;
    background: #cc0000; /*-Background = Merah --*/
    border-top: 5px solid #ff7070; /*-Border atas = Merah Muda--*/
    border-bottom: 5px solid #ff7070; /*----Border Bawah = Merah Muda-*/
    border-left: 5px solid #b00000; /*-Border kiri = Merah Tua-*/
    border-right: 5px solid #b00000; /*Border kanan = Merah Tua--*/
    }

    Kemudian Kita Save Lihat hasilnya...

    Sebenarnya untuk merubah secara keselurah kira hanya perlu tahu tempat atau bagian-bagian yang akan kita rubah. yang penting kita bisa kombinasikan border dan kode warna. mau liat contohnya Klik disini


Anda sedang membaca artikel tentang Membuat Template 3 Dimensi dan anda bisa menemukan artikel Membuat Template 3 Dimensi ini dengan url http://kumpulan-trik2.blogspot.com/2012/03/membuat-template-3-dimensi.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Template 3 Dimensi ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Membuat Template 3 Dimensi sumbernya.

Posting Lebih Baru Posting Lama Beranda

0 comments:

Posting Komentar

Silah Masukkan Comentarnya semaunya dan masih dalam lingkarang sopan