Sabtu, 19 September 2015

EvoSimple Responsive Blogger Template By KunciDunia.Com

EvoSimple Responsive Blogger Template
EvoSimple Responsive Blogger Template

Sudah lama tidak sharing mengenai template. Eits.. tunggu dulu template yang share kali ini bukan buatan Saya melainkan punya temen yang bernama Muhammad Akram, admin dari KunciDunia.com.Untuk detail dan cara pemasangan dari template ini silakan kunjungi link pembuatnya.
http://www.kuncidunia.com/2015/07/evosimple-responsive-blogger-template.html

Fitur Template

  1. Responsive
  2. Valid HTML5
  3. Valid CSS3
  4. SEO Friendly
  5. Auto Readmore
  6. Breadcrumbs
  7. Related Posts
  8. Cool Threaded Comment
  9. Share Button
  10. And more.

Rabu, 02 September 2015

Cara Memasang Iklan Di Tengah Artikel/Postingan

Faktor penempatan posisi iklan sangat berpengaruh terhadap penghasilan seorang blogger. Oleh karena itulah Saya akan menjelaskan mengenai memasang iklan di tengah postingan pada platform blogger.

Baca : Cara Memasang Iklan Diatas Artikel/Postingan

Sebenarnya fitur memasang iklan yang berada di antara postingan sudah ada pada blogger, namun itu hanya untuk iklan Google AdSense saja. Lalu bagaimana dengan iklan lain yang ingin dipasang berada di tengan postingan ? Bagaimana dengan struktur template yang berbeda dari bawaan resmi blogger atau sudah dimodifikasi ? Tenang saja Saya punya solusinya untuk mengatasinya, jadi silakan Anda baca artikel ini sampai selesai.
Center

Cara Meletakkan Iklan Berada Di Tengah Postingan

1. Ini merupakan cara manual jadi silakan sesuaikan dengan struktur template sobat. Pertama silakan ambil dahulu kode iklan yang akan dipasang.
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini
<data:post.body/>
4. Ganti kode tersebut dengan kode ini
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Simpan Kode Iklan Disini
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
5. Sebenarnya pada tahap ini sudah selesai, namun jika Anda ingin membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan kode dibawah ini :
a. Posisi iklan tepat berada di tengah postingan
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='margin:10px auto'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
b. Posisi iklan berada di tengah postingan sebelah kanan
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:right;margin:10px 0 10px 10px'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
c. Posisi iklan berada di tengah postingan sebelah kiri
 <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:left;margin:10px 10px 10px 0'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Ok itulah mengenai cara memasang iklan berada di tengan postingan. Selanjutnya tinggal Anda pilih posisi iklan yang menurut Anda cocok :)

Jumat, 21 Agustus 2015

Cara Memasang Iklan Diatas Artikel/Postingan

Salah satu faktor penting menghasilkan uang dengan blog lewat program periklanan seperti Google AdSense adalah penempatan posisi iklan yang tepat. Dengan menampatkan iklan pada posisi yang tepat akan meningkatkan konversi iklan yang bagus sehingga berdampak pada penghasilan Anda meningkat.
Ads Position

Banyak sekali posisi yang strategis untuk meningkatkan jumlah klik yang ditempatkan di beberapa halaman blog Anda. Salah satunya adalah penempatan iklan diatas artikel/postingan.

Baca : Cara Memasang Iklan Di Tengah Artikel/Postingan

Oleh karena itu Saya akan memberikan cara memasang iklan diatas artikel khususnya pada platform blogger.

Cara Meletakan Kode Iklan Diatas Artikel/Postingan

1. Pertama silakan ambil dahulu kode iklan yang akan dipasang
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini
<data:post.body/>
4. Kemudian tepat diatas kode tersebut letakan kode iklan seperti kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
 a. Anda juga bisa meletakannya seperti ini, agar posisi iklan tepat berada di tengah atas postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin:0 auto 10px;text-align:center;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
</div>

b. Atau Anda juga bisa memasang berada disebelah kiri atas artikel seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;margin:0 10px 10px 0;'>
..Simpan kode iklan yang sudah diparse disini..
</b:if>
</div>

Itulah beberapa cara memasang iklan diatas artikel, tinggal Anda pilih posisi yang menurut Anda cocok untuk dipasang di blog.

Senin, 04 Mei 2015

Header Blog Valid Schema.Org dan HTML5

Makin kesini semakin jarang buat artikel tentang tutorial blog, mumpung Saya ada waktu maka kali Saya akan buat tutorial cara membuat header blog valid schema.org dan HTML5 :D . Selain valid schema.org dan HTML5 header blog ini juga sangat bagus dan SEO.

Bagaimana cara pemasangannya ? silakan ikuti cara yang akan Saya paparkan berikut ini :

1. Silakan cari kode di bawah ini atau yang mirip seperti kode dibawah. Jika masih kesulitan silakan pilih menu Lompat ke Widget > Pilih Header1.

<b:widget id='Header1' locked='true' title='Kang Mousir (Header)' type='Header'>
...
</b:widget>
2. Lalu ganti kode yang diatas dengan kode dibawah ini.
<b:widget id='Header1' locked='true' title='Kang Mousir (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
<div style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='description'/></div>
</b:if>
</b:if>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' itemprop='image' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
<div style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='description'/></div>
</b:if>
</b:if>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<h1 class='title'><b:include name='title'/></h1>
</b:if>
<b:else/>
<h2 class='title'><b:include name='title'/></h2>
</b:if>
<b:include name='description'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description' itemprop='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'><data:title/></span></a>
</b:includable>
</b:widget>
3. Selesai :D

Sekarang tinggal Anda cek di https://developers.google.com/structured-data/testing-tool/. Bagaimana hasilnya keren bukan, apalagi kalau stuktur templatenya sudah memakai struktur yang disarankan oleh google pasti lebih keren seperti template buatan Saya Sang SEO :). Nih hasilnya
Header Blog Valid Schema.Org dan HTML5

Struktur header ini sangat disarankan karena bagus untuk memudahkan robot google menjelajahi blog kita. Itulah tutorial singkat yang dapat Saya berikan, semoga bermanfaat ya :D

Selasa, 07 April 2015

Siap - siap Hadapi Algoritma Baru Google MobileGeddon

Penggunaan perangkat mobile saat ini persentasenya melebihi pengguna komputer desktop. Oleh karena itu untuk mengapresiasi Google akan meluncurkan algoritma baru mereka, yaitu MobileGeddon.

Google akan meluncurkan algoritma MobileGeddon ini pada tanggal 21 April 2015 mendatang. Jadi sudah siapkan Anda menghadapi algoritma baru milik Google ini ?. Jika belum segeralah beralih ke tema responsive.
Mobile Friendly

Algoritma MobileGeddon adalah algoritma memberi label mobile friendly pada masing - masing situs yang muncul di halaman pencarian dengan tujuan memberikan informasi kepada pengguna bahwa situs tersebut bisa diakses dengan baik di perangkat mobile. Pencarian nantinya dioptimalkan untuk situs-situs yang bersahabat dengan ponsel. Tak peduli apakah pengguna sedang melakukan pencarian di komputer atau tablet, situs yang optimal untuk ponsel akan diprioritaskan.

Google tak menyebutkan secara rinci situs seperti apa yang dianggap mereka bersahabat untuk ponsel, namun mesin pencari itu menyediakan satu halaman khusus untuk menguji apakah situs pengguna memang cocok untuk ponsel.

Berikut adalah pernyatan dari Google yang sudah diterjemahkan ke dalam bahasa Indonesia :
Mulai tanggal 21 April, kami akan memperluas penggunaan mobile friendly sebagai sebuah sinyal ranking. Perubahan ini akan mempengaruhi pencarian mobile dalam semua bahasa di seluruh dunia dan akan memiliki pengaruh signifikan di hasil-hasil pencarian kami.
Algoritma MobileGeddon ini sangat mempengaruhi peringkat website atau blog Anda. Seperti yang sudah Saya sebutkan diatas bahwa situs yang bersahabat dengan perangkat mobile akan diprioritaskan. Jika Anda tidak ingin kehilangan pengunjung Anda dari perangkat mobile, maka segeralah beralih ke tema responsive sekaligus juga untuk mengikuti perkembangan website yaitu Responsive Web Design.

Untuk cek template Anda sudah responsive atau belum bisa di cek di https://www.google.com/webmasters/tools/mobile-friendly/

Jadi segeralah beralih ke tema responsive agar tak kehilangan pengunjung dari perangkat mobile :D

Senin, 30 Maret 2015

SEOSimple Responsive Blogger Template V3

SEOSimple Responsive Blogger Template V3
SEOSimple Responsive Blogger Template

Ada satu lagi template SEO buatan salah satu blogger yaitu, Muhammad Akram. Template ini memiliki fitur yang keren pokoknya, silakan dilihat dan di download :D. Kalau mau lihat cara pemasangan silakan kunjungi
http://www.kuncidunia.com/2015/01/seo-simple-v3-responsive-template.html

Fitur Template

  1. Responsive
  2. Valid HTML5
  3. Valid CSS3
  4. SEO Friendly
  5. Auto Readmore
  6. Breadcrumbs
  7. Related Posts
  8. Cool Threaded Comment
  9. Share Button
  10. Page Navigation
  11. Custom Popular Post
  12. Custom Label
  13. Dropdown Menu
  14. And more.

Jumat, 20 Maret 2015

Cara Menghasilkan Uang Dengan Blog

Membuat blog semua orang juga pasti bisa, namun jika ditanya tentang menghasilkan uang lewat blog masih banyak teman  -  teman blogger yang belum tahu caranya. Nah, pada kesempatan kali ini Saya ingin berbagi pengalaman tentang cara Saya menghasilkan uang lewat blog.

Pertama-tama ada baiknya jika membuat atau membangun suatu blog dengan tujuan yang jelas, sehingga nantinya lebih mudah untuk me-monetize blog sesuai jenis blognya. Jika Anda sudah punya tujuan yang jelas untuk membangun sebuah blog saatnya mulai memaksimalkan blog untuk mendapatkan uang dengan blog atau istilah kerennya blogging for money.
Blogging For Money

1. Menjual Produk/Jasa Sendiri

Artinya Anda mempunyai suatu produk atau jasa yang akan dijual kepada konsumen. Intinya Anda menulis di blog mengenai keahlian, kegiatan atau informasi tentang produk yang akan dijual.

Dengan menjual produk sendiri lebih mudah untuk mempromosikan produk Anda, karena Anda lebih tahu informasi tentang produk yang ditawarkan. Sedangkan untuk cara penjualannya bisa Anda tawarkan kepada orang-orang yang memang menjadi sasaran produk Anda.

Salah satu contohnya seperti yang Saya lakukan yaitu, menjual template Sang SEO Premium Responsive Blogger Template :).

2. Mengikuti Program Afiliasi/Affiliate Marketing

Affiliate Marketing adalah suatu model menghasilkan uang dengan mempromosikan produk atau jasa milik orang lain. Intinya Anda menjual produk orang lain dan mendapatkan komisi setiap Anda berhasil menjual suatu produk atau jasa yang telah dipromosikan.

Beberapa contoh affliasi :
  • Affiliasi Barang, seperti Amazon, Blibli, dan Lazada
  • Affiliasi Software
  • Affiliasi E-book
  • Affiliasi Hosting
  • Affiliasi Iklan
  • Affiliasi Jasa
Kelebihan dari affiliasi adalah Anda tidak perlu susah payah untuk membuat produk dan melakukan transaksi dengan pembeli. Anda hanya harus melakukan review produk atau menampilkan banner yang Anda dapatkan untuk dipromosikan kepada pembeli.

3. Menawarkan Ruang Iklan Di Blog

Apakaha Anda mempunyai sebuah blog yang memiliki traffic yang tinggi ? Jika, iya maka ada cara lain untuk menghasilkan uang dengan blog, yaitu dengan membuka ruang iklan bagi para pengiklan. Harga ruang iklan tergantung dari jumlah traffic dan niche blog Anda.

Hal yang sangat penting untuk diperhatikan adalah untuk tidak menerima iklan yang tidak berhubungan dengan niche blog Anda. Sebab, akan membingungkan para pembaca blog Anda dan biasanya konversinya jelek.

4. Menjadi Publisher Iklan

Anda juga bisa mencoba menjadi publisher salah satu iklan. Banyak sekali macamnya mulai dai PPC (Pay Per Click). CPM (Cost Per Million), PPD (Pay Per Downlaod), dll. Anda bisa memilih dari salah satu program diatas. Yang Anda perlukan setelah disetujui sebagai mitra penyedia iklan adalah meningkatkan pengunjung dan atau mengoptimasi tampilan dan posisi iklan tersebut agar uang yang Anda peroleh semakin banyak.

Namun, pada metode ini terdapat kelemahan yaitu Anda tidak bisa mendapatkan bayaran langsung setiap action yang Anda lakukan, jadi Anda harus menunggu jumlah minimal atau ambang tertentu hingga dapat melakukan pembayaran.

5. Membuat Toko Online

Sebenarnya sama seperti menjual produk sendiri, namun bedanya Kita memiliki sebuah website yang khusus untuk menjual barang dagangan. Barang yang dijual bisa produk sendiri, dropship atau supplier.

Jika Anda tidak memiliki barang untuk dijual bisa mencoba Drop Shipping, yaitu bentuk bisnis dimana Anda menjual produk orang lain. Beda dengan afiliasi, pembeli membeli produk di Anda. Selanjutnya Anda mengirimkan uang kepada pemilik produk dan memintanya untuk mengirimkan barang kepada pembeli Anda.

Penghasilannya didapatkan dari selisih harga yang Anda dapatkan dari pemilik produk dan harga jual yang Anda tawarkan kepada para pembeli Anda.

Itulah beberapa tips dari Saya yang bisa Anda coba, kesimpulannya silakan Anda coba salah satu cara diatas agar Anda fokus dan mulai bisa menghasilkan uang lewat blog dengan pasti.