Monday, 6 June 2016

Cara Agar Post/Artikel Cepat Terindex Google

Iyan Blog | Cara Agar Post/Artikel Cepat Terindex Google merupakan hal yang paling sering ditanyakan oleh para blogger. Berbagai cara dilakukan para blogger agar postingannya cepat terindex google. hal itu tidak lain agar post cepat terindex di mesin pencari google dan agar mendapatkan viewers yang banyak.

Postingan atau Artikel yang terindex tentulah sangat berpengaruh bagi sebuah blog. mulai dari banyaknya pengunjung ataupun pendapatan dari blog itu sendiri. Banyak cara agar postingan kamu cepat terindex di google. tapi cara yang satu ini cukup mudah dan tidak memakan waktu yang banyak.

Cara Agar Post/Artikel Cepat Terindex Google

Cara Agar Post/Artikel Cepat Terindex Google

1. Buatlah sebuah artikel yang baru dan hindari copy/paste.
3. Masukkan URL blog kamu di kotak URL. [1]
4. Verifikasi bahwa kamu bukan robot.[2]
5. klik tombol "Submit Request" ataupun "Kirim Permintaan". [3]
Cara Agar Post/Artikel Cepat Terindex Google
6. Tunggu beberapa detik, postingan kamu akan terindex.

Tips Agar Post/Artikel Cepat Terindex Google

Hindari Copy-Paste

Agar postingan kamu bisa terindex google dengan cepat, buatlah sebuah konten yang fresh atau orisinil. Konten yang copy-paste selain dapat berdampak buruk kepada blogmu, juga dapat merugikan orang lain.

Template Blog

Gunakanlah template yang SEO, Template SEO sudah sangat banyak tersebar di google dan gratis. Jangan melakukan perubahan apapun yang dapat berpengaruh negatif pada blog. Jangan melakukan optimasi yang berlebihan, karena akan berpengaruh buruk pada blog.



Dengan cara ini diharapkan postingan blog akan lebih cepat terindex oleh google, dan semoga bisa page one. Jika dari kalian ada yang ingin menambahkan caranya, silakan berkomentar lewat kolom komentar dibawah. Sekian, semoga bermanfaat dan terima kasih.

Saturday, 18 July 2015

Membuat Menu Navigasi Simple dan Responsive

Iyan Blog - Kali ini saya akan membuat tutorial Membuat Menu Navigasi Simple dan Responsive. Kedengarannya sudah biasa dan sudah banyak yang membagikan tutorial ini, namun tutorial kali ini merupakan request dari salah satu sobat blogger.

Menu navigasi kali ini saya ambil dari Elok Blogger Template yang tentunya responsive dan mobile friendly. oke langsung saja, jika anda ingin menerapkannya diblog anda silakan ikuti tutorial berikut ini.


Membuat Menu Navigasi Simple dan Responsive

Langkah Pertama
silakan copy CSS dibawah ini lalu letakkan di atas </style> atau ]]></b:skin>
/* Navigasi Menu */
#pull{display:none;text-decoration:none}
#navi{background:#222;width:100%;display:block;font-size:16px; font-family:"Open Sans Condensed",sans-serif;text-transform:uppercase;font-weight:bolder; width:100%; overflow:hidden; position:relative;text-decoration:none;margin:0 auto; padding:0}
#navi ul{margin:0 auto; padding:0}
#navi li{list-style:none}
#navi li a{float:left;display:block; color:#fff;font-size:16px; padding:10px 20px;text-decoration:none}
#navi li a:hover{display:block;text-decoration:none; color:#fff;background:#ea6153;}
@media screen and (max-width:960px){
#navi{height:auto; border-bottom:0}
#navi ul{width:100%; display:none; height:auto}
#navi li{width:100%; float:left; position:relative;}
#navi li a{padding:10px 0}
#navi a{text-align:left; color:#f1f1f1; padding-top:14px; width:100%; text-indent:20px}
#navi a#pull{display:block; margin:0 auto; background-color:#333; height:40px; width:100%; position:relative}
#navi a#pull:after{content:''; background:url(http://1.bp.blogspot.com/-oB6hb7vlX3s/UhVaYStH6qI/AAAAAAAAAzQ/HTg9BDuy50Q/s320/nav-icon.png) no-repeat; width:30px; height:30px; display:inline-block; position:absolute; right:10px; top:14px}
}

Langkah Kedua
Tambahkan jquery diatas </head>, abaikan jika sudah terdapat didalam blog anda
<script async='async' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
Langkah Ketiga
Copy script dibawah ini lalu letakkan diatas kode </head>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://fonts.googleapis.com/css?family=PT+Serif%3A400%2C700%7COpen+Sans+Condensed%3A300%2C700&#038;ver=2.1.2");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
$(function(){var pull=$('#pull');menu=$('#navi ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()})});
//]]>
</script>

Langkah Terakhir
letakkan kode HTML dibawah ini dibawah kode </header>
<nav class='clearfix' id='navi' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<a href='#' id='pull'>Menu</a>
<ul class='clearfix'>
<li><a href='/' title='Beranda'>Beranda</a>
</li>
<li><a href='/search/label/Tutorial%20Blogger?max-results=5' title='Tutorial Blogger'>Tutorial Blogger</a>
</li>
<li><a href='/search/label/Belajar%20SEO?max-results=5' title='Belajar SEO'>Belajar SEO</a>
</li>
<li><a href='/search/label/Template%20Blogger?max-results=5' title='Template Blogger'>Template Blogger</a></li>
<li><a href='/search/label/Internet?max-results=5' title='Internet'>Internet</a></li>
<li><a href='/search/label/Belajar%20Blog?max-results=5' title='Belajar Blog'>Belajar Blog</a></li>
<li><a href='/search/label/Sosial%20Media?max-results=5' title='Sosial Media'>Sosial Media</a></li>
</ul>
</nav>

SIMPAN TEMPLATE

Sekian tutorial kali ini, jika ada hal yang ingin ditanyakan silakan lewat kotak komentar. Semoga bermanfaat dan terima kasih.

Thursday, 16 July 2015

Cara Mempercepat Loading Blog

Iyan Blog- Cara Mempercepat Loading Blog | Seperti yang diketahui blog dengan kecepetan akses yang tinggi akan disenangi para pengguna internet, sebaliknya blog yang memiliki loading yang lambat tentunya akan kurang disenangi para pengguna internet, khususnya pengguna internet indonesia. Karena saat ini kecepatan internet di negara kita masih tergolong lamban.
thumbnail postingan
Dengan kita mempercepat loading blog, tentunya para pengunjung akan senang dan merasa betah saat berkunjung ke blog kita. Untuk mengetahui seberapa cepat loading sebuah blog, Silakan anda cek terlebih dahulu seberapa cepat kecepatan akses ke blog anda di PageSpeed Insights.

Contoh:
Download Template Elok Btemplate [Fast Load]

Cara Mempercepat Loading Blog

1. Mengatasi Render-Blocking Javascript Dari Jquery
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
Tambahkan atribut async='async'
<script async='async' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
2.  Cari kode </body> lalu ganti dengan kode dibawah ini
 &lt;!--</body>--&gt;&lt;/body&gt;
3. Cari Kode <b:skin><![CDATA[ Gantikan dengan kode dibawah ini
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
4. Ganti Kode <head> dengan kode
&lt;head&gt;
5. Lalu ganti kode </head> dengan
&lt;!--<head/>--&gt;
6. Simpan Template

Tips lainnya adalah kurangi penggunaan iklan yang berlebihan pada blog. Terima kasih telah membaca, semoga bermanfaat dan terima kasih. 

Monday, 13 July 2015

Elok Responsive Blogger Template

thumbnail postingan

Name : Elok Responsive Blogger Template
Platform : Blogger
Author : Mauliyandri
Features :

  • Mobile Friendly
  • Fast Load
  • Responsive
  • Related Posts
  • Threaded Comment
  • Social Media Share
  • Auto Read More
  • Breadcrumbs
  • and much more..
Harap tidak menghapus link credit, jika ingin menghapus silakan hubungi admin! :]