Musafus Blogger Template, Template Professional Dengan Tampilan Ala Wordpress

Musafus Blogger Template, Template Professional Dengan Tampilan Ala Wordpress - Halo sobat, sudah melihat perubahan pada penampilan Blog Musafus akhir - akhir ini ? jika sudah bagaimana menurut sobat ? keren tidak ? hahaha.

Musafus saya ganti tampilannya dengan template yg saya buat dengan style Wordpress theme, tapi tetap saya desain sesuai yang saya sukai, yakni tampilan yang " Simple ", namun template ini juga memiliki style yang modern dengan gaya Flat design.

Tentu saja tidak lupa fitur utama dari template ini, yakni Responsive 100%, Mobile Friendly, Fast Loading, dan juga Valid Structured Data + Schema.org, dan juga dilengkapi dengan Font Awesome untuk mempercantik tampilannya.

Fitur - Fitur Dari Template Musafus Wordpress Style

1. Responsive 100% (Cek)
2. Mobile Friendly (Cek)
3. Fast Loading (Cek)
4. Valid Structured Data + Schema.org (Cek)
5. Slot Iklan 728x90px di sebelah header

6. Responsive Navigation + Font Awesome
7. Thumbnail Post + Efek Hover
8. Author Thumbnail Image

9. Post Meta + Font Awesome
10. Auto Readmore + Font Awesome

11. Unlimited Page Navigation Numbered

12. Search From di Sidebar

13. Author Box Kompi Ajaib Style

14. Label Count Style

15. Loading Effect
16. Breadcrumbs + Font Awesome

17. Google Url Shortener

18. Social Media Share Button

19. Related Post With Thumbnail and Title

20. About Author Box

21. Subscribe Form

22. Wordpress Style Threaded Comments + Emoticon

23. Page Not Found Modification
24. Blockquote
25. Pre Code Box
26. Catatan ( cara penggunaaan <div class='catatan'>Isi catatan</div> )
27. Resource ( cara penggunaan <div class='resource'>Sumber</div> )

28. Dan masih banyak lagi fitur lainnya

Untuk demo template ini sobat bisa melihat - lihatnya di blog ini, karena template ini adalah template yang saya gunakan di blog kesayangan saya yakni Musafus Blog.

Jika sobat berminat dengan template ini cukup dengan membayar Rp. 100.000,- Saja!, caranya dengan mengirim email ke safryannoorf@gmail.com dengan format

Ke : safryannoorf@gmail.com
Judul : Pesan Template Musafus Wordpress Style
Isi : Saya ingin beli template Musafus Wordpress Style

Maka secepatnya akan saya respon untuk konfirmasi dan pembayaran, maka template akan langsung saya kirim melalui email apabila pembayaran sudah diselesaikan.

Instalasi Template Musafus Wordpress Style

1. Log in ke Blogger dashboard dan buka Template > Edit HTML.
2. Silahkan backup template lama Anda jika Anda memutuskan untuk menggunakannya lagi. Untuk melakukan ini, klik pada "download template lengkap" link dan simpan template.
3. Kemudian, cari lokasi XML template yang baru saja Anda download dan tekan "Upload".

Costumize Template Musafus Wordpress Style

SEO Meta Tag

Buka Blogger, Template, Edit HTML

Silahkan cari satu persatu kode dibawah ini, gunakan Ctrl + F untuk pencarian, lalu ganti xxxx, sesuai dengan meta tagnya, silahkan disesuaikan.

<meta content='xxxx' name='google-site-verification'/>
<meta content='xxxx' name='msvalidate.01'/>
<meta content='xxxx' name='alexaVerifyID'/>
<link href='https://plus.google.com/xxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxx' rel='me'/>
<meta content='xxxx' name='Author'/>

Navigation

Buka Blogger, Template, Edit HTML

Silahkan cari kode dibawah ini dengan menggunakan Ctrl + F, lalu ganti tanda # dengan link anda

<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div id='nav2'>
<a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
<ul class='nav vienna-menulite'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home fa-lg'/></span></a></li>
<li><a href='#' itemprop='url' title='Blogger'><span itemprop='name'><i class='fa fa-pencil fa-lg'/> Blogger</span></a></li>
<li><a href='#' itemprop='url' title='Internet'><span itemprop='name'><i class='fa fa-globe fa-lg'/> Internet</span></a></li>
<li><a href='#' itemprop='url' title='Komputer'><span itemprop='name'><i class='fa fa-laptop fa-lg'/> Komputer</span></a></li>
<li><a href='/p/layanan-premium.html' itemprop='url' title='Layanan Premium'><span itemprop='name'><i class='fa fa-shopping-cart fa-lg'/> Layanan</span></a></li>
<li><a href='#' itemprop='url' title='Template'><span itemprop='name'><i class='fa fa-paint-brush fa-lg'/> Template</span></a></li>
<li><a href='#' itemprop='url' title='Tips Trik'><span itemprop='name'><i class='fa fa-tags fa-lg'/> Tips Trik</span></a></li>
<li><a href='#' itemprop='url' title='Tutorial'><span itemprop='name'><i class='fa fa-cog fa-lg'/> Tutorial</span></a></li>
</ul>
</div>
</nav>

Author Box

Buka Blogger, Template, Edit HTML

Cari kode dibawah ini lalu ganti dengan kata - kata sobat, dan juga ganti # dengan url gambar sobat

<div id='author-box' itemprop='author' itemscope='' itemtype='http://schema.org/Person'><img alt='' class='avatar avatar-100 photo' height='100' src='http://lh3.googleusercontent.com/-jao-ErpTrgw/AAAAAAAAAAI/AAAAAAAAA4g/zgAFjaiUZNU/s120-c/photo.jpg' width='100'/><h4 class='author-box-title'>Tentang <span itemprop='name'>Safryan Noor</span></h4><div class='author-box-content' itemprop='description'><p>Hanyalah seorang anak sekolahan yang gemar mengotak-atik desain tampilan blog dengan belajar secara otodidak. Ada kesenangan tersendiri saat berhasil membuat desain tampilan blog.</p></div></div>

Subscribe From

Buka Blogger, Template, Edit HTML

Cari kode dibawah ini lalu ganti Musafus dengan Url blog di feedburner sobat

<div id='mbt-sub-box'><h4>Subscribe Untuk Mendapatkan Pemberitahuan Update Artikel GRATIS!</h4>
<p>Suka dengan artikel di atas? nggak ada salahnya untuk berlangganan artikel terbaru dari blog ini langsung via email.</p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Musafus&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='Musafus'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>

Widget Author Box Kompi Ajaib

Buka Blogger, Tata Letak, Tambah Gadget, HTML/Javascript

Silahkan sobat sesuaikan

<div class="authorbox">
  <h2 class="author-title">
Author
</h2>
  <img alt="author" src="link-foto-sobat" width="120" height="120">
  <a class="authorname" href="link-google-plus-sobat" rel="author" target="_blank" title="Nama Profil G+ Anda">Safryan Noor</a>
  <a class="authorname-url" href="link-google-plus-sobat" rel="author" target="_blank" title="google.com/+UrlG+UnikSobat">google.com/+UrlG+UnikSobat</a>
  <div class="sosmed-author">
    <ul>
          <li><a href="https://www.facebook.com/link-facebook" target="_blank" title="Facebook" rel="nofollow"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a></li>
          <li><a href="https://www.google.com/+UrlG+UnikSobat" target="_blank" title="Google+" rel="nofollow"><i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i></a></li>
      <li><a href="https://www.instagram.com/link-instagram/" target="_blank" title="Instagram" rel="nofollow"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>
    </ul>
    <div class="clear"></div>
<a class="button-author" href="/p/blogs-follower.html" title="Follow This Blog">Follow This Blog</a>
<a class="button-author" href="#mbt-sub-box" rel="nofollow" title="Subscribe This Blog">Subscribe This Blog <i aria-hidden="true" class="fa fa-paper-plane"></i></a>
  </div>
</div>

Menonaktifkan Tampilan Versi Mobile

Buka Blogger, Template, Klik Option (icon Gear), Lalu pilih  Tidak. Tampilkan template seluler di perangkat seluler, lalu klik Simpan

Mungkin hanya itu saja, selebihnya silahkan tanyakan di komentar atau langsung menghubungi saya melalui halaman Contact.

Sekian artikel kali ini, untuk yang sudah membeli template ini saya ucapkan banyak terimakasih.