Thứ Bảy, 7 tháng 1, 2012

Johny Simple Magazine, Easy Magazine Template For Your Site

Buat temen-temen yang ingin template magazine sederhana modifikasi dari bang Johny, kali ini dia menawarkan template yang simple tapi banyak sekali fungsinya. Namanya Johny Simple Magazine sebuah template modifikasi yang di desain khusus bagi anda yang mempunyai blog konten berita, sederhana dan tidak terlalu rumit. Template ini dibuat terinspirasi oleh tampilan dari situs wordpress hack, tapi banyak sekali bagian yang berbeda. Walaupun bagian header memang dibuat mirip tapi bagian homepage dan postpage sama sekali berbeda. Di bawah ini screenshotnya (klik gambar untuk memperbesar) :

johny simple magazine

Seperti desain yang sebelumnya, bang Johny membagi 3 kolom di bagian homepage dan hanya 2 kolom pada postpage. Desainnya sangat sederhana tidak terlalu susah cara pemasangan widget, paling cuma pada bagian midlebar atau tengah untuk membuat kategori tertentu dengan thumbnail, cara pemasangannya sudah saya jelaskan pada tutorial widget template johny magazine, yaitu dengan memasukan kode di bawah ini dan ganti teks background biru (entertainment) dengan label atau kategori yang ingin anda tampilkan.
<script type="text/javascript">
var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;
</script>
<script src="/feeds/posts/default/-/entertainment?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript">
</script>
Pada bagian sidebar terdapat 4 buah iklan berukuran 125 x 125, anda tinggal masukkan kode di bawah ini pada kotak HTML/Javascript
<div id="advertise">
<ul class="ads">

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhig_9OwQVJg0RNX08bkYSpzFOz-jV_74_s8FEOZ-XOBrtnH9pC2XKBruU2zQ08X31scilCfbPOkDLxGmI9xlLh0JB75YywmqlqoKBDhQOt1eSAPb0TpcublU9ZNeGCsdY66_BctMI1jNk/s1600/banner+johny.jpg" alt="Advertise Here" /></a></li>

<li class="last"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhig_9OwQVJg0RNX08bkYSpzFOz-jV_74_s8FEOZ-XOBrtnH9pC2XKBruU2zQ08X31scilCfbPOkDLxGmI9xlLh0JB75YywmqlqoKBDhQOt1eSAPb0TpcublU9ZNeGCsdY66_BctMI1jNk/s1600/banner+johny.jpg" alt="Advertise Here" /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhig_9OwQVJg0RNX08bkYSpzFOz-jV_74_s8FEOZ-XOBrtnH9pC2XKBruU2zQ08X31scilCfbPOkDLxGmI9xlLh0JB75YywmqlqoKBDhQOt1eSAPb0TpcublU9ZNeGCsdY66_BctMI1jNk/s1600/banner+johny.jpg" alt="Advertise Here" /></a></li>
<li class="last"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhig_9OwQVJg0RNX08bkYSpzFOz-jV_74_s8FEOZ-XOBrtnH9pC2XKBruU2zQ08X31scilCfbPOkDLxGmI9xlLh0JB75YywmqlqoKBDhQOt1eSAPb0TpcublU9ZNeGCsdY66_BctMI1jNk/s1600/banner+johny.jpg" alt="Advertise Here" /></a></li>
       
</ul>
<div class="clear"></div>
</div>

Untuk kotak berlangganan feedburner yang tedapat di sidebar kanan atas dibuat statis kalau anda ingin mengedit tulisannya, harus masuk ke design kemudian pilih edit HTML. Anda tinggal cari kata kunci Enews kemudian cari dengan control + F untuk memudahkannya. Kalau sudah ketemu anda tinggal ganti kalimatnya, jangan lupa URL feedburner juga harus diganti dengan URL feed anda.

Untuk bagian lain terserah Anda untuk memodifikasinya sendiri, jika anda ingin melihat secara keseluruhan dari template ini klik demo yang ada di bawah. Anda juga bisa mendownloadnya secara gratis, selamat mencoba dan berkreasi dengan template buatan bang Johny semoga bermanfaat. Jika ada yang mau ditanyakan isi kotak komentar yang ada di bawah atau kirim langsung ke email bang Johny johnytemplate@gmail.com.

Note :
  1. If there's a problem with your static page in my template please read this Remove Automatic Readmore at Static Page Blogger or re-download it then you can upload the updates one (only for Creating Website and Johny Simple Magazine templates).
  2. And for Johny Portal, Creating Website and Johny Magazine user template, change this code (post body close to the header):
    #crosscol-wrapper{margin:0 auto;padding:0 auto}
    Into :
    #crosscol-wrapper{margin:0 auto;padding:5px}

Socializer Widget By Blogger Yard
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 nhận xét:

Đăng nhận xét

Labels

Adult English affiliate Ảnh ẢNH FACEBOOK ẢNH HÀI ẢNH HOA ĐẸP ẢNH LÃNG MẠN ẢNH NGƯỜI MẪU ÁO DÀI Art + Design ẨM THỰC bag Bé tô màu BIKINI BLOGGER books Búp bê C CAPTCHA Cắm hoa Cắt may Chơi mà học CHUYỆN CỦA SAO Chuyện Lạ clip hot Coloring - Tô màu CUỘC SỐNG Doll domain DU LỊCH Đ Đan len Đất nặn cho bé Điện thoại - Tablet E Funny G GAME Gấp giấy Gấp hộp Gấp khăn - Trang trí món ăn Giầy - Dép Gifts Giới Tính GIỚI TRẺ NGÀY NAY Gói quà - gấp nơ Google GOOGLE ADSENSE FULL guest post H Hand made hat hiteach HOA HẬU HỌC TẬP home and garden hosting HOT GIRL INTERNET INTERNET PAYMENT Iseng joomla jQuery Kết hạt KHỎE & ĐẸP KIẾM TIỀN Kinh Nghiệm L LÀM ĐẸP Làm đồ chơi làm đồ chơi từ gỗ Làm hoa giấy Làm hoa vải Làm thiệp LƯU BÚT HỌC TRÒ M Magazine making flowers Mẫu móc MẸO HAY MMO MODEL N Nail art Nến trang trí Nghệ thuật NGƯỜI ĐẸP VÀ XE Nhà đẹp O Origrami Ôtô - xe máy P Painting - Vẽ Patchwork PHẦN MỀM Play and learn for baby plugin Q R recycling S Sách tiếng anh cho bé Sành điệu Sao SAO NGOẠI SAO ONLINE SAO VIỆT SEO SEO FULL slider STYLE T TÂM SỰ template Tết dây THẾ GIỚI NGƯỜI MẪU THẾ GIỚI THỨ 3 THỂ THAO Thêu THƠ TÌNH THỦ THUẬT THÚ VUI Thư giãn TIỂU THUYẾT TÌNH CẢM TIN HOT Tin Vip tips Tóc đẹp traffic TRANG ĐIỂM Trang trí Tri thức TRUYỆN NGẮN truyện quê Túi xinh tutorial blog VĂN PHÒNG vuivui808 weaving website WEDDING wordpress