Cara mendaftar blog ke Yandex.

Sebelum memberikan tutorial Cara Mendaftarkan Blog di Yandex Adventure Seo akan memberikan sedikit informasi tentang apa itu Yandex. Yandex merupakan mesin pencari atau search engine buatan Rusia sebagai mesin pencari yang mendominasi negara tersebut. Sama halnya seperti Google dan Bing (Yahoo), Yandex juga merupakan salah satu mesin pencari besar yang bisa kita manfaatkan untuk mengindex blog agar mesin pencari Yandex bisa menyebarluaskan artikel di blog kita dan tentunya itu akan menguntungkan bagi blog yang kita kelola terutama dalam hal SEO.


Bagi yang ingin mendaftarkan blognya di mesin pencari Yandex, silakan ikuti langkah berikut.

1. Buka situs https://webmaster.yandex.com, klikAdd Site kemudian klik Sign Up


2. Disitu sobat akan melakukan registrasi untuk membuat akun Yandex, silakan isi dengan data-data sobat kemudian klik

Register.


3. Setelah itu akan muncul halaman seperti ini


4. Tambahkan url situs blog sobat, klik add. Setelah itu muncul verifikasi, pilih tab meta tag, kemudian salin kode verifikasi dan tambahkan kode meta tag tersebut di template blog tepat di bawah


5. Klik Simpan template dan kembali ke situs Yandex, klik Check. Tunggu beberapa saat sampai proses selesai. Setelah selesai sobat akan dibawa menuju halaman dashboardWebmaster Yandex


6. Selanjutnya pilih menu Indexing options > Sitemap files.
Tambahkan url sitemap dengan format url sitemap.xml, contoh: http://adventureseo.blogspot.com/sitemap.xml


Sampai disini sobat sudah mendaftarkan blog di mesin pencari Yandex, demikian untuk tutorial Cara Mendaftarkan Blog di Yandex. Semoga bermanfaat.

Cara memasang widget Facebook Fan Page Like Box

Cara memasang widget Facebook Fan Page Like Box

Widget Facebook Fan Page Like Box, Facebook Fan Page adalah sebuah halaman khusus facebook yang memberikan informasi beragam sesuai dengan keinginan pengelola (admin) fan page, mulai dari info produk, event, layanan publik, artis, komunitas dan lainnya. Facebook Fan Page Like Box bisa membantu follower serta pengunjung untuk mendapatkan informasi/artikel terbaru di Facebooknya mengenai site Anda hanya dengan mengklik tombol 'Like'. Hal ini lah yang dimanfaatkan oleh kalangan tertentu, contohnya pengelola toko online untuk memberikan informasi atau event kepada pelangganya melalui facebook. Dengan demikian penyebaran informasi akan lebih cepat memberi tahu orang.

Manfaat Facebook Fan Page bagi blog Anda adalah untuk mengumpulkan pengunjung sebanyak-banyaknya. Sedangkan manfaat bagi Anda yang memiliki toko online adalah mengirim pesan-pesan marketing atau mempromosikan produk Anda untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah penggemar Facebook Fan Page Anda, maka akan semakin besar pula blog Anda dikenal orang dan makin besar juga peluang Anda mendapatkan uang.

Dari penjelasan Facebook Fan Page di atas rasanya perlu bagi kita untuk segera membuat widgetnya. Langsung saja yuks kita ke topik utama, rasanya sudah tidak perlu lagi berlama-lama menjelaskan tentang Facebook Fan Page. Sebelum Anda memasang widget Facebook Fan Page Like Box ini di blog kesayangan Anda, terlebih dahulu Anda harus membuat Facebook Fan Page. Bagi Anda yang tidak tahu caranya Anda bisa klik link berikut Cara Membuat Fans Page di Facebook.

Cara Pasang Facebook Fan Page Like Box di Blog.

1. Login dulu ke Facebook Anda www.facebook.com .

2. Masuk ke Halaman Developer Facebook.

3. Pada kolom "Facebook Page URL" silahkan masukkan URL Facebook Fan Page yang telah Anda buat, atur ukuran tinggi dan lebarnya, warna dan lain-lain. Setelah itu, silahkan klik tombol "Get Code"

4. Silahkan pilih tulisan "IFRAME" dan kemudian copas seluruh script yang ada dalam kotak.


5. Sebelum scriptnya di Paste/Tempel, silahkan login dahulu ke www.blogger.com

6. Untuk Blogger

NOTE
Dashboard > Layout > tambahkan Widget/Gadget > HTML/JavaScript > Kemudian pastekan seluruh script yang anda copas tadi.

7. Untuk pemasangan di Wordpress, caranya kurang lebih sama,

NOTE
Pilih Menu Appearance > Widget > Widget Text > Add Widget > Paste seluruh script yang anda copas tadi > klik Save > lihat hasilnya.

8. Klik Save dan lihat hasilnya.

Bagi Anda yang tidak suka penempatan Facebook Fan Page Like Box di sebelah kanan template, Anda bisa memasangnya secara melayang di tengah home page. Anda cukup mengcopykan script dibawah ini dan memasangkannya seperti langkah 1 s/d. 9 di atas.
Hanya saja pada langkah ke-3 script yang Anda copy, bukan script IFRAME tetapi HTML 5 yang kolom kedua.

COPAS CODE DIBAWAH INI......

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:330px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/seoadventure" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
<!-- Selesai --!>
<a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered by Seo Adventure</p>
</div>

Code HTML 5 yang berwarna merah tersebut, Anda ganti dengan Code Facebook Fan Page milik saya.

Demikian informasi yang bisa saya bagikan untuk Anda tentang Cara Pasang Widget Facebook Fan Page Like Box di Blog. Mudah-mudahan bisa bermanfaat untuk anda sekalian. Terimakasih sudah berkunjung di blog saya.

Cara membuat counter penghitung pengunjung di setiap postingan

  Counter penghitung jumlah tampilan posting pada blogspot atau bisa di sebut juga dengan penghitung jumlah tampilan post, jumlah page views postingan, post views counter.
Dengan ini semua orang dapat mengetahui sebuah artikel blog telah di baca dan dilihat sebanyak berapa kali.

Atau bisa juga untuk menunkan seberapa populer sebuah artikel.
Cara membuat post view counter blogger ini lumayan rumit tapi sebenarnya sangat mudah jika kamu mengerti, apa lagi yang sudah terbiasa dengan code-code.

1. Pertama
Silahkan mendaftar terlebih dahulu di Firebase. Klik disini Firebase

2. Create New App
Masukan nama app ini nantinya akan jadi url app firebase kamu dan Create new app.


3. Ambil URL Firebase
Ambil URL Firebase contoh https://hiramekarieku.firebaseio.com


4. Tambahkan Kode CSS
Tambahkan kode CSS berikut di atas ]]></b:skin> template sobat

/*-------- Post Views  ----------*/
#views-container {
width: 85px;
float: right;
}
.mbtloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicIhVF3fdcdZw0_qySAboYL7KNWyIw7lU6F6dXVycjN8J-GWbYL83GoGVL7iH2acKedE68OHtUod7MzwtrWJ6nouH0swnWr-jPSAc_i0aUIgTlbibjOop0o0zQs0l_wYqqpHJzX676VLg9/s320/mbtloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}
.viewscount {
float: right;
color: #EE5D06;
font: bold italic 14px arial;
}
.views-text {
float: left;
font: bold 12px arial;
color: #333;
}
.views-icon{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUPV7UcNgiaOjvrCJ69DhHWh7aqLlfG5jxkw4c8joaz5sZZrjjr8mJAynM2bPpSoNRTuNxIJpBdivgnpG-bi3EHxIFURswh9qK4hhOxURUX3sOIGDwANyEuTqkrI8uU9JC_Nqi-a9LcJh/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}

5. Tambahkan HTML
Tambahkan kode berikut di atas kode </body> atau dibawah <body>

<!-- Post Views Script  -->
<script type="text/javascript">
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script src="https://cdn.firebase.com/v0/firebase.js" type="text/javascript">
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://hiramekarieku.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

NOTE
Ganti text yang berwarna merah dengan url firebase sobat tadi.

5. Tambahkan Kode berikut di bawah <head> atau diatas </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

NOTE
Jika jquery diatas sudah terpasang , maka tidak perlu dipasang lagi, karena jika kalian memasang jquery 2 kali, maka widget yang kalian pasang tidak akan muncul.

6. Terakhir
Masukan kode berikut di bawah atau pun di atas kode <data:post.body> nomor 2 atau <data:post.body> 1 atau <data:post.body> 3 cobakan saja satu persatu karna kode <data:post.body> ini biasanya lebih dari satu pada umumnya template terletak pada kode <data:post.body> nomor 2

<!-- Post Views Counter -->
<div id="views-container">
<span class="views-icon"><div class="views-text">
Views:</div>
<div class="mbtloading viewscount" id="postviews">
<b></b></div></span></div>

NOTE
Kalau widgetnya tidak tampil di blog, berarti hapus kode html yang bertuliskan tebal.

Dan simpan template sobat dan lihat hasilnya, post view counter di blog sobat sudah muncul.

Tags:

Facebook Comment

Atau lewat Disqus di bawah post ini

Cara Agar Blogger Terjaga dari Redirect URLs Specific Country

ini blog dengan platform blogspot dari blogger akan otomatis terredirect atau dialihkan ke domain URL sesuai negara masing-masing. Sebagai contoh, urlblog.blogspot.com akan dialihkan menuju ke urlblog.blogspot.co.id bagi blogger dari Indonesia. Sedangkan untuk negara lain, misal Australia (blogspot.com.au), Perancis (blogspot.fr), Spanyol (blogspot.com.es), Brasil (blogspot.com.br), Italia (blogspot.it) dan sebagainya.

Dampak perubahan URL Specific Country

Lalu apa dampaknya bila hal ini tetap terjadi pada blog kita. Paling tidak ada beberapa hal yang berdampak kurang baik bagi blog yang teralihkan tersebut. Diantaranya menurunnya jumlah 'like' pada sosial media baik facebook, twitter maupun google plus. Selain itu, bila blog sahabat terintegrasi dengan komentar platform eksternal seperti disquss dan lainnya, maka akan ada masalah oleh karena berbedanya alamat URL. Belum lagi berpengaruh pada google adsense dikarenakan pembatasan domain khusus negara.

Cara mengatasinya

Untuk menjaga dari beberapa hal kurang baik tersebut, maka berikut akan saya coba share-kan sebuah kode yang bisa diletakkan pada template blog agar tidak terkena redirect specific country ini. Kode ini saya dapatkan dari Samehadaku. Berikut kodenya.

<script type="text/javascript">  // Written by Amit Agarwal  /* Get the full URL of the current blogger page */  var blog = document.location.href.toLowerCase();  /* Do not redirect if the domain is .com already */  if (!blog.match(/\.blogspot\.com/)) {    /* Replace the country TLD with .com and ncr switch */    blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");    /* Redirect to the new .com URL in the current tab */    window.location.replace(blog);  }  // Source: http://labnol.org/?p=21031</script>

Letakkan script kode di atas setelah kode tags <head>. Akhiri dengan Save template.

Kini blog sahabat terbebas dari redirect specific country. Meski dibuka di negara manapun, blog sahabat akan tetap adventureseo blogspot.com.

Demikian tutorial kali ini. Semoga bermanfaat. Jika ada yang ditanyakan, silakan tulis dalam kolom komentar yang telah tersedia

Akhiri dengan Save template.

Kini blog sahabat terbebas dari redirect specific country. Meski dibuka di negara manapun, blog sahabat akan tetap berakhiran blogspot.com.
Demikian tutorial kali ini. Semoga bermanfaat. Jika ada yang ditanyakan, silakan tulis dalam kolom komentar yang telah tersedia.
Jika anda bingung silahkan kirim lewat komentar.

Cara mengatur jumlah posting pada label

Mengatur jumlah posting yang ditampilkan pada halaman label itu menjadi sangat penting, agar tampilan posting pada halaman label tidak memanjang ke bawah dan terlihat rapi dan lebih professional.

Bagaimana cara mengatur jumlah posting yang ditampilkan pada halaman label blog? Berikut simak langkah-langkah pembahasannya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.

3. Cari kode berikut dengan menggunakan Ctrl + F.

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

4. Setelah itu tambahkan kode

+ &quot;?max-results=5&quot;

5. Sehingga kodenya akan berubah seperti ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>

Keterangan :
Angka yang berwarna biru diatas adalah jumlah post yang akan ditampilkan.

6. Klik Simpan template.


Cara mengatur posting pada halaman label diatas tidak berlaku untuk label yang berada di bawah blog serta breadcrumb, dan hanya berlaku pada widget blog saja. Sedangkan untuk mengatur pada halaman label di bawah posting dan breadcrumb sebagai berikut :

1. Cari kode berikut dengan menggunakan Ctrl + F.

<a expr:href='data:label.url' rel='tag'>

2. Setelah itu tambahkan kode

+ &quot;?max-results=5&quot;

3. Sehingga kode menjadi seperti ini :

<a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'>

Nah, mudah bukan! Semoga bermanfaat dan selamat mencoba.