Saat ini kebutuhan akan desain template bernuansa Responsive memang menjadi favorit berbagai kalangan, baik oleh pengelola situs ataupun pengunjung situs itu sendiri. Layout yang Responsive sangat memudahkan situs bisa menempati ukuruan layan yang multi size. Halaman akan terlihat segar baik saat diakses melalui layar PC, Layat Tablet hingga Smartphone. Dengan desain Responsive juga para pengunjung blog akan lebih nyaman karena mereka hanya butuh menggeser scroll ke atas dan ke bawah, bukan lagi ada scroll ke kiri dan ke kanan.
Selain Responsive, template juga harus terlihat elegan dan rapih. Jika mungkin kalian adalah salah satu orang pecinta Go Green dan penyka warna hijau. Template Responsive yang berlisensi oleh tim Creative Commons Attribution 3.0. Template Responsive yang bernama FlatMag Responsive didesain untuk dibagi-bagikan bagi yang berminat secara Free.
![]() |
DEMO - DOWNLOAD |
Tema yang diangkat memang bernuansa Green Scheme Color. Hadir dengan desain yang elegan dan responsive mampu membuat kalian dan pengunjung blog semakin nyaman karena tidak begitu memuat banyak warna dan tentunya lebih nyaman di mata.
Secara visual memang template FlatMag Responsive didesain sangat apik dengan beberapa fitur yang modern. Menu sticky juga hadir menghiasi desain template FlatMag Responsive yang dipergunakan untuk desain template Blogger.
Ada lima fitur unggulan yang disediakan dalam template Responsive ini. Diantaranya adalah :
1. Responsive Design : Dengan desain Responsive yang memungkinkan resolusi template berubah secara otomatis ketika diakses menggunakan platform dengan ukuran layar yang berbeda. Sangat baik ketika berjalan di layar iPad, iPhone, Android, maupun Blackberry. Selain platform device, fitur desain yang dikelola dengan perlengkapan CSS3 dan HTML5 yang sangat baik berjalan di berbagai mesin browser seperti Mozilla Firefox, Google Chrome, Opera maupun Internet Explorer (IE).
2. Sticky Header Menu Drop Down : Hampir setiap pengembangan dan pembuat template modern menambahkan fitur multi-menu yang berjalan secara dop-down. Namun dengan beberapa sentuhan JQuery Sticky membuat drop down menu berkerja secara rapih dan elegan.
3. Breadcrumbs : Teknik atau fitur ini sangat baik untuk memonotize template menjadi SEO Friendly. User bisa mngetahui themes map konten yang ada di blog tersebut secara rinci mulai dari Home (index page) hingga ke detail content. Bahkan semua template terbaru pasti menggunakan fitur ini di desain template yang mereka buat.
4. Featured Label Posts : Keberadaan fitur Label Post ini bisa digunakan untuk memudahkan pengunjung menuju ke konten dengan kategori tertentu. Dan tentunya para administrtaor blog lebih mudah meletakkan konten-konten menariknya yang bisa dibaca oleh para visitornya dengan label-label tertentu. Ini jika blog kalian memiliki beberapa poin pembahasan dengan tema yang lebih banyak.
5. Author Bio Widget : Jika kalian melihat sebuah konten, di bagian bawah atau atas terdapat Biodata / nama author nya. Dan dengan data Author Bio Widget membuat pengunjung bisa tahu siapa yang ada di balik penulisan konten yang mereka baca saat ini. Jika defaulted Author blog hanya menampilkan nama saja, kali ini dengan Author Bio Widget bisa memuat keterangan lain selain nama saja, bisa menampilkan foto author nya, nama dan beberapa penjelasan singkat tentang sang penulis konten.
Beberapa hal yang perlu diperhatikan setelah menyimpan template ini di blog kalian, diantaranya adalah :
1. Tentang Menu Sticky :
Kalian bisa mengganti kode di bawah ini yang memang telah tercantum di kode template. Silahkan ganti kode pagar "#" dengan url kalian masing-masing :
<div class='span-24'>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href='http://flatmag.blogspot.com/'>Home</a></li>
<li><a href='#'>Blog</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Contact</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Tutor</a></li>
</ul>
</div>
</div>
2. Men-customize Featured Content Area :
Kalian bisa menggunakan script di bawah ini untuk menentukan beberapa konten berdasarkan kategori tertentu di halaman widget. Silahkan masuk ke Blog kalian -> Tata Letak -> Tambahkan Gadget. Copas saja script di bawah ini dengan mengganti Tech dengan kategori kalian masing-masing.
<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>
<script src='/feeds/posts/default/-/Tech?orderby=updated&alt=json-in-script&callback=labelthumbs' type='text/javascript'/></script>
Jika ada pertanyaan tentang template ini, silahkan berikan komentar di kolom Comments di bawah konten ini ya.
Free Download Template FlatMag Responsive For Blogger
Reviewed by Muhammad Ibnu Idris
on
09:30
Rating:

saya liat demonya dulu deh. ^_^
ReplyDeleteSilahkan gan. Kalo perlu sedot aja langsung :)
Deleteini buatan sendiri yah mas, keren, tp sayangnya saya nggak bisa coba soalnya saya kan pakai wp
ReplyDeleteBukan mas. Saya cuman share aja kok. Kali aja ada temen2 blogger yang pake platform blogspot pengen pakai :)
DeleteDownload ah... makasih share nya...
ReplyDeleteSama2 bro..
Deleteboleh di coba t gan...
ReplyDeleteSip gan. Semoga bermanfaat ya :D
Deleteijin pake ya mas, trimakasih
ReplyDeletekarimunjawa jepara
Monggo mas. Semoga travelingnya sukses ya. Karimun Jawa sukses :D
Deletekeren kang... izin sedot ya...
ReplyDeleteTak Cobane ya kang
ReplyDeleteMebel Jati
matur suwun gan infonya
ReplyDeleteSaya senang sekali menemukan website anda dan bisa ikut memberi komentar
ReplyDeletemenurut saya sangat berharga sekali bisa membaca tulisan anda, dan pada kesempatan ini akan saya manfaatkan untuk sumber referensi saya
ReplyDeletemakasih atas informasinya yang diberikan
ReplyDeleteini informasi sangat berguna bagi saya untuk menjadi referensi
sekali lagi terima kasih sudah mau berbagi dengan kita semua