Cara Cepat Agar Blog Anda Tampil di Google

Cara Cepat Agar Blog Anda Tampil di Google

Google akan menjelajah Web secara berkala, dan indeks situs-situs baru yang menemukan mereka. Sayangnya, ia dapat mengambil bulan untuk indeks Google untuk sebuah blog baru, dan mungkin tidak semua indeks halaman Anda sekaligus yang bisa membuat sulit untuk blog Anda terlihat dalam hasil pencarian. Anda dapat dengan mudah memeriksa jika Google telah diindeks blog Anda dengan mengirimkan URL blog Anda ke situs status wizard. Jika blog Anda belum diindeks, Anda bisa buru proses bersama dengan mengikuti langkah berikut:
1. Buat account Google (jika anda belum memilikinya). Ada banyak manfaat seperti ini saya akan menjelaskan dalam waktu dekat.
[ CLICK DISINI ]



2. Login ke Webmaster tools selection dengan account Google Anda.
3. Pada "Tambahkan situs baru" bagian, masukkan URL lengkap blog Anda (misalnya: http://www.yourblog.com). Google akan biasanya indeks blog Anda pada penjaringan berikutnya.
4. Anda mungkin juga ingin memastikan bahwa Anda adalah pemilik blog Anda; ini memungkinkan Anda untuk mengakses statistik dan merambah kesalahan. Ada dua cara untuk memverifikasi kepemilikan: menambahkan meta tag pada template blog, atau meng-upload file HTML ke direktori yang ditentukan oleh Google. Untuk pemilik blog ini mungkin lebih mudah untuk menambahkan meta tag yang dapat Anda lakukan dengan mudah oleh mengcopy paste sebagian kecil kode ke bagian template blog Anda (Google menyediakan tag ini unik ketika Anda memilih formulir ini untuk verifikasi). Jangan khawatir, tag tidak dapat dilihat oleh pembaca Anda!
5. Setelah Anda memverifikasi kepemilikan, itu juga ide yang baik untuk memberitahu ke Google lokasi Anda sitemap (Saya menjelaskan cara membuat sitemap untuk blog Anda di posting ini). Hal ini akan memastikan bahwa semua halaman blog Anda benar diindeks dan tersedia untuk pencarian. Untuk melakukannya, klik "Sitemaps" tab di bagian atas Anda Webmaster Tools dashboard, dan klik tombol "add" di sebelah link url blog Anda. Anda harus memasukkan penuh url sitemap Anda (misalnya: http://yourblog.com/sitemap.xml).

Setelah diambil langkah-langkah ini, Google akan menjelajah blog Anda secara rutin untuk memeriksa pembaruan dan halaman baru. Anda dapat memastikan bahwa semua halaman telah diindeks oleh masuk ke Webmaster tools> Sitemaps untuk melihat seberapa banyak URL yang sedang diindeks. Jika anda melihat bahwa beberapa halaman posting biasanya tidak diindeks, Anda dapat membantu Google untuk menghubungkan mereka dengan indeks dari posting (membuat "posting terkait" bagian lainnya dalam posting, misalnya).

Pada akhirnya, semua posting blog Anda dan halaman akan dijelajahi dan diindeks oleh Google, dan blog Anda akan mencapai "Page Rank" yang dapat Anda lihat di Webmaster tools. Anda juga dapat melihat detail statistik untuk blog Anda, link ke posting Anda, dan semua kesalahan crawl (seperti missing file) yang dapat ditemukan.

Tentu saja, cara terbaik untuk meningkatkan visibilitas blog Anda di mesin pencari akan bekerja keras di blog Anda, tulis besar posting dan menghasilkan beberapa link love! J subyek akan berbicara tentang masa depan secara rinci dalam posting ...

Mengganti tanggal pada post dengan icon calender

..

Mengganti tanggal pada post dengan icon calender

15:51 Tips Triks

Artikle kali ini saya kutip langsung dari mas kendhin dan saya sangat berterima kasih telah shared ilmunya dari pada ngomong panjang lebar, langsung aja :
sudah pasti harus login terlebih dahulu
sebelum masuk ke pengeditan anda harus mengganti setting tanggal terlebih dahulu cararanya anda harus masuk ke pengaturan >> format, ganti "date header format" atau format tanggal menjadi (mm.dd.yyyy) maksudnya (bulan.tanggal.tahun) ganti tanggal kira-kira seperti contoh berikut: 3.17.2009 terus simpan.

barulah anda mulai pengeidtannya
1. masuk ke tata letak (layout) >> Edit html
saya saran kan sebelum anda melakukan pengeditan sebaiknya anda membackup terlebih dahulu template anda
2. beri tanda centang pada Expand Template Widget
cari code berikut <title><data:blog.pageTitle/></title> kalau udah ketemu copas code berikut dan letakkan di bawahnya

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

3. nah kalau sudah cari code berikut:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

kalau g' da coba cari yang ini

h2.date-header {
margin:1.5em 0 .5em;
}

4. kalau sudah ketemu taruh code berikut dibawahnya

.dateblock {
background: url("http://dhedyfaste.xp3.biz/blog/calander/calender-ijo.jpg")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

text yang berwarna merah itu adalah icon kalender, anda bisa menggantinya dengan gambar-gambar dibawah ini, caranya ganti text yang berwarna merah dengan code gambar berikut ini, misalnya kamu pingin kelender yang berwarna hijau,
caranya anda ganti calender-ijo.jpg
dengan greencalend.gif

calender-hitam.jpg	calender-cyan.jpg	calender-pink.jpg
calender-ungu.jpg	calender-kuning.jpg	calender-merah.jpg
calender-orange.jpg	calender-ijo.jpg

Trus kode color:#3366CC; adalah kode warna
tanggal, kamu bisa menggantinya dengan warna yang lain. Kamu bisa lihat kode2 warnanya DISINI.

4. langkah selanjutnya yaitu kamu cari kode ini <data:post.dateHeader/>
, cara nyarinya biar gampang copy kode tersebut,
terus tekan Ctrl-f dan paste di dalam kotak yang disediakan, nha langsung
ketemu kan. kalo udah ketemu ganti kode tersebut dengan script dibawah ini.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Simpan Template anda dan lihat hasilnya. Berhasil nggak ya? :t

Kalo misalnya tulisan bulan dan tanggalnya terlalu keatas coba tambahkan kode ini padding: 4px 0px 0px 0px; dibawah kode .month { dan juga dibawah kode .day {

NB: Kalo Tanggalnya berubah menjadi tulisan "Undefine" itu pasti kamu tidak memperhatikan tutorial ini dari awal. Coba lihat lagi tutorial ini dari awal dan baca baik-baik perintahnya. :D

Selamat mencobaaaaaaaaaa!!!!!!!........

Mengganti Cursor pada Blog

Mengganti Cursor pada Blog

Kalau biasanya cursopada blog kita hanya berbentuk icon tanda panah ya, mau tau bagaimana cara mengganti cursor pada blog,ikuti trus setelah yang satu ini he he he . . langsung aja

pertama login dulu
2. masuk ke tata letak >> Elemen Laman
3. Tambah Gedget
4. Pilih HTML/JavaScript
Masukkan code Berikut :

<style type="text/css">body {cursor:url("http://document-strings.co.tv/images/gembel-cursor.cur"),default}</style>

anda bisa mengganti cursornya dengan yang di bawah ini:
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
caranya ganti text yang berwana merah dengan alamat cursor tersebut
5. simpan template , lihat hasilnya . .

eits jangan lupa komentarnya . .

Membuat Menu di Bawah Header / Judul Blog

Membuat Menu di Bawah Header / Judul Blog

Bagi rekan blogger yang menggunakan template yang belum difasilitasi dengan menu horisontal dibawah header pada blognya, berikut saya postkan bagaimana cara membuat menu tersebut. Fungsi dan kegunaan menu ini adalah agar memudahkan kita dalam menelusuri  semua isi yang terkandung didalam blog tersebut (baca: easy to navigate)  .Yuk kita mulai...



Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html . jgn lupa bro centang dulu.
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi  showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca  disini

<a href="http://www.pelajarkepahiang.co.cc " class="navigation">HOME</a>
<a href="http://www.pelajarkepahiang.co.cc " class="navigation">CONTACT</a>
<a href="http://www.pelajarkepahiang.co.cc " class="navigation">BUKU TAMU</a>
<a href="http://www.pelajarkepahiang.co.cc " class="navigation">FACEBOOK</a>
<a href="http://www.pelajarkepahiang.co.cc " class="navigation">TWITER</a>
<a href="http://www.pelajarkepahiang.co.cc" class="navigation">DOWNLOAD</a>
<a href="http://www.pelajarkepahiang.co.cc " class="navigation">LAIN-LAIN</a>
<a href="http://www.pelajarkepahiang.co.cc" class="navigation">CHATTING</a>

 PERHATIKAN alamat web yg ada di coding atas ini diganti dengan alamat blog/link kamu

*Alamat url diatas silahkan sesuaikan dengan blog Anda.


Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.


Selesai, semoga bermanfaat....

Jangan Lupa Koment nya Sob ....