Ads (728x90)

Anonymous Saturday, December 07, 2013 A+ A- Print Email

Template yang di buat oleh MKR adalah template yang responsive. Template yang di buat menggunakan isotope/masnory di beri nama oleh MKR MXfluity. Desain yang sederhana ini sangat cocok untuk blog tema photography maupun personal sehingga blog dapat terlihat elegan dan terkesan lebih professional.

Fitur - Fitur : 

  • Responsive blogger Template.
  • JSON Search Result.
  • Sidebar dikanan atau dikiri dengan accordin slider
  • Related Post/Artikel terkait dengan jQueru get() sehingga loadingnya agak cepat (script dari moretechtips saya modifikasi sesuai templatenya).
  • Emoticon pada bagian komentar.
  • Ajax Recent Comments / Komentar terbaru dengan fitur untuk menghilangkan komentar Admin blog(dengan Animasi)
  • Optimasi SEO (schema.org).
  • Plugin jQuery Isotope untuk menyusun layout/tata letak elemen pada halaman beranda.
  • script loadmore jQuery get() untuk mendapat artikel pada halaman berikutnya sehingga tidak perlu berpindah kehalaman selanjutnya
  • Breadcrumd pada halaman artikel.
  • Support modern browser IE9, Mozilla, Chrome
  • Warna dasar Hitam, Putih, Merah dan Abu-abu.

    • Konfigurasi
    - Konfigurasi Pada Top Menu
    <ul id='navinti'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>

    Ganti tand "#" dengan url sobat

    - Script Komentar Terbaru ( Recent Comment )
    Cara menggunak widget recent comment cukup mudah tinggal ke tata letak > add gadget
    <div id="rcentcomnets"></div>
<script type='text/javascript'>
RecentComment({
adminBlog:""
});
</script>
    Pengaturan lengkap (default) untuk Script Komentar Terbaru(Recent Comment)
    RecentComment({
url_blog: "",
id_containrc: "#rcentcomnets",
numComments: 5, 
avatarSize: 50,
characters: 100,
loadingClass: "loadingxx", 
defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifHphr0EWsdz_NGmMZ6Cf5lw3UgIo_kdPEY-WB5p03SIo_GzSbJvnSrT2g25OlUkHblOsSzAEaknxXl7ijzIKh23CwnMsBpp31cYm-ktdZH_dy5vpaXH6wnsvbEWpdQL7sIhq5YHBO1wOs/s70/user-anonymous-icon.png", 
maxfeeds:50,
MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], 
adminBlog: ""
});

    Ket. Pengaturan Kode : "numComments: 5," Ubah angka yang berwarna merah sesuai jumlah komentar yang akan muncul. "avatarSize: 50," ubah yang warna angka yang berwarna merah sesuai ukuran avatarnya, avatarnya dalam format pixel. Untuk pengaturan yang recent comments yang lainnya bisa tinggal artikan kode di atas itu

    Untuk pengaturan lainnya bisa klik di situs resminya : MKR Site