Magazine Template R.1.2

Karena ada yang meminta agar Magazine Template R.1 di tambah kolom pada bagian footernya, maka saya membuatkannya untuk anda. Template ini saya beri nama Magazine Template R.1.2.

Live Demo

Fitur Yang di tambahkan pada magazine Template R.1.2

• Image Hover Link Pada Carousel Viewer

Jika anda menyorotkan mouse anda ke gambar yang ada di carousel viewer, maka background gambar tersebut akan berubah warna, ini tentunya akan membuat carousel viewer anda lebih atraktif.

• 3 Kolom Di Footer

Dibagian kolom footer saya tambahkan 3 kolom sehingga memungkinkan untuk menambahkan lebih banyak widget.

Mengenai fitur-fitur lengkap serta semua yang berhubungan dengn Magazine Template R.1.2 bisa anda baca pada posting Magazine Template R.1

Informasi tambahan mengenai footer 3 kolom, kolom tersebut saya setting mempunyai tinggi yang fixed yaitu sebesar 270px, jika anda ingin menghilangkannya silahkan cari kode seperti ini :

#leftbottom {
       width: 285px;
       float: left;
       margin:0;
       padding:7px 10px;
       border-top:8px solid #a2bce0;
       height:270px;
        }

#leftbottom:hover{
        background:#a2bce0;
        }

#middlebottom {
       width: 290px;
       float: left;
       margin:0;
       padding:7px 10px;
       border-top:8px solid #b5c5d8;
       height:270px;
       }
#middlebottom:hover{
       background:#b5c5d8;
       }

#rightbottom {
        width: 285px;
        float: left;
        margin:0;
        padding:7px 10px;
        border-top:8px solid #a2bce0;
        height:270px;
        }

Hapus saja kode yang saya cetak merah dan akhiri dengan klik tombol Simpan Perubahan Template.

widget yang dapat di masukkan di bagian footer hanya 1 widget per kolomnya, ini karena saya membatasinya. Jika anda ingin menghapus batasa tersebut, anda bisa menghapus kode berikut :

<div id='bottom'>

<b:section class='bottom' id='leftbottom' maxwidgets='1'/>

<b:section class='bottom' id='middlebottom' maxwidgets='1'/>

<b:section class='bottom' id='rightbottom' maxwidgets='1'/>

</div>

Hapus saja kode yang saya cetak merah dan akhiri dengan klik tombol Simpan Perubahan Template.

Yang mau download template ini , silahkan saja langsung meluncur ke halaman download :

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini   «« sok atuh di klik biar situsnya keluar

Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.

Berlangganan via RSS Feed

Ingin artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Privacy guaranteed. We'll never share your info.

Posting lain yang mungkin ingin anda baca :