Cara membuat blog di blogger.

Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense.

Blog

Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com tamilannya sangat simple untuk yang masih awam atau yang masih pemula serta mudah untuk di otak - atik seperti ganti template atau background blog, menambah widget seperti kalender, jam dinding, dsb.
ikutilah langkah berikut.

Cara Membuat Blog

1. Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. Yang belum mempunyai email dan belum tahu caranya membuat email, silakan klik disini. Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Masuk

Masuk ke blogger

Setelah itu Sobat akan dibawa ke tampila seperti ini, Sobat tinggal klik Buat Blog Baru

New Blog

Nanti akan ada menu melayang seperti gambar dibawah ini.

Ruang buat blog

Isikan Judul dan  Alamat blog dengan nama blog sesuai keinginan Sobat, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti nama lengkap atau terserah sobat. Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera Sobat. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang saja.

Setelah selesai, Selamat blog Sobat sudah jadi, tinggal klik Mulai mengeposkan untuk membuat artikel terbaru bagi blog Sobat atau klik gambar pensilnya.

Tekan Gambar pesil

Nanti akan tampil seperti gambar dibawah ini,

Isi Kotak nya dengan artikel anda.

tinggal ikuti sesuai petunjuknya karena sama dengan menulis di Ms.Word, setelah selesai membuat artikel tinggal klik Publikasikan.


Cara  Membuat Blog
Itulah langkah-langkah mengenai cara membuat blog gratis dan mudah di blogspot. Semoga tulisan ini bisa membantu Sobat yang mau membuat blog gratis dan bisa mempunyai blog di blogspot.

Choose 2 file

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat.

Page Next Prev

Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.

Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com

2. Pada dashboar -> template -> klik edit HTML

3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>

/* Tombol Next Page Dengan Angka by WordpressSiteSeo
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5. Simpan template

Catatan : silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.

Tutorial ini tidak akan mengurangi seo blog anda.

Source : http://blogkrizeer.blogspot.com/

Cara Membuat Link Blog Menjadi Berkedip Warna-Warni di Blogspot | WordpressSiteSeo

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog.

Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > centang Expand Template Widget.

3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.

4. Cari kode </head> (Gunakan F3 atau Ctrl + F).

5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.

2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.

3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan Template.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Cara memasang lazy load di blog

Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat.



Maaf tidak ada demo untuk trik ini, silakan bisa langsung di coba saja. Berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJt36xp3mPZk-kvBbnW_eiLEMk8KmFbXZFBWxvwDu8U1pHzQ0AXmF3W6LV_-iqpC_vMeIHY4faChFpeY6vpw3HgvBblLIG-A_BAx392XdpOUpneNQDQKoDam5vzxx_noXq8Noae3gwi9A/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Simpan template dan lihat hasilnya.

Ingat, jika salah penempatan JQuery ini. maka blog akan bercampur aduk.

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.

Cara membuat recent post di blog itu mudah.

Cara membuat recent post di blog itu mudah.

 Recent post adalah widget yang menampilkan artikel terbaru pada sebuah blog. Seperti yang kita ketahui, blogspot tidak memiliki widget recent post bawaan. Jadi, jika Anda ingin menampilkan artikel terbaru di blog, Anda perlu menambahkan widget recent post secara manual agar recent post bisa muncul di blogspot Anda.

Ada banyak macam widget recent post yang tersebar di internet, seperti: recent post dengan scrooll ke bawah, recent post tanpa gambar dan recent post dengan thumbnail keren. Nah pada artikel ini saya akan membagikan cara membuat recent post dengan thumbnail atau gambar yang keren, kemarin saya juga sudah membagikan kepada Anda cara membuat random post di blog, jika Anda tertarik silahkan untuk di baca juga.

Cara Membuat Recent Post dan Memasang di Blogger

Membuat recent post di blogger ini, bisa di bilang cukuplah mudah. Anda cukup mengikuti beberapa langkah di bawah ini dan selesai.

1.Masuk di akun Blogger Anda. Kemudian klik Layout >> Add a Gadget.

2.Dari jendela pop up, gulir ke bawah dan pilih HTML/JavaScript.

3.Didalam kotak kosong HTML/JavaScript, silahkan copy paste kode di bawah ini.

<div class="eggTray">

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"alamat blog/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

Catatan:

- Silahkan ganti "alamat blog" dengan alamat situs Anda.

- Untuk menonaktifkan scroll bar, hapus nomor 500.

- Jika Anda ingin mennampilkan lebih dari 8 artikel, ganti angka 8 menjadi berapa yang Anda suka.

- Jika hanya ingin judul postingan saja yang tampil, ganti true dengan none dan ganti 0 dari padding-top:0px; dengan 10.

4.Silahkan Save dan lihat hasilnya.

Silahkan berikan komentar untuk cara membuat recent post di blog ini. Terima kasih.