EvoMagz Template Blogger Berbayar dari Mas Sugeng

Template ini merupakan sebuah template berbayar dari Mas Sugeng Riyadi yang merupakan salah satu blogger ternama di Indonesia.
Template ini sangat keren dan fiturnya sangat lengkap, menurut saya, template ini adalah template terbaik sejauh ini untuk platform blogger. untuk alasannya akan dikemukakan pada pembahasan dibawah.

Template ini hanya tersedia dalam versi Berbayar, jika kalian menemukan versi gratis dari template ini, mohon lapor kepada mas Sugeng

Fitur

Gak lengkap kalo ngomongin template tapi gak ngebahas soal fiturnya, fitur dari template ini sangat beragam, bahkan mungkin yang paling lengkap dari semua template yang pernah dibuat oleh blogger Indonesia.

SEO Optimized

Image by Udisystem

Saya memberi urutan pertama pada fitur ini, kenapa ?  Karena sebuah template mungkin terasa kurang jika tidak ada embel embel optimasi SEO, menurut saya, ini adalah hal terpenting dalam pembuatan template, bukan maksud saya mengesampingkan fitur lain, tapi inilah fitur yang sangat berpengaruh terhadap persaingan di Search Engine walaupun pada pengguna blogger saat ini sudah sangat mengerti dengan pengoptimasian SEO.

Responsive

Image by Sugeng Riyadi

Gak mau ketinggalan dengan template lain, mas Sugeng juga ingin menampilkan kesan rapi pada templatenya, apalagi sekarang visitor sudah tidak hanya bersumber pada PC, melainkan banyak yang menggunakan perangkat mobile.

Hanya sekian penjelasan dari saya, selengkapnya silahkan kunjungi web Mas Sugeng pada link dibawah ini

Beli Sekarang

Lihat Selengkapnya

Demo

Invert Grid Blogger Template

Invert Grid merupakan sebuah template blogger karya Arlina, Seperti template sebelumnya, Template Invert Grid memiliki style Grid dan memiliki sidebar, cocok untuk yang suka berkreasi dengan Thumbnail dan untuk blog Fotografi.

Image by Arlina

Fitur	Ketersediaan
Responsive	True [Cek]
SEO Friendly	True [Cek]
Google Testing Tool Validator	True [Cek]
Mobile Friendly	True [Cek]
Personal Blog	True
Dynamic Heading	True
2 Column Grid View	True
Light Base Theme Color	True
Carousel Slider	True
Auto Read More with Thumbnail	True
Responsive Ad Slot	True
Breadcrumbs	True
Related Posts with Thumb	True
Search Box	True
Social Share Button Top	True
Social Share Button with Counter	True
Top Navigation	True
Responsive Dropdown Menu	True
Numbered Page Navigation	True
Smooth Scroll back To Top	True
Custom 404 Page	True
Custom Contact Form Widget	True
Custom Subscribe Box Widget	True
Social Links Widget	True
Recent Posts Widget	True
Random Posts Widget	True
Recent Comments Widget	True
Author Box	True
3 Color Option (Red, blue, and orange)	Pro Only
More SEO	Pro Only
Bonus Template	Pro Only
Template Updates	Pro Only
Well Documentation	True

Download

Demo

Download

Tersedia Versi Berbayar, Jika ingin membelinya, silahkan kontak Arlina

Simple Grid Blogger Template

Simple Grid merupakan sebuah template yang didesain oleh Arlina, salah satu orang pembuat template yang hasilnya selalu bagus.Template ini memiliki tampilan grid satu kolom yang Responsive dan SEO Friendly.

Image by Arlina

Fitur	Ketersediaan
Responsive	True [Cek]
SEO Friendly	True [Cek]
Google Testing Tool Validator	True [Cek]
Mobile Friendly	True [Cek]
Dynamic Heading	True
Masonry Plugin	True
Grid Based Layout	True
1 Column Style	True
3 Column Footer	True
Google Friendly	True
Custom Threaded Comment	True
Responsive Ad Slot	True
Clean Typography	True
Minimalist	True
Breadcrumbs	True
Top Navigation	True
Fixed Responsive Dropdown Navigation	True
Light Base Theme Color	True
Related Posts	True
Search Box	True
Social Share Button	True
Smooth Scroll back To Top	True
Custom Subscribe Box Widget	True
Custom Contact Form Widget	True
Sitemap Widget	True
Multi Author Box	True
Well Documentation	True

Download

Demo

Download Ver. Arlina
Download Ver. Dengan Sidebar
Download Ver. Indzign

Membuat Sticky Widget Pada Blog

Fungsi sticky widget adalah agar sebuah widget menjadi seperti melayang saat tombol scroll digunakan ke bawah. Dan saat discroll ke atas, maka widget terebut akan kembali ke tempat semula.

Script by Arlina Fitriyani

Caranya

Sebagai contoh, saya akan menerapkan fungsi sticky pada widget dengan ID HTML3
Letakkan kode dibawah ini diatas kode </body>

JS<script type='text/javascript'>
//<![CDATA[
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML3;");
//]]>
</script>

Ganti kode HTML3 dengan ID Widget kalian

Setelah itu letakkan kode di bawah ini diatas ]]></b:skin>

CSS.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)}#HTML3 .widget-content{padding:0;margin:auto}

Ganti kode HTML3 dengan ID Widget kalian

Simpan Template.

Ciri Blog yang Tidak Bagus

Menurut beberapa orang, blog yang ramai pengunjung merupakan blog yang berkualitas, tapi tidak demikian menurut saya. Blog tidaklah dinilai berdasarkan "Kuantitas", tetapi dinilai berdasarkan "Kualitas".
Menurut beberapa sumber yang saya baca dan saya lihat sendiri, banyak blogger yang mengutamakan visitor, pageview, page rank, backlink, dan lain lain. Sebenarnya hal itu tidaklah salah, tetapi menurut saya, prinsip yang menganggap hal hal tersebut sebagai yang utama wajib dikesampingkan.

Inilah Opini saya mengenai Ciri Blog yang Tidak Bagus, mengapa saya menggunakan kata tidak bagus ? karena belum tentu blog yang saya sebutkan adalah blog yang jelek, bisa saja hanya kurang dalam beberapa hal.

Pembahasan ini terinspirasi dari Mas Sugeng

Konten Copy Paste

Hahahaha.. tentunya kita sudah sangat familiar dengan blogger copas, sebenernya ada blogger yang mencantumkan link, tapi kira kira hanya seperempat blogger dari total blogger copas yang menghormati sumber artikelnya.
Mari kita contoh blogger yang hanya "Terinspirasi" oleh blogger lain, karena rasa tanggung jawab dia menyertakan sumber idenya.

Blog Gado Gado

Gado gado ? isinya kan nyampur, jadi sah sah saja kalau blog yang isinya campur aduk alias membahas banyak topik (biasanya lebih dari 3 sampai 5 topik) dapat dikategorikan sebagai blog gado gado.
Tentu saja blog seperti ini akan mendapat banyak visitor, tapi, blog seperti ini tentu saja akan terlihat sangat tidak profesional.

Tidak Mengutamakan Konten

Kata para master blogger :

Konten adalah segalanya

Kata kata itu sangat tepat untuk para blogger.
Bagaimana jika visitor 1000+ per hari tapi konten buruk dan tidak jelas ?

Tampilan Buruk

Tampilan menurut saya sebagai hal terpenting kedua setelah konten. menurut saya, blog dengan tampilan bagus adalah :

1. Sedikit, bahkan tidak ada iklan
2. Rapi
3. Responsive
4. Fast Loading

Sekian saja pembahasan kita kali ini, terima kasih

Isi Dari Pembahasan Ini Hanya Opini Saya

Membuat Flat Button dengan Font Awesome di Blog

Flat button ini munggunakan FontAwesome. Untuk menggunakan Button ini, kalian harus sudah menginstal font awesome pada blog.

Contoh

• DEMO
• DOWNLOAD

Install font awesome dengan meletakkan kode berikut diatas tag </body>, lewati jika sudah

Font<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" />

Jika font sudah dipasang, letakan kode berikut diatas </b:skin>

CSS/* CSS Button */
.button{list-style:none;text-align:center;border:0;margin:10px;padding:2px;font-size:14px;clear:both;text-decoration:none;color:#fff}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:10px 15px!important;color:#fff!important;font-weight:400;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;border-radius:2px;border:1px solid #209bbd;letter-spacing:1px;transition:background-color .2s ease-out}
.demo,.download {background-color:#26a8cc;}
.demo:hover,.download:hover {background-color:#fff;color:#26a8cc!important;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
.demo:hover:before,.download:hover:before{transform:rotate(360deg);}

Jika sudah, simpan template dan gunakan kode HTML ini pada post.

HTML<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>