This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Senin, 27 November 2017

rindu sahabat

Namaku ami aku mempunyai seorang sahabat bernama fari dia baik, cantik dan juga pintar aku memang baru mengenalnya tapi dia sosok sahabat yang baik yang pernah aku kenal. Saat pertama kali aku bertemu dengannya dia membantu masalah yang aku alami waktu itu dia menolongku untuk keluar dari masalah yang aku alami. Dia satu sekolah denganku dan juga sekelas tentunya. Setiap jam istirahat kami selalu menghabiskan waktu bersama. Kadang aku menjadi sesorang yang gila saat aku bersamanya, tertawa bersama melakukan hal-hal seperti layaknya anak kecil bermain petak umpet dan lain sebagainya padahal umur kami sudah belasan tahun tapi kami menjadi kekanak-kanakan saat kami bersama. Kami jarang bermain gadget seperti remaja pada umumnya kami lebih senang bermain mainan tradisional dan kekanak-kanakan. Aku sering bermain ke rumahnya menghabiskan waktu di rumahnya begitupun dengan dia, dia selalu bermain di rumahku. Hingga orang tuaku menganggapnya sebagai anaknya sendiri begitupun dengan dia. Sampai tiba saatnya. Di hari pertama kita bertemu pada tanggal 29 januari, saat itu kami sudah 3 tahun bersama, tapi tiba-tiba saja dia berubah dia melupakan kenangan demi kenangan yang kami bangun bersama. Dia melupakanku layaknya seseorang yang tidak mengenalku sama sekali. Saat itu pagi-pagi sekali aku sudah ada di sekolah berniat untuk mengucapkan hari jadi persahabatan kami. Tapi saat aku mengucapkan kata demi kata “selamat hari jadi sahabatku tersayang” dia hanya meresponku dengan senyuman yang melekat pada bibirnya. Istirahat pun tiba, aku mengajaknya untuk pergi ke kantin bersamaku tapi dia tidak ingin ke kantin bersamaku. Aku pun berusaha untuk menenangkan hatiku dan bersabar. “Mungkin ia lagi banyak masalah jadi ingin menyendiri dulu” Gumamku dalam hati. Hari berlalu begitu cepat tapi keadaannya masih sama seperti beberapa hari yang lalu dia masih menyendiri. Hingga aku bulatkan tekadku untuk berbicara dengannya saat pulang sekolah tiba “TET… TET.. TET…” Bel sekolah pun dibunyikan. Aku pergi ke suatu tempat dan mengobrol dengannya. “fari, ada apa denganmu akhir-akhir ini kamu sering menyendiri. Lagi ada masalah ya?, cerita aja siapa tau aku bisa membantumu” Ucapku “Iya aku emang lagi ada masalah” kata fari “apa masalahnya?” “Masalahnya adalah kamu” “Aku? apa maksudmu?” “Iya kamu karena orangtuaku selalu saja memujimu saat kau datang ke rumahku PUAS!” fari pergi meninggalkanku dengan memberiku luka yang amat besar kepadaku. Aku menangis tersedu-sedu aku tidak mengerti kenapa ini semua terjadi padaku. Aku pulang dengan perasaan yang sanat sedih sepanjang hari aku mengurung di kamar sambil menangis. “Tuhan, kenapa ini harus terjadi kepadaku? Sungguh aku tak mengerti dengan apa yang kau lakukan ini kepadaku. Apakah kau menghukumku? Jangan hukumku seperti ini tuhan…” Ucapku. Hari berlalu begitu cepat. Dengan cepat dia melupakanku dan sudah mempunyai sahabat yang baru. Dan aku begitu lemah aku tak berdaya. Aku hanya ingin menyampaikan sesuatu kepadamu. Aku Merindukanmu, Sahabatku

Jumat, 13 Oktober 2017

Yahoo Messenger Emoticons (Smileys) di Blogspot

Yahoo Messenger Emoticons (Smileys) di Blogspot

Blogger, Tips dan Trik, Yahoo, Yahoo Messenger Emoticons (Smileys) di Blogspot

Yahoo! Messenger (YM)Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.
Langkah-langkahnya adalah :
  • Login di Blogger > Template > Edit HTML
  • Centang pada Expand Widget Templates
  • Cari kode dibawah ini
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
Kemudian cari kode </body>
Copy kode dibawah ini dan paste tepat diatas kode </body>
<script src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.

Note
Trik memasang YM emoticon diatas tidak bisa diterapkan pada sistem komentar yang baru (threaded comment), tetapi kalau anda masih memasang sistem komentar yang lama pada blog anda tidak ada salahnya mencoba trik diatas

Cara Buat Bintang Jatuh dari Kursor

Cara Buat Bintang Jatuh dari Kursor

Blogger, Tips dan Trik, Cara Buat Bintang Jatuh dari Kursor

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat
Cara Buat Bintang Jatuh dari Kursor
Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript
<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Cara Buat Tombol Back To Top di Blogspot

Cara Buat Tombol Back To Top di Blogspot

Blogger, jQuery, Tips dan Trik, Cara Buat Tombol Back To Top di Blogspot

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini
Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrKZGER_O7OVDv5juv2auJtERYWni7eqrPWApOiWqdzYPzP5gqhHaHQzxYjbQAuHwaSHUEVWGYW-_SnuYI81rjjB3u67qIJ2mwRzCQn4rXLEi5JEBTMKBTh-VVD3k2cGJAwR1_rQE0vRY/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Blogger, jQuery, Tips dan Trik, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)
jQuery link nudging bergoyang bergerak
Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

  • Login di Blogger
  • Masuk ke bagian Edit HTML pada template
  • Centang pada bagian Expand Widget Template
  • Cari kode </head>
  • Copy paste script dibawah ini dan letakkan tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Kalau kode yang berwarna merah tersebut sudah ada di template sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah ini adalah contoh widget id label dari template blog saya.
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini
<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>
Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini
<a href=http://bloggerpeer.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNIBBA1DlQSW-tVB1dkaPO9Gdic1hcRu2qYux_L4Kb7Tmzaqpr2pxVXGNGapCoXG0FuZX2O3iQPlxzxyOJ2EzoM5GvOwZfJrwU9VFh4mvFlcEmY15tWs3KzOs3B3xrlHJEtbxBTxvD9Y/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Blogger, Google, SEO, Tips dan Trik, Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada
Cara membuat breadcrumb terindex Google
Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

  • Login di Blogger
  • Pilih Template
  • Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
  • Centang Expand Widget Templates
  • Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
  • Kemudian cari kode ]]></b:skin>
  • Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
  • Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
  • Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

NoFollow | Pengertian Tag (rel="nofollow") Attribute

NoFollow | Pengertian Tag (rel="nofollow") Attribute


HTML/CSS, SEO, NoFollow | Pengertian Tag (rel="nofollow") Attribute

Pengertian apa itu NoFollow tag? rel='nofollow' attribute atau Tag Nofollow adalah tag HTML yang memberitahukan mesin pencari (search engine) untuk memotong link selama pengindeksan
Pengertian Tag Nofollow attribute
Dengan kata lain, mesin pencari seperti Google, Yahoo! dan MSN merayapi (crawling) web secara berkala untuk mencari dan mengindeks halaman baru yang akan dimasukkan di dalam hasil pencarian kata kunci (keyword search result). Setiap link pada halaman web akan diikuti (follow) selama proses pengideksan. Halaman yang diikuti dengan link masuk yang banyak dan relevan akan diranking lebih tinggi di dalam pencarian dari pada halaman yang mempunyai link masuk yang sedikit. Jika anda ingin links yang ada di blog anda tidak di indeks oleh mesin pencari gunakanlah NoFollow tag. Penggunaan tag NoFollow menjadi sangat populer selama beberapa tahun terakhir ini dikarenakan dari beberapa faktor seperti iklan teks link yang berbayar, spammers yang mencoba untuk meningkatkan jumlah links masuk ke situs mereka dengan melakukan spam pada komentar, dan sebagainya

Bagaimanakah rel='nofollow' atribut bekerja?

Ketika mesin pencari (search engine spider) datang ke sebuah halaman web, respond standar adalah untuk mengindeks halaman dan mengikuti semua links yang ada di halaman tetapi ketika search engine spider melihat links beratribut nofollow maka dia akan bekerja sebagai berikut:
  • Tidak akan mengikuti/follow link ke situs baru
  • Tidak memasukkan link teks di dalam nilai relevansi untuk kata kunci
  • Tidak menghitung link ke skor popularitasnya di peringkat mesin pencari
Dibawah ini adalah contoh penulisan html tag NoFollow
<a href='http://www.facebook.com' rel='nofollow'>Facebook</a>
Html tag nofollow diatas adalah sebuah perintah agar supaya search engine tidak mem-follow link ke Facebook dan otomatis search engine tidak akan mengindeks halaman Facebook tersebut
Search engine tidak akan menghukum (penalty) situs atau blog anda jika di halaman situs anda memiliki link nofollow, jangan berfikir bahwa memakai nofollow adalah buruk atau spam, penggunaan link nofollow mengindikasikan search engine bahwa link tersebut bukan milik anda atau bukan untuk di follow

Dimanakah seharusnya rel='nofollow' di tempatkan?

Sebagian besar search engine menyarankan kita untuk menempatkan tag nofollow pada link yang berasal dari sumber yang tidak dapat anda jamin/tidak anda ketahui seperti:
  • Komentar
  • Forums
  • User generated content
Anda juga bisa menaruh rel='nofollow' pada link yang mengarah ke iklan (atau sesuaikan dengan perjanjian periklanan anda)

Link Sculpting menggunakan tag NoFollow

Link Sculpting adalah salah satu teknik SEO dimana anda bisa memilih halaman yang anda prioritaskan agar mempunyai pagerank yang lebih tinggi dengan menaruh link dofollow dan menaruh rel='nofollow' pada link halaman yang tidak diprioritaskan (seperti: link login, link registrasi,dll)

ritahu Google Untuk Menjelajahi (Crawl) Blog Kamu

Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu


Google, SEO, Tips dan Trik, Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu

Beritahu Google untuk menjelajahi (crawl) blog/website kamu agar lebih cepat terindex Google, sebenarnya ini adalah artikel lanjutan dari cara cepat terindex search engine yang sudah saya publish sebelumnya

Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu
Memasukkan blog/website pada hasil pencarian Google (search) sebenarnya gampang dan free, anda tidak perlu memasukkan blog/website anda ke Google karena dia adalah sebuah mesin pencari otomatis yang menggunakan software yang biasa disebut "Spiders" yang akan menjelajahi (crawl) web secara teratur untuk menemukan situs-situs ataupun konten baru yang ada di dunia internet. Faktanya mayoritas situs-situs yang terindeks dan terlihat pada hasil pencarian Google tidak di submit secara manual, contoh: pernahkah anda melihat beberapa kalimat percakapan dengan teman anda di Twitter muncul pada hasil pencarian Google? pasti pernah bukan? padahal kita tidak pernah dan tidak terpikirkan untuk memasukkan percakapan kita itu tapi kenapa bisa muncul pada Google search? Itu membuktikan bahwa memang Google adalah sebuah mesin pencari yang otomatis, tetapi memang perlu waktu baginya untuk memunculkan pada hasil pencarian dan hal inilah yang menjadi kendala bagi kita seorang blogger ataupun webmaster yang mempunyai blog atau website agar konten/artikel kita terlihat dan terindeks lebih cepat, apalagi kita mempunyai konten tentang berita yang memang harus muncul di pencarian dalam hitungan menit

Maka suruhlah Google untuk crawl blog/website anda agar bisa dimasukkan ke indeks lebih cepat, selain metode ping untuk memanggil web spiders ada baiknya anda juga submit halaman pada situs anda dengan mengklik link dibawah ini
Tetapi jika anda sendiri yang memiliki dan mengelola blog anda, Google merekomendasikan cara-cara seperti dibawah ini

1. Masuk pada Webmaster Tools Home page
2. Pada Dahsboard, dibawah Health, klik Fetch as Googlebot
3. Pada text box pilih url yang akan di submit
4. Pada dropdown list pilih Web
5. Klik Fetch dan Google akan fetch url yang di submit, kemudian tunggu beberapa saat agar status updated
6. Jika fetch status sudah sukses kemudian klik Submit to Index, dan klik hal berikut

  • Untuk submit individual URL ke Google index, pilih URL dan klik Submit. Anda bisa submit 500 URLs per-minggu dengan cara ini
  • Untuk submit URL dan halaman yang terkait, klik URL and all linked pages. Anda bisa submit 10 request per-bulan dengan cara ini
Note: Google tidak memberikan garansi bahwa setiap URL yang anda submit akan di indeks, tapi selama ini menurut pengalaman saya pribadi URL yang pernah saya submit berhasil di index Google.

Source: Google Webmaster Tools - Ask Google to crawl a page or site

.EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis

.EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis

SEO, Tips dan Trik, .EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis

Backlink .EDU sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita merasa kesulitan bagaimana cara mendapatkan backlink EDU gratis dan berkualitas, disini saya akan mencoba kasi tips SEO mencari backlinks dofollow gratis.
.EDU Backlink | Cara Mendapatkan Backlink EDU Dofollow Gratis
.EDU adalah sebuah domain yang khusus dimiliki oleh institusi pendidikan seperti universitas, sekolah maupun situs pendidikan lainnya, umumnya .EDU biasanya dipakai oleh universitas luar negeri tetapi kalau di Indonesia umumnya memakai domain ac.id , Pada umumnya situs yang memakai domain .EDU mempunyai Google pagerank tinggi yang bagus dan sangat cepat terindex search engine maka tidak ada salahnya kita menanam backlink di situs .EDU tersebut agar blog kita juga kecipratan high PR dan terindex cepat

Cara Mencari Backlinks .EDU Gratis Berkualitas dengan Google Search

Untuk mencari backlinks .EDU ternyata memang tidak semudah yang kita pikirkan tetapi dengan sedikit trik menggunakan mesin pencari Google ini kita akan sangat mudah untuk mendapatkan ribuan blog .EDU maupun forum yang memungkinkan kita untuk meninggalkan komentar atau membuat profile gratis.
Backlinks dari .EDU Blogs
Silahkan buka Google search dan ketik query seperti dibawah ini.
  • site:.edu inurl:blog "post a comment"
  • site:.edu "Powered by BlogEngine.NET" site:.edu inurl:blog "post a comment"
  • site:.edu "Powered by ExpressionEngine" site:.edu inurl:blog "post a comment"
  • site:.edu inurl:blog "post a comment" -"comments closed" -"you must be logged in"
Backlinks dari .EDU Forum Profile
Silahkan ketik dan search query seperti dibawah ini.
  • site:.edu "Powered by vBulletin" inurl:"register"
  • site:.edu "Powered by phpBB" inurl:"register"
  • site:.edu "Powered by PunBB" inurl:"register"
  • site:.edu "Powered by SMF" inurl:"register"
  • site:.edu "Powered by IPB" inurl:"register"
  • site:.edu inurl:CreateUser.aspx
  • site:.edu inurl:register.aspx
  • site:.edu inurl:"wp-signup.php"
  • site:.edu "powered by expressionengine"
  • site:.edu "powered by vbulletin" inurl:"register.php"
  • "leave a comment" site:.edu
  • "reply to post" site:.edu
Targeted keyword backlinks .EDU
Untuk mencari backlink dengan keyword yang diinginkan silahkan ganti kata yang di cetak tebal dengan keyword anda
site:.edu inurl:blog “post a comment -"you must be logged in"-"comments closed""keyword anda"
Untuk lebih optimal ada baiknya menggunakan Nodofollow Firefox Add-ons sehingga akan kelihatan blog mana yang menyediakan dofollow links atupun nofollow
Selamat berburu backlinks .EDU dan good luck!

Blogger | Kumpulan Tips Trik - Tutorial Blogspot

Blogger | Kumpulan Tips Trik - Tutorial Blogspot

Blogger, Info, Tips dan Trik, Blogger | Kumpulan Tips Trik - Tutorial Blogspot

Blogger
Tips Trik Blogger - Kumpulan Tutorial Blogspot, artikel ini adalah beberapa kumpulan tips Blogger dan info dari blog saya bloggerpeer.blogspot.com , meskipun koleksinya belum banyak tapi mudah-mudahan bisa membantu khususnya bagi anda yang sedang belajar membuat blog dengan platform Blogger/Blogspot, sebelumnya saya mohon maaf kalau ada satu atau beberapa tutorial yang mungkin tidak bisa digunakan atau tidak bisa bekerja dengan baik lagi dikarenakan oleh beberapa faktor, tetapi saya akan berusaha untuk meng-edit dan update kembali agar bisa digunakan dan berfungsi lagi

Kumpulan Artikel Tutorial Blogger & Tips Trik Blogspot

Alexa Rank | Cara Meningkatkan Ranking Alexa
Cara Membuat Burung Twitter Terbang Di Blogspot
Cara Buat Breadcrumb Seo Friendly di Blog
Windows Live Writer | Menulis Artikel Blog Post Offline
Yahoo Messenger Emoticons (Smileys) di Blogspot
Cara Buat Bintang Jatuh dari Kursor
Cara Buat Tombol Back To Top di Blogspot
Cara Membuat Link Bergerak Bergoyang / Nudging di Blog
Cara Membuat Breadcrumbs Terindex / Di indeks Google
Cara Membuat Custom URL Permalink Blogger SEO Friendly
Fitur Blogger Custom Permalinks Resmi Diluncurkan (update)
Technorati | Cara Claim Blog Di Technorati Directory
Cara Buat Tombol Share Dengan Efek jQuery Nudging

5 Tips/Cara Menulis Artikel Blog Post SEO Friendly

5 Tips/Cara Menulis Artikel Blog Post SEO Friendly

SEO, Tips dan Trik, 5 Tips/Cara Menulis Artikel Blog Post SEO Friendly

SEO Trik
5 tips menulis artikel blog post yang seo friendly, bagi seorang Blogger menulis artikel atau postingan blog adalah sesuatu yang memang kewajiban, kebanyakan beberapa Blogger baru menginginkan blog mereka terlihat di halaman pertama Google tetapi mereka tidak mengetahui bagaimana cara agar bisa masuk dalam halaman pertama Google, selain beberapa tips yang pernah saya ulas sebelumnya seperti cara cepat blog terindex search engine, disini saya akan coba mengulas hal dasar (basic) bagaimana cara agar artikel blog yang kita buat lebih seo friendly.
Konten
Struktur Judul Post (Post Title) dan Post Description
Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain
Konten yang Relevan (Relevant Content)
Konten yang Unik (Unique Content)
Gunakan Google Adwords Keyword Tool

Struktur Judul Post (Post Title) dan Post Description

Judul post adalah yang paling penting dan vital karena itu adalah sesuatu yang menggambarkan apa yang ada didalam artikel anda, dan hendaknya post title yang anda buat mengandung kata kunci (keywords) yang relevan. Cobalah mencari susunan kata (phrase) dan keywords yang banyak dicari orang dan sisipkan itu didalam judul post, tapi ingat.. relevansi tetap menjadi acuan,5 Tips Menulis Artikel Blog Post Yang SEO Friendly jangan memasukkan semua keywords didalam post title seolah-olah anda memajang semua kata kunci sehingga terlihat ngawur yang membuat pembaca bingung. Sama halnya dengan post description yang berupa ulasan singkat tentang artikel anda jadi diusahakan mengandung kata kunci dan frasa.

Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain

Tautkan/link keywords yang penting ke halaman lain yang relevan dan sesuai dengan pembahasan didalam artikel yang anda buat, hal ini akan meningkatkan page views didalam blog anda dan juga akan mengalirkan pagerank.

Konten yang Relevan (Relevant Content)

Tetap jaga konten yang anda buat relevan dan sesuai dengan topik blog anda. Itu akan membuat mesin pencari seperti Google membantu anda untuk menaikkan ranking blog anda pada mesin pencarian sesuai dengan keywords yang anda pilih, seperti contoh pada blog saya ini bloggerpeer.blogspot.com mempunyai topik tentang tips trik Blogger dan tips trik SEO, jadi semua artikel yang saya buat mengandung beberapa kata kunci tersebut.

Konten yang Unik (Unique Content)

Anda harus berfikir kedepan dan pintar membaca situasi apa yang menjadi topik hangat dan trend saat ini sehingga bisa anda tuangkan dalam sebuah ide untuk membuat artikel sesuai dengan gaya dan style anda sehingga membuat artikel yang anda buat unik lain dari pada yang lain, search engine seperti Google sangat menyukai konten yang unik dan fresh, jadi tetaplah berkarya dan jangan melakukan duplikasi atau copy paste (copas) karena itu akan memperburuk ranking blog anda di mesin pencari.

Gunakan Google Adwords Keyword Tool

Kadangkala kita merasa kesulitan untuk mendapatkan kata kunci yang banyak dicari orang, maka anda bisa mencoba menggunakan alat yang dimiliki Google yaitu Google Adwords: Keyword Tool, dengan alat itu anda tidak perlu menebak tentang kata kunci terbaik karena tool dari Google tersebut mempunyai kumpulan kata2 kunci terbaik yang lagi trend dan banyak dicari orang.
Itulah 5 tips menulis artikel blog post yang seo friendly, kalau ada saran dan kekurangan mungkin bisa berbagi dan disampaikan melalui komentar.

rindu sahabat

Namaku ami aku mempunyai seorang sahabat bernama fari dia baik, cantik dan juga pintar aku memang baru mengenalnya tapi dia sosok sahaba...