- Home »
- Tips , Tips Blogger »
- Membuat Template 3 Dimensi
tt
On Jumat, 30 Maret 2012
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 :
- Yang pertama tentunya kita harus login terlebih dahulu
- Pilih Rancangan
- Pilih Edit HTML
- Kemudian centang Expand Template Widget(Jangan Lupa Download Dulu Template sobat ya)
- 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--*/
} - 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