BMA Lovers Responsive Blogger Template Thursday 6 March 2014 BMA Lovers Responsive Blogger Template – sebelumnya saya mohon maaf untuk yang sudah mengirim pesan meminta template yang saya gunakan pada blog ini (BMA Minimalis theme) baik itu lewat Facebook, Google+ maupun Email dan sampai sekarang belum saya balas. Bukan berarti saya tidak boleh, saya juga senang mendapat respon positif. Namun karena templatenya yang masih sederhana dan apa adanya serta masih banyak kekurangan dan belum saya perbaiki, terutama pada menu yang belum mendukung semua perangkat. Mungkin lain waktu akan saya bagikan juga. Oleh sebab itu sebagai gantinya mungkin template BMA Lovers walaupun masih sederhana juga namun ini bisa sebagai gantinya dan ini jauh lebih baik daripada yang saya gunakan pada blog ini. Setiap elemen sudah tersusun rapi di setiap media query sehingga bisa menyesuaikan setiap perangkat yang digunakan untuk mengakses. Mendukung beberapa fitur diantaranya bisa dilihat dibawah atau bisa melihat demonya langsung. PREVIEWDOWNLOAD BMA Lovers Featured Responsive Valid HTML5 Fast Loading Score SEO 100% Lightbox Contact Form Dinamis Post Meta JSON Search Result 404 Error Custom Comment Spam Detected, dll. Konfigurasi TemplateMulai dari menu yang paling atas terlebih dahulu. Menu ini pada resolusi layar atau media query yang memiliki lebar minimal 768 piksel maka tampilan menu akan muncul di bagian atas header, sedangkan jika lebar layar dibawah 768 piksel akan beralih ke mode panel yang mengarahkan menu ke bagian atas footer. Untuk mengcustom list menu yang akan ditampilkan cari kode berikut ini: <ul><li><a href='#'>About</a></li><li><a href='#'>Contact</a></li><li><a href='#'>Sitemap</a></li><li><a href='#'>Follow</a></li></ul>Sedangkan konfigurasi menu navigasi bagian bawah header cari kode berikut ini: <ul class='clearfix'><li><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></li><li><a href='#'>Template</a></li><li><a href='#'>Tutorial</a></li><li><a href='#'>Design</a></li><li><a href='#'>Widget</a></li><li><a href='#'>Tools</a></li> </ul>Untuk merubah Google+ Badge cari kode berikut ini: <div class='g-person' data-href='//plus.google.com/104093787575230359634' data-layout='landscape' data-rel='author' data-showtagline='false' data-theme='dark'/></div>Replace 104093787575230359634 dengan ID Google+ anda. Juga untuk merubah fanspage (facebook like box) cari kode berikut ini: <div class='fb-like-box' data-colorscheme='light' data-header='false' data-height='350px' data-href='http://www.facebook.com/andestyle' data-show-border='false' data-show-faces='true' data-stream='false' data-width='400px'/>Replace andestyle dengan ID facebook fanspage blog anda. Pada bagian email subscribe juga ganti dengan ID Feedburner blog anda, cari kode berikut ini: <div class='subscribe-form'><form action='http://feedburner.google.com/fb/a/mailverify?uri=masandes' class='subscribe-form' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=masandes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input name='uri' type='hidden' value='masandes'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-email' name='email' placeholder='Enter your email ...'/><input class='subscribe-button' title='' type='submit' value='Submit'/></form></div>Replace masandes dengan ID Feedburner blog anda. Untuk memasang banner ukuran 468x60 piksel yang terdapat pada bagian header caranya cari kode berikut ini: <!-- Start banner ukuran 468 x 60 --><div class='ads468'><a href='#'><h5>Advertisment 468 x 60</h5></a></div><!-- End banner ukuran 468 x 60 -->Replace <h5>Advertisment 468 x 60</h5> dengan banner yang akan di pasang. <img alt='' src='url-banner.jpg' title=''/>Sedangkan 2 banner ukuran 300x250 piksel yang terdapat pada bagian bawah posting, cari kode berikut ini: <!-- Start banner ukuran 300 x 250 --><div class='ads300'><div class='iklan'><a href='#'><h5>Advertisment 300 x 250</h5></a></div><div class='iklan'><a href='#'><h5>Advertisment 300 x 250</h5></a></div><div style='clear:both'/></div><!-- End banner ukuran 300 x 250 -->Replace <h5>Advertisment 300 x 250</h5> dengan banner yang akan di pasang. <img alt='' src='url-banner.jpg' title=''/>Ikon yang digunakan pada BMA Lovers Blogger template menggunakan Font Awesome V4.0.3. Apabila ingin menambahkan atau merubah beberapa ikon bisa melihat pada halaman List Icon Font Awesome dan CSS Value Content V4.0.3. Instalasi TemplateInstalasi atau penerapannya template kedalam blog, caranya buka file *txt hasil download lalu Select all dan masuk ke Edit HTML template kemudian replace seluruh kode yang ada pada template lama seperti pada gambar di atas. BMA Lovers Responsive Blogger Template – sebelumnya saya mohon maaf untuk yang sudah mengirim pesan meminta template yang saya gunakan pada... Read More
Bluesmulus Blogger Template Sunday 8 December 2013 Bluesmulus Blogger Template – seiring berjalannya waktu kesibukan semakin bertambah, hingga akhirnya waktu untuk bloggingpun semakin sempit. Sudah lama rasanya ingin update artikel blog ini dan akhirnya sekarang tercapai juga. Lama tidak menulis artikel rasanya masih kaku sama seperti saat pertama kali publish artikel di blog. Pada kesempatan kali ini kembali saya persembahkan sebuah template platform blogger dengan desain yang sederhana, simple dan minimalis yang pastinya valid HTML5 dan CSS3. Jika sekilas di perhatikan pada template ini memang lumayan mirip dengan template Bluesforyou yang sudah saya publish pada tempo hari sebelumnya.Berikut beberapa fitur dari Bluesmulus Blogger Template:1. Valid HTML5 dan CSS32. Score SEO 100% in Chkme.com3. Auto post Slideshow4. Auto post featured Carousel5. Custom error 404 page6. Post by tag label, dll.PreviewDownloadCara menambahkan widget Post by tag label pada homepageTaruh kode berikut ini kedalam widget HTML/Javascript: <script type='text/javascript'> var numposts = 5; // Jumlah Post yang di tampilkan var showpostthumbnails = true; // Ganti "false" untuk tidak menampilkan [Thumbnail] var displaymore = false; // Ganti "true" untuk menampilkan link [More] var displayseparator = false; var showcommentnum = false; // Ganti "true" untuk menampilkan [Komentar] var showpostdate = false; // Ganti "true" untuk menampilkan [Tanggal] var showpostsummary = true; // Ganti "false" untuk tidak menampilkan [Deskripsi Post] var numchars = 60; // Character Deskripsi yang di tampilkan</script><script type="text/javascript" src="/feeds/posts/default/-/CSS?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>Teks berwarna merah adalah nama label, ganti dengan label blog anda.[ Petunjuk Install Template ] Bluesmulus Blogger Template – seiring berjalannya waktu kesibukan semakin bertambah, hingga akhirnya waktu untuk bloggingpun semakin sempit... Read More
Bluesforyou Blogger Template Saturday 30 November 2013 Bluesforyou Blogger Template – elemen template Bluesforyou tidak jauh berbeda dengan template Darkforyou, untuk custom segala keperluannya sama persis dengan template sebelumnya bisa di lihat pada halaman demo. Bluesforyou Blogger Template terdapat dua versi yakni light version (versi terang) dan dark version (versi gelap). Pada template versi gelap saya lebih suka bermain CSS untuk mengatur desain layout dan membuat tampilan lebih peka dan memperhalus warna, sedangkan pada template yang versi terang saya kolaborasikan dengan image untuk mambuat varian pada layout template. Bluesforyou blogger merupakan release kedua dari template sebelumnya, untuk membuat template ini saya menggunakan kerangka template sebelumnya agar lebih mudah dan merubah seperlunya saja pada bagian-bagian tertentu. Terutama pada bagian homepage yang menggunakan mode grid. Bluesforyou Blogger Template antara dua versi tersebut terdapat perbedaan yang sangat mencolok, karena pada light version Bluesforyou Blogger Template saya menggunakan konsep gambar. Untuk fitur kedua template tersebut masih sama dengan template yang sebelumnya, berikut untuk lebih rinci dan detailnya serta screenshot dari Bluesforyou Blogger Template.Light VersionPreviewDownloadUPDATE 04 DESEMBER 2013 [Perbaikan Layout, dll]Dark VersionPreviewDownloadUPDATE 04 DESEMBER 2013 [Perbaikan Layout, dll]Berikut beberapa fitur dari Bluesforyou Blogger Template1. Valid HTML5 dan CSS32. Score SEO 100% in Chkme.com3. Auto post featured4. Custom error 404 page5. Fast Loading, dll (lainnya lihat sendiri di halaman demo).[ Instruksi Installasi Template ] Bluesforyou Blogger Template – elemen template Bluesforyou tidak jauh berbeda dengan template Darkforyou , untuk custom segala keperluannya... Read More
Darkforyou Blogger Template Wednesday 27 November 2013 Setelah sekian lama hanya membagikan tutorial akhirnya kini tercapai juga untuk membagikan template blog. Template dengan desain simple minimalis serta kecepatan loading yang maksimal. Walaupun masih terdapat beberapa kekurangan yang salah satunya tidak Responsive namun setidaknya sudah valid HTML5 dan CSS3 serta score SEO 100% jika cek di Chkme.DemoDownloadBerikut beberapa fitur dari template Darkforyou1. Valid HTML5 dan CSS32. Score SEO 100% in Chkme.com3. Auto post slider Carousel4. Custom error 404 page5. Fast Loading, dll. Adapun beberapa lainnya seperti custom pada widget yang tampil di homepage maupun halaman post. Selain itu adapula beberapa kekurangan yang nampak terlihat adalah pada post preview atau apabila akan publish artikel dan melihat preview posting posting terlebih dahulu maka akan terlihat sedikit tidak rapi karena memang tag konditional pada template hanya saya prioritaskan untuk load ke beberapa halaman yang penting saja seperti homepage, page item, dan page statis agar tidak terlalu membebani saat load karena harus mengambil banyak kode. Untuk setting custom widget bisa di lihat pada halaman demo template. Juga saya ucapakan banyak terimakasih untuk beberapa senior blogger yang sudah membagikan kode dan bisa saya terapkan pada Darkforyou Blogger Template.Credit:Thanks to Threaded Comment V3 from: http://blog.kangismet.netThanks to Tag Pre from: http://www.alexjoen.web.idThanks to http://jquery.comUPDATE 04 DESEMBER 2013 [Perbaikan Layout, dll]Download Setelah sekian lama hanya membagikan tutorial akhirnya kini tercapai juga untuk membagikan template blog. Template dengan desain simple mini... Read More
7 Template Blog Gratis Versi Naruto Saturday 2 February 2013 7 Template Blog Gratis Versi Naruto – pada akun blogger sendiri juga sebenarnya sudah banyak pilihan template-template default blog yang bagus dan seo friendly, namun terkadang rasa bosan muncul dan ingin mengganti template tersebut. Apalagi sekarang sudah banyak situs-situs yang menyediakan layanan template gratis dan desain templatenya pun juga menarik, sudah gitu tinggal download dan langsung siap pakai. Pada dasarnya template merupakan fisik dari sebuah blog yang salah satunya akan menjadi daya pikat di mata pengunjung. Apabila template blog yang rapi dan teratur tentunya pengunjung juga akan lebih menyukai hal itu dan akan menjadikan lebih betah untuk berlama-lama membaca artikel di blog anda dengan nyaman dan tidak adanya gangguan yang menghalangi pandangan mata sang pengunjung.Bagi sahabat blogger penggemar naruto berikut adalah 7 Template Blog Gratis Versi Naruto free download:1. Anime Naruto UniqxLink Download 2. Naruto Fight Link Download3. Naruto Blog Link Download4. Narutux Link Download5. Hinaru Blog Link Download6. Naruchibi Link Download7. Naruto vs Sasuke Link DownloadSeperti itulah 7 Template Blog Gratis Versi Naruto dari faceblog, sekian semoga bermanfaat. 7 Template Blog Gratis Versi Naruto – pada akun blogger sendiri juga sebenarnya sudah banyak pilihan template-template default blog yang bag... Read More