Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Akses Mr. Sul Blog Melalui Facebook

Facebook benar-benar menjamur. Tidak hanya di Indonesia, namun juga di seluruh dunia. Hampir tidak ada orang yang tidak mengenal apa itu facebook, mulai dari orang tua, dewasa, remaja bahkan anak-anak sekalipun sudah ada yang punya akun facebook,  tapi kali ini saya bukan untuk membahas tentang facebook yang menjamur, yang ingin saya bahas di sini bagaimana pembaca blog bisa mengakses blog melalui facebook tanpa harus meninggalkan halaman facebook sehingga masih bisa chatting bersama teman teman.
Kemarin saya googling untuk mencari artikel bagaimana supaya blog bisa tampil di facebook, terus terang sudah lama saya menyinkronkan blog dengan Facebook, dengan menggunakan 2 cara yaitu mengimpor blog di catatan facebook dan bergabung dengan networkedblogs. Tapi cara ini kurang maksimal karena yang tampil hanya berupa catatan dan begitupun networkedblogs  terlalu terbatas. Sedangkan yang saya inginkan adalah tampilan blog lengkap semua ada di facebook, tidak satupun artikel yang saya temukan yang membahas bagaimana supaya blog bisa tampil di facebook.

Tapi masih penasaran juga akhirnya saya mencoba masuk ke aplikasi facebook, ternyata disana sudah ada bagian cara menampilkan blog di facebook dengan menggunakan aplikasi. Coba lihat blog saya di facebook klik disini

Untuk langkah langkah cara membuat blog tampil di facebook akan saya bahas pada postingan berikutnya :)

Cara Mengecek Blog Dofollow atau Nofollow di Berbagai Browser

Jika anda mencari informasi tentang tips meningkatkan pagerank blog biasanya salah satu tips yang disarankan adalah berkomentar di blog dofollow. Memang benar berkomentar di blog dofollow bisa meningkatkan google pagerank karena blog dofollow adalah blog yang telah menghilangkan atau melepaskan atribut nofollow dari form komentarnya sehingga jika ada pemilik blog yang meninggalkan komentar di blog tersebut, maka ia akan mendapat backlink dari empunya blog dengan catatan si pemilik blog harus berkomentar sebagai name/URL atau mencantumkan link blognya disana.

Bagi anda yang belum tahu apa itu Nofollow? Nofollow adalah atribut HTML yang berfungsi untuk memberi perintah kepada search engine untuk tidak menelusuri suatu link pada halaman blog sehingga google search engine tidak akan menganggap link tersebut sebagai backlink. Cara ini dibuat pertama kali oleh Matt cutts dan Jason Shellen pada tahun 2005 untuk mencegah pemilik blog melakukan spam dengan berkommentar sebanyak-banyaknya di blog ber PR tinggi.

Contoh kode link nofollow:

<a href="http://www.contoh.com/" rel="nofollow">bogger tips n tutorial</a>
Secara default, blog blogspot menggunakan sistem nofollow pada form komentarnya. Namun tidak sedikit pula blogger yang menerapkan sistem dofollow dalam comment formnya.

Untuk menemukan blog-blog mana saja yang menggunakan sistem dofollow, anda bisa googling dengan kata kunci 'dofollow blog list' atau 'daftar blog dofollow'. Ada banyak situs yang membuat daftar blog dofollow di situsnya.

Nah sekarang pertanyaannya adalah apakah blog tersebut masih menganut sistem dofollow? Sebab tidak sedikit blog yang awalnya memang bersifat dofollow tapi sekarang sudah tidak lagi. Untuk mengetahuinya, gunakan cara berikut:

Browser Firefox
Ada 2 cara yang bisa digunakan:

1. Melihat properties linknya
Ini adalah cara klasik yang sering digunakan blogger atau webmaster untuk mengecek status link. Caranya, klik kanan pada link yang berada pada kolom komentar lalu pilih Properties jika muncul tulisan relation: nofollow berarti blog tersebut bersifat nofollow.



2. Menggunakan addons Firefox
Ada banyak addons Firefox yang mampu mendeteksi link nofollow, salah satunya adalah SearchStatus. Dengan addons ini anda bisa melihat apakah suatu link dofollow atau nofollow dalam waktu yang bersamaan. sehingga lebih cepat. Anda bisa instal addonsnya disini. Setelah instal, aktifkan fitur pendeteksi nofollow dengan cara klik kanan pada logo SearchStatus yang terletak dipojok kanan bawah layar lalu pilih Highlight Nofollow Links. (Jika anda ingin menonaktifkan fitur ini cukup hilangkan centang pada 'Highlight Nofollow Links').


Jika link dihighlight merah berarti blog tersebut bersifat nofollow.



Browser Google Chrome
Instal Chrome SEO disini. Setelah itu, aktifkan fitur pendeteksi nofollow dengan cara klik logo Chrome SEO yang terletak di pojok kanan atas. kemudian tunggu beberapa saat hingga menu Chrome SEO muncul selanjutnya klik link Show Nofollow.



Browser IE
Untuk pengguna IE, caranya cukup mudah anda tinggal copas kode dibawah ini ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript: var anchors;anchors = document.getElementsByTagName("a");var anchorIndex;for(anchorIndex = 0;anchorIndex < anchors.length;anchorIndex++) { if(anchors[anchorIndex].getAttribute("rel") && anchors[anchorIndex].getAttribute("rel")=="nofollow") anchors[anchorIndex].style.backgroundColor="red";} void(0);

Jika blog tersebut bersifat nofollow maka link akan dihighlight merah seperti gambar berikut.



Browser Safari
Caranya hampir sama dengan browser IE yaitu tinggal copas kode ke address bar pada halaman dimana anda ingin melakukan pengecekan.

javascript:var%20a=document.getElementsByTagName('a');for(var%20z=0;z%3Ca.length;%20z++){if(a[z].rel==’nofollow’){a[z].style.border=’1px%20solid%20%23F00';}}

Semoga bermanfaat..!

Tips Meningkatkan Trafik Blog

tips meningkatkan trafik blogMemiliki blog yang ber-traffic tinggi merupakan impian dari setiap blogger. Karena dengan memiliki blog yang rame pengunjung, maka para advertiser atau pemasang iklan akan berbondong-bondong datang ke blog kita untuk beriklan yang artinya duit akan terus menerus mengalir ke kantong kita. :D

Oleh karena itu, tidak heran jika setiap webmaster selalu berlomba-lomba mencari segala cara untuk meningkatkan trafik blognya. Tetapi untuk memiliki blog yang bertrafik tinggi itu tidaklah mudah. Kita harus mengorbankan banyak waktu, tenaga, pikiran dan uang untuk mewujudkannya. Tetapi percayalah selama anda mempunyai tekad dan niat yang kuat maka apapun impian anda bisa terwujud.

Nah untuk membangun trafik blog, ada 2 hal penting yang harus anda lakukan yaitu:

Konten
Konten adalah raja. Setiap pengunjung yang datang ke blog anda adalah untuk membaca konten anda (mencari informasi, solusi, dan ide). Oleh karena itu, tulislah konten yang berkualitas dan bermanfaat bagi pengunjung agar mereka selalu kembali ke blog anda.

Promosi
Setelah memiliki konten, langkah selanjutnya yang harus anda lakukan adalah promosi. Promosi merupakan jantung dari bisnis. Tanpa promosi sebagus apapun konten anda tidak ada yang tahu. Percuma. Jadi jika anda ingin menghasilkan trafik yang melimpah. Maka langkah ini wajib anda lakukan.

Berikut adalah cara-cara untuk mempromosikan blog anda.

1. Mendaftar blog anda ke search engine. Selengkapnya bisa anda pelajari disini.

2. Mendaftar blog ke blog direktori seperti Technorati, Mybloglog, dan Blogcatalog. List selengkapnya bisa anda download disini.

3. Submit artikel anda ke social bookmarking. Untuk artikel inggirs submit ke Technorati, Digg, Google Buzz, Stumbleupon dan delicious. Sedangkan artikel indonesia submit ke Lintas berita dan Infogue.

4. Mencantumkan alamat blog anda pada situs jejaring sosial seperti Facebook, Friendster, hi5 dan myspace.

5. Mencantumkan alamat blog pada signature email.

6. Aktif di forum dengan mencantumkan alamat blog pada bagian signature.

7. Blogwalking
Ini merupakan cara termudah untuk mempromosi blog anda. Selain dapat meningkatkan trafik blog. Cara ini juga dapat menjalin tali silahturami antar sesama blogger.

8. Meninggalkan komentar diblog lain. Hampir sama dengan blogwalking dimana bertujuan untuk meninggalkan jejak di blog lain. Jangan lupa untuk mencantumkan alamat blog anda agar pemilik blog dapat membalas kunjungan anda.

9. Pasang iklan gratis di situs iklan baris seperti forumiklan.com, iklanbisnisku.com, Iklanplaza.com, dan lain-lain.

10. Memasang widget Blogupp. Informasi selengkapnya silahkan baca disini


Sebenarnya masih banyak cara-cara lain. Tapi saya yakin cara-cara diatas sudah cukup untuk mendatangkan trafik bagi blog anda.

Selamat mencoba. Semoga bermanfaat..

Tips Untuk Meningkatkan Alexa Rank

alexa rankUntuk menyambung postingan sebelumnya tentang Alexa rank maka pada kesempatan ini saya akan menyajikan tips-tips untuk meningkatkan Alexa rank.

Seperti yang telah saya jelaskan sebelumnya bahwa Alexa rank mempunyai peranan yang penting bagi sebuah blog. Karena selain digunakan untuk menentukan popularitas sebuah blog. Alexa rank juga merupakan salah satu syarat untuk mencari dolar di internet.

Nah berikut adalah tips-tips untuk meningkatkan alexa rank. Semoga bermanfaat.

1. Pasang widget Alexa rank
Selain untuk menampilkan rangking alexa di blog. Cara ini juga dapat mempermudah Alexa.com untuk mengumpulkan data trafik di blog kita.

2. Pasang Alexa toolbar
Seperti yang telah dijelaskan sebelumnya bahwa rangking alexa dihitung berdasarkan jumlah pengunjung yang memasang alexa toolbar pada browser mereka. Oleh sebab itu, memasang alexa toolbar pada browser merupakan cara yang paling efektif untuk meningkatkan alexa rank. Untuk mengetahui cara pemasangannya bisa anda pelajari disini.

3. Sering-seringlah membuka blog anda
Selain trafik, alexa rank juga dipengaruhi oleh jumlah page view pada blog. Oleh karena itu, sering-seringlah untuk membuka blog anda. Dengan demikian jumlah page views blog anda akan bertambah. Untuk mendapatkan hasil yang lebih baik, pasang Alexa toolbar pada browser anda.

Sebagai tambahan jika anda mengunjungi sebuah tempat yang mempunyai koneksi internet seperti warnet, kampus ataupun rumah teman anda. Kunjungilah blog anda meskipun hanya sekedar buka lalu tutup lagi. Karena cara ini akan menambah jumlah trafik bagi blog anda.

4. Klaim blog di Alexa
Dengan mengklaim blog anda di Alexa maka akan mempermudah Alexa untuk menelusuri dan mengumpulkan data trafik di blog anda sehingga dapat mempercepat update alexa rank di blog anda.

Untuk mengklaim blog di Alexa caranya cukup mudah. Berikut langkahnya:
  1. Kunjungi http://www.alexa.com
  2. Jika anda belum punya akun Alexa silahkan dibuat terlebih dahulu dengan klik Register. Setelah akun berhasil dibuat, login ke akun Alexa anda.
  3. Klik menu Services kemudian pada halaman baru klik tombol Claim your site
  4. Masukkan alamat blog anda. Contoh, http://mrsulblog.blogspot.com lalu klik Claim your site.
  5. Selanjutnya anda akan diberi 2 metode untuk mengklaim situs anda. Agar lebih mudah gunakan saja metode yang ke-2. Copy kode meta tag yang diberikan dan paste ke blog anda. Letakkan tepat dibawah tag <head> dan simpan template anda. Jika anda sudah pernah memasang Google sitemap dan Yahoo sitemap di blog anda maka letakkan saja dibawahnya.
  6. Kalau sudah, balik ke Alexa dan klik tombol Verify my meta tag. Jika berhasil maka akan muncul pesan "Thanks, your blog has been verified".

5. Tingkatkan trafik blog

Seperti yang kita ketahui bahwa alexa rank ditentukan oleh jumlah trafik. Semakin tinggi trafik blog tentu semakin bagus pula rangking alexa-nya. Oleh karena itu, tidak cara yang lebih baik dan tepat selain meningkatkan trafik blog anda.

Saya yakin anda semua memiliki cara-cara tersendiri untuk meningkatkan trafik blog. Untuk mengetahui tips meningkatkan trafik blog ala saya. Silahkan baca disini.

Sukses untuk anda semua... kenyit

Membuat Kotak Alert Message2

Setelah saya memposting tentang cara membuat kotak alert message. Ternyata ada seorang sobat yang bertanya kesaya bagaimana cara membuat kotak alert message yang ada konfirmasinya. mungkin yang dimaksud adalah seperti yang ini kali ya


Hmm,, kayaknya nggak salah lagi deh sengihnampakgigi. Setelah jelajah kesana kemari, buka sana sini. Akhirnya ketemu juga tipsnya. Ok deh tanpa basa-basi, mari kita mulai.

1. Seperti biasa, login ke blogger. Lalu masuk ke menu Design -> Edit HTML

2. Letakkan kode berikut ini dibawah <head> atau tepatnya diantara <head> dan <b:skin>
<script type='text/javascript'>
if (confirm(&quot;Terima kasih telah mengunjungi blog ini. Klik OK untuk melanjutkannya&quot;)) {
window.location = &quot;http://mrsulblog.blogspot.com/&quot;;
}
else {
window.location = &quot;http://google.com/&quot;;
}
</script>
Keterangan:
Tulisan yang dicetak tebal adalah teks yang muncul dalam kotak alert. Silahkan ganti dengan teks yang anda inginkan
Tulisan berwarna merah adalah alamat web yang akan terbuka jika pengunjung klik OK
Tulisan berwarna hijau adalah alamat yang akan terbuka jika pengunjung klik Cancel atau Close

3. Kalau sudah, klik Save Template dan lihat hasilnya


Selain kotak alert yang sudah dibawah diatas masih ada 1 jenis lagi yaitu kotak alert dengan prompt field yang contohnya seperti dibawah ini.



Untuk membuat kotak alert ini caranya sama dengan diatas. Bedanya hanya pada scriptnya. Agar lebih jelas silahkan perhatikan cara dibawah ini.

1. Login ke blogger. Lalu buka menu Design -> Edit HTML

2. Masukkan script berikut dibawah kode <head>
<script type='text/javascript'>
var name = prompt(&quot;Masukkan nama anda disini&quot;, &quot;Nama&quot;);
alert(&quot;Welcome to my blog&quot;)
</script>

Perhatian:
Jika anda sudah pernah memasang script kotak alert maka dihapus dulu scriptnya sebelum memasang script ini.

Teks yang dicetak tebal merupakan pesan yang muncul dalam kotak alert
Teks yang berwarna merah merupakan teks yang muncul dalam kotak jawaban.
Teks yang berwarna hijau merupakan pesan yang muncul setelah pengunjung klik OK. Silahkan ganti sesuai keinginan.


3. Kalau sudah, klik Save Template.

4. Selesai. Silahkan liat hasilnya.

6 Tips Untuk Meningkatkan Google Page Rank

tips meningkatkan page rankSesuai dengan janji saya pada postingan sebelumnya tentang apa itu google page rank dan manfaatnya. Maka pada kesempatan ini saya akan berbagi sedikit tips yang saya gunakan untuk meningkatkan google page rank. Untuk menaikkan page rank kita harus mencari backlink sebanyak-banyaknya.

Berikut ada 6 tips yang bisa anda manfaatkan untuk mengumpulkan backlink untuk meningkatkan page rank blog.

1. Tulis artikel yang bagus dan bermanfaat
Setiap pengunjung yang datang ke blog anda adalah untuk membaca isi artikel anda. Jika artikel anda bagus dan bermanfaat bagi mereka. Mereka akan membookmark atau mengelink blog anda. Dengan demikian anda akan mendapat backlink dari mereka. Oleh sebab itu, tulislah artikel yang bagus dan bermanfaat bagi pengunjung anda.

2. Perbanyak jumlah halaman pada blog
Page rank tidak hanya dipengaruhi oleh halaman index tetapi juga dipengaruhi oleh jumlah halaman pada blog. Setiap penambahan artikel pada blog anda akan menambah inbound link (link masuk) bagi blog anda. Oleh sebab itu, aktifklah dalam memposting artikel. Tetapi jangan karena ingin memposting artikel yang banyak kemudian anda mencopas artikel orang lain. Karena selain melanggar etika blogger, artikel copas atau duplicate content juga dibenci dan tidak akan dicrawl oleh mesin pencari. Jadi buatlah artikel original dengan kata-kata anda sendiri. Selain tidak melanggar etika blogger. Cari ini juga dapat meningkatkan posisi blog anda di halaman search engine.

3. Saling mentautkan artikel yang relevan
Cara ini hampir sama dengan poin ke2 yaitu bertujuan untuk menambah inbound link ke blog anda. Jika anda perhatikan pada beberapa artikel saya. Anda akan melihat ada link-link yang mengarah ke artikel lama saya. Itu bertujuan untuk memberikan backlink ke halaman blog.

4. Link exchange
Ini merupakan cara yang paling sering dan paling banyak dilakukan oleh para blogger untuk meningkatkan page ranknya. Karena paling mudah dilakukan yaitu I link You, You Link Me. Meskipun mudah tapi cara ini sangat membuang waktu karena kita harus selalu memantau blog yang kita ajak link exchange. Jika blog anda masih baru maka ini merupakan cara terbaik untuk mendapatkan backlink.

5. Komentar di blog dofollow
Di internet ada banyak sekali blog yang sudah menganut sistem dofollow. Yang dimaksud dengan blog Dofollow adalah blog yang sudah menghilangkan atribut "nofollow" dari comment formnya. Jadi setiap kali anda meninggalkan komentar di blog tersebut. Anda akan mendapat backlink dengan syarat anda harus berkomentar menggunakan nama dan alamat blog bukan profile blogger. Untuk mengetahui blog apa saja yang sudah menganut sistem dofollow. Silahkan tanya ke om google :)

6. Daftar blog ke blog direktori
Cara lain untuk mendapatkan backlink adalah dengan mendaftarkan blog ke blog direktori. Selain bisa mendapatkan backlink. Cara ini juga bisa meningkatkan trafik blog. Contoh-contoh blog direktori itu seperti Mybloglog, Blogcatalog, dan lain-lain. Untuk mengetahui blog direktori lainnya. Silahkan search di Google atau download listnya disini (file PDF).

Ok itu saja dari saya. Semoga tips-tips sederhana ini bisa bermanfaat bagi anda. Happy blogging!!

Apa Itu Google Page Rank Dan Manfaatnya

google page rankSetelah berhasil meningkatkan google page rank pada beberapa blog saya. Maka saya pikir nggak ada salahnya saya berbagi sedikit tips atau cara yang saya gunakan untuk meningkatkan page rank blog kepada teman-teman terutama bagi yang baru terjun kedalam dunia blogging dan yang berminat untuk mencari uang di internet. Nah sebelum saya memberikan tips2nya. Mungkin ada baiknya kita mengenal terlebih dahulu apa itu google page rank dan manfaanya.

Berdasarkan penjelasan dari wikipedia, Page Rank adalah suatu alat yang diciptakan oleh Larry Page dan Sergey Brin untuk menentukan situs mana yang lebih populer dan layak untuk ditampilkan pada halaman utama mesin pencari google. Page rank dihitung dari 0-10. Semakin tinggi page ranknya. Semakin populer pula situs tersebut di halaman mesin pencari.

Lalu apa manfaat Page Rank bagi Blogger?
Blog yang mempunyai page rank tinggi biasanya akan mendapatkan posisi yang lebih bagus dihalaman mesin pencari dibandingkan dengan blog yang mempunyai page rank rendah. Contohnya: Sebuah situs yang memiliki Page Rank 9 akan diurutkan terlebih dahulu dalam halaman pencarian Google dibandingkan dengan situs yang memiliki page rank 8 dan seterusnya. Sehingga kemungkinan situs tersebut dikunjungi oleh pengguna internet semakin besar.

Oleh sebab itulah, para advertiser atau pemasang iklan lebih senang mempromosikan produk maupun jasanya pada situs yang berpage rank tinggi dibandingkan dengan situs berpage rank rendah. Dengan kata lain semakin tinggi page rank blog anda semakin mudah bagi anda untuk menghasilkan uang di internet.

Lalu bagaimana cara Google menentukan page rank sebuah website?
Ada banyak cara yang digunakan mesin pencari Google dalam menentukan ranking sebuah web. Seperti penggunaan Meta Tag, penekanan pada konten atau isi yang unik, inbound link, dan teknik-teknik lainnya.

Link popularity adalah sebuah teknik yang dikembangkan untuk memperbaiki kekurangan pada teknik Meta Tag (Meta Keywords, Meta Description) yang bisa dicurangi dengan merancang halaman khusus untuk search engine yang disebut doorway pages.

Page rank mempunyai konsep yang hampir sama dengan link popularity, tetapi tidak hanya memperhitungkan "jumlah" dari inbound dan outbound link saja. Melainkan juga menilai dari kualitas link yang mengarah ke situs tersebut. Contohnya situs A di link oleh 1 situs berPR 2 dan situs B di link oleh 2 situs berPR 1. Maka situs yang mendapat hasil yang bagus adalah situs A. Dan begitu seterusnya.

Sebenarnya Google mempunyai rumus tersendiri dalam menghitung page rank sebuah website, tapi karena sangat rumit perhitungannya. Jadi tidak saya cantumkan disini. Bagi anda yang ingin mengetahui rumusnya. Silahkan tanya ke om wiki aja. Ini alamatnya http://en.wikipedia.org/wiki/Page_rank senyum.

Ok saya rasa cukup penjelasannya.

Membuat Kotak Daftar Isi

Postingan ini saya buat untuk menjawab pertanyaan dari seorang rekan blogger yang menanyakan kepada saya melalui email. Beliau bertanya kesaya, "mas, bagaimana cara membuat kotak blogger tutorial seperti di blog mas?" Hm.. Mungkin yang dimaksud adalah yang ini kali ya :)

Blogger Tutorial


Ok sebenarnya cukup mudah untuk membuat daftar isi seperti diatas. Bagi anda yang sudah lama ngeblog pasti sudah tahu cara membuatnya hanya saja mungkin caranya yang berbeda.

Nah berikut saya akan memberikan cara membuat kotak daftar isi dengan cara saya sendiri. Silahkan diikuti bagi yang ingin mencobanya.

1. Login ke blogger. Buka menu Design -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
1. <a href="http://mrsulblog.blogspot.com/2010/12/apa-itu-blog.html">Apa itu blog</a></div>

<div class="list">
2. <a href="http://mrsulblog.blogspot.com/2010/12/cara-membuat-blog-di-blogger.html">Panduan membuat blog di blogger</a></div>


</div>

Keterangan:
380px merupakan lebar kotak
180px merupakan tinggi kotak
#ffffff pada background-color merupakan warna background
#ffffff pada border merupakan warna garis pinggir. Silahkan ganti sesuai dengan template anda.


Ingat:
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode </div>

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.


3. Kalau sudah klik Save Template. Selesai.

Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode ini

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

Dengan kode berikut

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkJAjtj4mbqS8VwpaPStAy_Bxkq-GoFjfYSPjsWeI2PAF0ioOBAStWSS5bPY9KP2_bZh8LT1NzBhMcr0W6W7DmSa3KMaBJ4kt3V5KGNRkmCoSX7x4kES06Ra0u8mEAh66J1RcELENR56I/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.

Selamat mencoba. Semoga berhasil

Pasang Meta Tag Keyword dan Deskripsi di Blogger

Melanjut postingan sebelumnya tentang cara mendaftar blog ke search engine dan tips agar blog cepat terindeks di search engine. Maka pada postingan ini saya akan membahas tentang SEO (Search Engine Optimization) lagi.

Ada banyak teknik SEO yang bisa diterapkan untuk mengoptimalkan blog anda. Seperti membangun backlink, mengoptimalkan konten, memasang meta tag, dan mendaftar blog ke direktori atau search engine.

Nah dari sekian teknik diatas, cara yang paling mudah diterapkan adalah memasang meta tag. Memasang meta tag pada blog sama seperti memberi identitas pada blog kita. Tujuannya agar search engine lebih mudah mengenali isi dari blog kita. Karena pertama kali yang di crawl atau ditelusuri pada blog kita adalah bagian title blog sehingga alangkah baiknya jika kita selipkan deskripsi atau keyword yang berhubungan dengan isi blog kita di bagian tersebut.

Untuk memasang meta tag di blogger caranya sangat mudah:

1. Buka blogger. Klik Design -> Edit HTML

2. Letakkan script meta tag berikut dibawah <title><data:blog.pageTitle/></title>

<meta name="description" content="deskripsi blog"/>
<meta name="keywords" content="keyword atau kata kunci blog"/>
<meta name="robots" content="index follow"/>

Keterangan:
Ganti tulisan yang dicetak merah sesuai dengan penjelasan berikut:

deskripsi blog: deskripsi singkat tentang topik blog anda. Contoh: "tutorial membuat blog untuk blogger". Usahakan kalimatnya tidak lebih dari 150 karakter

keyword atau kata kunci blog
: isi dengan keyword atau kata kunci yang berhubungan dengan topik blog anda. Contoh: "blogger tips, blogger tutorial, tutorial blog". Usahakan untuk tidak mengulangi 1 kata lebih dari 3 kali dan tidak mengisi kata kunci yang tidak relevan dengan isi blog anda. Misalnya blog anda berisi tentang travel lalu anda memberi keyword "free download, foto bugil, video porno" yang merupakan keyword populer di internet. Karena hal ini akan dianggap spamming.

index follow: berarti meminta spider untuk mengindeks atau menelusuri link yang ada pada halaman blog. Jika anda tidak ingin spider untuk mengindeks link pada halaman blog anda. Gunakan perintah "noindex nofollow".

3. Jika sudah, klik Save Template. Selesai.

Selamat mencoba. Semoga blog sobat semakin akrab dengan Google dan teman-temannya. kenyit

Tips Agar Blog Cepat Terindeks di Search Engine

search engine indeksSebelumnya saya sudah pernah menyinggung tentang cara mendaftar blog ke search engine agar blog lebih mudah terindeks. Memang benar cara ini bisa mempercepat proses listing blog di mesin pencari seperti Google, Yahoo, dan lainnya. Namun hanya dengan mengandalkan cara tersebut tentu saja tidak cukup karena bisa memakan waktu hingga 2 -3 minggu agar blog dapat teriindeks di search engine tersebut.

Nah supaya anda tidak menunggu terlalu lama, berikut saya akan membagikan beberapa tips agar blog anda bisa terindeks dalam waktu kurang dari 1 minggu. Meskipun tidak seratus persen menjamin namun cara ini telah saya coba dan rata-rata blog saya terindeks dalam waktu 1-3 hari. Ok ini dia tips-tipsnya.

1. Setelah membuat blog. Posting minimal 2-3 artikel di blog anda. (Konten asli bukan hasil copas).

2. Setelah itu, lakukan ping dengan Ping-o-matic. Ping-o-matic adalah sebuah layanan yang berfungsi untuk memberitahukan kepada search engine untuk mengupdate blog anda. Lakukanlah ping hanya ketika anda memposting artikel baru. Jangan sering menggunakan layanan ini karena bisa dianggap spamming.

3. Daftar blog anda ke Technorati. Mengapa Technorati? Karena Technorati merupakan situs direktori terbesar saat ini dengan PR 9 sehingga dengan mendaftar blog anda disana maka akan meningkatkan popularitas blog anda dimata search engine dan juga akan memudahkan search engine untuk mengindeks blog anda.


Ok itu saja tips-tips dari saya. Memang masih ada cara-cara lain. Tetapi dengan mengikuti ketiga tips tersebut saja sudah cukup untuk mempercepat blog anda terindeks di search engine.

Selamat mencoba dan semoga bermanfaat.

Cara Mudah Mencari Label Pada Blogger

Bagi para blogger, gonta-ganti label postingan merupakan hal biasa. Hal ini bisa disebabkan mungkin salah memberi label atau mau tambah label baru pada postingan. Jika yang diganti adalah 1-2 biji mungkin tidak bermasalah tapi bagaimana jika sampai 50 atau 100 postingan. Tentu akan kewalahan untuk mencari satu per satu. Nah untuk mengatasinya, anda bisa menggunakan fasilitas Find dari Firefox. Caranya:

Pertama masuk ke menu Posting -> Edit Post. Setelah itu, tekan Ctrl+F masukkan nama label yang ingin anda ganti. Lalu klik Highlight all. Sesaat kemudian semua nama label yang sama dengan keyword yang anda masukkan akan terhighlight. Sebagai contoh saya mencari label dengan nama "blogger tips" maka hasilnya seperti gambar dibawah ini.


Dengan menggunakan fasilitas highlight seperti contoh diatas tentu akan lebih memudahkan kita menemukan nama label yang ingin kita cari.

Selamat mencoba. Semoga bermanfaat.

Tips Menghilangkan Border atau Garis Pinggir Pada Gambar

Untuk template-template tertentu, ketika anda mengupload gambar pada postingan. Akan muncul garis pinggir atau border pada gambar tersebut.

rssJika anda merasa terganggu dengan keberadaan garis pinggir tersebut dan ingin menghilangkannya menjadi seperti ini.

rss icon
Berikut caranya:

1. Login ke Blogger. Klik Design -> Edit HTML
2. Cari kode .post img atau .post-body img. Biasanya dibawahnya akan dikuti dengan kode seperti contoh dibawah ini.

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}
Setiap template mempunyai kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah nilai bordernya. Ganti angka 1 pada border menjadi 0. Jadi kodenya menjadi seperti ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}
3. Jika sudah, klik Save Template
4. Selesai. Silahkan lihat hasilnya.

Membuat Efek Marquee atau Teks Berjalan

Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih hidup dan dapat menghemat ruangan pada blog kita.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
  • Alternate : Teks bergerak bolak-balik
  • Slide : Teks hanya bergerak sekali saja
  • Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

  • Up : Teks bergerak keatas
  • Down : Teks bergerak kebawah
  • Left : Teks bergerak kekiri
  • Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

Welcome To My Blog

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Welcome To My Blog</marquee></font>



Contoh 2: Efek teks berjalan bolak-balik secara vertikal:


Welcome To My Blog

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Welcome To My Blog</marquee></font>



Contoh 3: Efek teks berjalan kekanan secara kontinu


Welcome To My Blog

Kodenya:


<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>



Contoh 4: Efek teks berjalan kekiri sekali saja


Welcome To My Blog

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>



Contoh 5: Efek teks berjalan kekanan tiga kali

Welcome To My Blog

Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>



Contoh 6: Efek Bounce


Panduan membuat blog

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Panduan membuat blog</marquee></marquee></font>


Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Sebagai contoh saya memasukkan kode ini:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>

Hasilnya seperti ini:

panduan membuat blog untuk pemula beserta tips n triknya...

Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..sengihnampakgigi

Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan mengganti nilai-nilai pada attributes.


Cara memasang kode marquee pada blog:


1. Login ke Blogger. Klik menu Design->Page Elements
2. Klik Add a Gadget-> HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya

Selamat berkreasi...senyum

Cara Menghasilkan Kode Warna HTML dengan Photoshop

color wheelTahukah Anda bahwa warna-warna yang muncul pada halaman blog itu dihasilkan dari kode-kode warna HEXA dan RGB.

Ada banyak cara untuk mendapatkan kode warna HTML tersebut seperti menggunakan aplikasi warna yang sudah banyak tersedia di internet atau menggunakan program pengolah gambar yang biasanya digunakan untuk edit gambar. Pada postingan ini saya akan menjelaskan cara menghasilkan kode warna dengan salah satu program pengolah gambar paling populer yaitu Photoshop.

Bagi para blogger yang tidak memiliki program photoshop bisa menggunakan program Ms Paint dari Windows. Untuk mengetahui cara mendapatkan kode warna dengan Ms Paint. Silahkan baca postingan saya tentang cara menghasilkan kode warna HTML dengan MS Paint

Berikut adalah cara menghasilkan kode warna HTML dengan Photoshop:

Cara pertama:

1. Buka program Photoshop. klik pada Foreground color


2. Pilih warna yang Anda inginkan. Lalu copy kodenya dalam kotak yang diberi tanda


3. Gunakan kode tersebut untuk mengganti warna pada template. Bagi anda yang belum tahu cara mengganti warna pada template. Coba baca dulu postingan saya tentang tips mengganti warna background blockquote

Catatan:
Jika Anda ingin mengambil warna dari template. Silahkan menggunakan cara kedua

Cara kedua:

1. Screenshot atau ambil gambar template dengan cara tekan tombol Print Screen pada keyboard

2. Buka program Paint. Lalu tekan Ctrl+V untuk mempaste gambar

3. Klik File -> Save As. Simpan gambar dalam format .bmp

4. Kemudian buka program Photoshop. Lalu klik File -> Open. Cari gambar yang disimpan tadi lalu klik Open

5. Aktifkan Eyedropper Tool kemudian klik pada sampel warna yang mau diambil

6. Sampel warna yang Anda ambil akan muncul pada foreground color

7. Gunakan cara pertama diatas untuk menghasilkan kode warnanya

Selamat mencoba. Semoga bermanfaat...

Tips Mengganti Warna Background Blockquote

blockquoteUntuk template tertentu, pada bagian blockquote akan diberi warna agar tampilan template terlihat lebih unik dan menarik namun jika anda tidak suka dengan warna yang diberikan. Anda bisa mengganti warna background blockquote dengan warna lain yang anda inginkan hanya sedikit modifikasi pada kode css template anda.

Nah bagi anda yang belum tahu apa itu Blockquote. Blockquote adalah tag HTML yang digunakan untuk menampilkan quote/kutipan pada artikel. Contoh tampilannya seperti ini:

blockquoteUntuk mengganti warna kotak blockquote. Ikuti langkah-langkah berikut:

1. Pertama login ke Blogger. Klik Design -> Edit HTML

2. Cari kode berikut:
post-body blockquote {
padding:3px 15px;
background:#53de61;
margin:5px 0px;
color:#930;
border:solid 1px #32c45f
}
atau
blockquote {
padding:3px 15px;
background:#53de61;
margin:5px 0px;
color:#930;
border:solid 1px #32c45f
}
Catatan:
Yang perlu anda perhatikan adalah kode berwarna merah sedangkan kode berwarna biru pada setiap template berbeda-beda.

3. Kalau sudah ketemu, ganti kode yang dicetak tebal biru pada property background dengan kode warna yang anda inginkan. Contohnya saya mengganti dengan #ffffff yang merupakan kode warna putih maka hasilnya menjadi seperti ini:

blockquote
Selamat mencoba dan semoga bermanfaat.


Tambahan:Bagi anda yang tidak mengetahui kode warna. Silahkan baca disini

Untuk menghilangkan border atau garis tepi blockquote, ganti 1px pada property border menjadi 0px.


Happy Blogging...!