0 Cara membuat link yang SEO friendly di Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Pada artikel sebelumnya saya sudah membuat artikel tentang apa yang dimaksud dengan link dan URL. Sebelum kita mengetahui lebih jauh mengenai cara membuat link di postingan blog ada baiknya sobat buka dulu artikel tersebut. Pada dasarnya link atau tautan unsur utamanya adalah URL. Sedangkan yang lain adalah kode tambahan berupa URL gambar (untuk link bergambar) dan anchor text. 

A. Di bawah adalah contoh link yang baik untuk SEO blog

<a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html">Cara membuat blog di blogspot </a>

1. <a = start link tag

2. kode biru = lokasi link referral yang akan dituju

3. kode merah = anchor text

4. </a> = link tag penutup

Jadi dari ke 4 kode di atas harus lengkap, karena jika tidak lengkap bisa tidak berfungsi maksimal terhadap SEO blog. Mengapa harus ada anchor text? Untuk memudahkan spider tahu bahwa mereka harus menambahkan link ini ke grafik link search engine, menggunakannya untuk menghitung query-variabel independen (seperti PageRank Google), dan mengikutinya ke indeks isi dari halaman yang dirujuk. Jadi intinya antara URL dan anchor text harus atau paling tidak mewakili kata yang sama. (lihat kode di atas tadi)

B. Bagaimana cara menambahkan link di dalam postingan blog.

Sangat mudah. Saat menulis atau mengedit artikel, silakan ikuti langkah-langkah berikut.

1. Blok kata / text yang diinginkan

2. Klik Tulisan link di bagian atas di bagian bawah kata publikasikan

3. Cara memasukkan link dan pengaturan rel dofollow nofollow link. Lihat gambar di bawah

• Jika kita blok pada langkah 1 akan muncul anchor text pada kode ditunjukkan nomor 1

• Pada web address masukkan URL yang akan dituju (2)

•  centang Open this link in new window jika ingin muncul di tab baru (3)

•  centang 'rel nofollow' jika link yang dituju adalah link keluar (outbond link) blog (3)

•  hapus centang 'rel=nofollow' jika link yang dituju adalah link di dalam blog sobat sendiri /internal link (3) Klik OK. Selesai.

C. Cara Memasang Link di Sidebar atau Footer dengan HTML/Javascript

 

Lihat contoh kode pada bagian A. Silakan ubah URL (kode biru) dan anchor text (merah) kemudian sesuaikan dengan yang diinginkan

Masuk ke dasbor > tata letak > Tambahkan Gadget > Html / javascript

Kemudian masukkan kode lengkapnya. Klik simpan

D. Memasang link di Sidebar dengan URL langsung (lewat Daftar Link) 

Memasang link bisa juga dengan cara memasukkan URL link secara langsung baik di sidebar atau footer

Cara membuat link di daftar link

Masuk ke dasbor > Tata Letak > Add Gadget > Daftar Link > Klik Tanda  +

• Judul boleh dimasukkan boleh tidak
• Menyortir daftar link tersedia dengan urutan berdasar abjad atau acak.
• URL situs baru ; di isi URL yang sobat kehendaki
• Kemudian masukkan nama link, (anchor text)
• Klik Simpan

Kalau anda mau menambah atau menghapus link tiggal klik EDIT di Tata letak Gadget daftar link tadi.

Demikian 3 cara mudah memasang link di blog. Terserah Sobat mau pakai cara yang mana. 

Saran dan kesimpulan;

• Memasang link di postingan atau di blog merupakan teknik seo dasar yang mungkin "terlupakan", namun cukup memberikan efek dalam menaikkan rangking Pagerank dan mengecilkan Alexa Rank.

• Untuk SEO blog, pastikan pasang 'rel="nofollow" untuk link keluar dan dofollow untuk internal link (atau jangan ditambahkan kode 'rel="nofollow"

•  Link internal yang baik harus dengan anchor text yang sesuai dengan URL yang dituju.

• Memasang link di postingan blog juga dalam upaya menaikkan pagerank postingan lain yang nilai pagerank nya lebih rendah? Kok bisa. Ya, karena tiap halaman artikel blog berbeda-beda rangking pageranknya. silakan cek sendiri di prchecker.info

Bagaimana sobat blogger, SEO itu mudah dan sederhana bukan? Tapi ingat SEO blog adalah sebuah proses yang perlu usaha dan kerja keras yang maksimal. Popularitas blog atau munculnya postingan blog di halaman pertama google membutuhkan waktu. Tidak bisa secara instan. Silakan dicoba.

0 Apa itu link dan URL? Jenis dan contoh penerapannya

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Sebelum kita membahas bagaimana cara membuat link, ada baiknya kita pahami dulu tentang apa yang dimaksud dengan link, jenis-jenis link, fungsi dan manfaat link. 

Apa itu link? Sederhananya Link adalah sebuah tautan yang mengarah baik itu ke dalam blog itu sendiri (inbound link) maupun ke luar blog (outbond). Kalo yang tadi jenis link menurut masuk atau keluarnya blog. 

Unsur utama Link adalah URL atau alamat sebuah blog, postingan blog ataupun website lain.

contoh URL;

http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html

Diatas adalah sebuah contoh URL yaitu untuk alamat postingan blog saya tentang cara membuat blog.

Link sendiri terdiri dari bermacam-macam;

• Link dilihat dari fungsi tab terbagi menjadi link dengan membuka tab baru dan link dengan tanpa membuka tab baru (tetap di tab yang sama)

• Link bisa berupa gambar dan yang berupa teks jangkar (anchor text)

• Dilihat dari arah link, ada inbound link (link masuk) dan outbond link (link keluar)

Contoh-contoh penerapan link

A. Link dengan fungsi tab

1. Link dengan anchor text /teks biasa dan membuka di tab baru

Cara membuat blog di blogspot

Silakan sobat buka link tautan di atas maka akan terbuka di tab baru

kodenya ;

<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html” target="_blank></a>

2. Sekarang buka link di bawah ini sebagai contoh link teks dengan tidak membuka tab baru

Cara Membuat Akun Twitter 

Kodenya;

<a href=”http://blogbelajar2.blogspot.com/2012/06/cara-buat-akun-twitter-sekaligus-sarana.html"></a>

B. Link berupa Gambar

Link berupa gambar adalah link yang ditunjukkan dengan simbol atau gambar tertentu yang mengarah ke alamat URL tertentu

Silakan buka / klik gambar di bawah ini

Gambar di atas adalah contoh link dengan gambar yang bila di klik akan membuka di tab yang sama. Kodenya adalah seperti di bawah ini. Ada 2 URL di sini, yaitu URL post blog dan URL untuk menimpan gambar.

<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html”><img src=”http://julak-project.googlecode.com/files/belajar%20cara%20membuat%20blog%20di%20blogsppt.jpg”></a>

Untuk membuat link dengan gambar, agar muncul di tab yang baru adalah dengan menambahkan kode

target="_blank" setelah alamat / URL blog

contohnya seperti di bawah ini;

<a href=”http://blogbelajar2.blogspot.com/2012/02/cara-membuat-blog-di-blogspot.html” target="_blank"><img src=”http://julak-project.googlecode.com/files/belajar%20cara%20membuat%20blog%20di%20blogsppt.jpg”></a>

Penjelasan;

Kode berwarna biru adalah URL/alamat blog / website yang dituju
Kode berwarna ungu di isi dengan alamat gambar, misalnya saya sendiri menyimpan gambar di google code

Demikian penjelasan sederhana mengenai apa itu link, jenis dan penerapannya. Semoga bisa membantu Anda.

0 Cara Mengatur dashboard / setelan blogger tampilan baru

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Seberapa penting setelan dashboard blogger. Jawabnya sangat penting, karena dari sinilah dasar-dasar SEO blog diawali. Kita bisa mengatur berbagai fitur yang disediakan oleh blogger dengan cara yang cukup mudah, walau ada juga fitur-fitur yang juga berisiko jika kita tidak mengetahuinya.

Dalam tutorial kali ini, saya akan memberikan contoh cara pengaturan dashboard dengan tampilan baru. Mengapa tampilan baru? Banyak kelebihan dasbor terbaru jika dibandingkan dengan tampilan lama. Terutama dalam hal optimasi search engine.

Nah bagaimana cara pengaturan dashboard blogger versi terbaru? Mari kita simak sama-sama. 

Dasbor blogger terdiri dari beberapa tab, yaitu;

1. Ikhtisar

Dalam menu ini terdapat statistik, jumlah komentar, jumlah pageviews terbaru, jumlah post dan jumlah follower serta berita terupdate dari Blogger Buzz. 

2. Menu Post

Di sini ditampilkan seluruh post baik yang sedang dalam proses (draft), Terjadwal maupun yang sudah diposting. Disini juga kita bisa mengedit posting artikel yang sudah pernah dipublikasikan. Kita juga bisa mengatur jumlah post yang ingin ditampilkan perhalaman, 10, 25, 50, 100. Kita juga bisa memilih per label / kategori tertentu yang ingin di tampilkan serta menghapus halaman yang sudah dibuat. 

3. Menu Laman

Pada menu ini bisa dilihat seluruh halaman yang telah dibuat. Untuk pengaturan dan cara membuat laman silakan buka Cara membuat laman statis di blogspot.

4. Menu Komentar

Disini bisa kita lihat seluruh komentar baik yang sudah diterbitkan, kategori komentar spam maupun yang dalam proses moderasi.

5. Tab statistik

Pada tab ini bisa dilihat statistik kunjungan terbaru, perharian, mingguan, bulanan maupun secara keseluruhan dari awal dibuatnya blog. Ada juga fitur sumber lalulintas asal kunjungan. Untuk tab pemirsa adalah negara asal pengunjung.

6. Earning Tabs / Penghasilan

Earning tab berfungsi sebagai alat pendaftaran google adsense. Earning tab hanya muncul jika bahasa di atur ke dalam bahasa Inggris (untuk blog lama). Silakan buka artikel Cara memunculkan earning tab di dasbor blog berbahasa Indonesia

7. Tata Letak 

Fitur ini berfungsi untuk mengatur letak gadget-gadget yang berada di sidebar, footer, maupun di bawah posting blog. Silakan geser / drag gadgetnya dengan cara Mengklik Gadget > Tahan > Geser ke tempat yang diinginkan. Selain itu juga untuk menghapus gadget-gadget yang telah digunakan.

8. Template

Tab ini berguna untuk mengganti template blog hasil unduhan, memback up / download template, dan mengubah ukuran halaman post, sidebar, menambah elemen gadget khususnya untuk template default blogspot. serta pengaturan untuk tampilan seluler, mobile.

9. Setelan.

Nah Ini yang utama. Ada beberapa fitur di dasbor tampilan baru yang tidak terdapat di dasbor tampilan lama. Yuk kita simak sama-sama.

A. Setelan Dasar

1. Untuk setelan dasar bisa di atur sebagai berikut;

• Judul adalah berfungsi untuk mengubah nama blog, misalnya punya saya ini Belajar Ngeblog, silakan klik link edit, lalu masukkan nama blog sobat klik simpan perubahan. Jangan terlalu sering ganti nama, malahan kalau bisa jangan diganti sejak pertama kali dibuat. Kalaupun mau ganti adalah saat pertama bikin blog yaitu baru beberapa artikel dibuat.

• Deskripsi, boleh dikosongkan, kalaupun mau diisi, samakan dengan meta tag deskripsi blog (lihat di setelan preferensi penelusuran) 

• Privasi adalah untuk mengatur apakah blog boleh diakses search engine google atau tidak, silakan pilih Ya pada kedua item.

2. Penerbitan

• Menu ini adalah untuk mengganti URL blog, misalnya punya saya adalah blogbelajar2.blogspot.com. Saran saya JANGAN PERNAH DIGANTI URL blog Anda.

• Selain itu juga untuk mengubah arah penerbitan post, jika suatu saat Anda ingin membeli domain, misalnya .com , .net . web.id , .info dll.

3. Izin

• Penulis blog Untuk mengatur siapa saja yang boleh membuat tulisan atau artikel di blog Anda. Jika mau silakan klik Tambahkan Penulis, Masukkan email Google teman yang diundang untuk menulis di blog kita.

• Pembaca blog pilih Siapapun.

B. Setelan Pos dan Komentar

• Post ; silakan atur berapa jumlah postingan di halaman utama / homepage blog. Pilih Posting.

• Untuk setelan komentar selengkapnya silakan buka Sebab mengapa blog sepi komentar

• Tampilkan gambar dengan lightbox pilih Ya

• Bagikan ke Google Plus pilih Ya (jika akun blogger anda sudah terintegrasi denga akun google plus)

C. Setting Bahasa dan Pemformatan

• Setelan bahasa jika ingin menampilkan earning tab silakan pilih Inggris - english

• Aktifkan transliterasi pilih dinonaktifkan

• Format silakan atur waktu dimana anda tinggal, ini cukup mudah.

D. Pengaturan preferensi penelusuran

• Tag meta; Deskripsi silakan klik edit kemudian masukkan deskripsi blog. Ini juga berfungsi agar meta tag deskripsi setiap halaman posting blog bisa berfungsi, untuk penjelasan selengkapnya silakan buka Cara menambahkan meta tag deskripsi blogger versi terbaru

Kesalahan dan pengalihan

• Pesan Khusus untuk Laman Tidak Ditemukan klik Edit > masukkan kata-kata yang dikehendaki

• Pengalihan Khusus; untuk mengatur pengalihan halaman ke halaman lain (redirect) di pencarian google

• Untuk perayapan dan pengindeksan (crawl and indexing) biarkan gak perlu diedit kecuali anda punya keahlian alias sudah master. hehehe

E. Setelan Lainnya

Alat Blog

• Impor blog adalah fitur untuk memasukkan entri / posting blog dan komentar dalam format .xml. Saya sendiri kurang begitu paham  cara kerja fitur ini. 

• Ekspor blog adalah alat untuk mendownload seluruh isi blog, dengan tujuan untuk memindahkan isi blog ke blog layanan lain, misalnya wordpress dan untuk disimpan di hard disk komputer saja.

Umpan situs

• bolehkan umpan blog pilh Penuh

• Posting URL pengubahan arah feed di isi jika sudah membuat akun di feedburner.com

• Aktifkan tautan lampiran bisa Ya boleh juga tidak

Konten Dewasa

• Pilih Ya jika blog Anda memuat konten dewasa, pilih tidak jika tidak ada konten berbau gituan, hehehe

Google Analytics

• ID properti web analytics di isi kode yang diberikan saat mendaftarkan blog di google analytics

Panjang juga yaa... nah mudahan artikel cara pengaturan dasbor blogger ini bisa membantu saudara blogger mania di mana saja Anda berada.

0 Cara membuat Recent Posts dengan Tampilan Gambar

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Salah satu cara untuk mengurangi tingkat bounce rate adalah dengan memasang recent posts. Widget recent post bisa juga disebut artikel terbaru atau posting terbaru berfungsi sebagai petunjuk postingan yang baru di update. Blog sobat pastinya punya pelanggan tetap baik dari twitter facebook maupun feed rss. Tentunya saat mereka kembali setelah lama tidak ke blog kita mereka bisa tau apa saja post-post terbaru blog kita.

Pada tutorial kali ini saya akan memberikan tutorial cara membuat gadget recent post dengan thumbnail atau yang ada gambarnya, tentunya jika posting sobat ada gambarnya, namun jika artikel tidak memasukkan gambar, maka gambar pun tidak akan muncul. 

Yuk kita ikuti caranya berikut ini.

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML Javascript

3. Silakan klik Copy all pada text area di bawah ini, lalu paste di form yang ada. Lalu simpan template.

<!-- Widget Recent Posts dengan Thumbnails kode Script Start --><br /> <p style="display:none;">Animated Scroll Recent Posts With Thumbnails For Blogger by <a href="http://blogbelajar2.blogspot.com/">Belajar Ngeblog</a></p><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /> <br /> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qemW-gPuJvUhf7IaE0zkIHDk0OyWuCUQ_xFh_kElZkcNyq5IHthTLIssFt_4AmD96I4uzokAJr5Ho-9fMk9lNcDnWPUPF1FSHhbMpufHbvj6rHdNx-CLS2pAuqv1C97U4U8KImkAp6D0/s1600/bdlab-blogspot-com.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style><br /> <br /> <script language='JavaScript'> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwMYN-YYTPrOg2txMSgtr_mKee9S1N00cMdu8Tramu8L4lBdILMrhaMD_QkKlcmzdwCTTl2fWKSueYWJSN8H2J2g3HNQsRsMOvtDA5amsDNr86lu9yH055-JDgtLkJEubr6BRZo3sFA/s400/noimage.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwMYN-YYTPrOg2txMSgtr_mKee9S1N00cMdu8Tramu8L4lBdILMrhaMD_QkKlcmzdwCTTl2fWKSueYWJSN8H2J2g3HNQsRsMOvtDA5amsDNr86lu9yH055-JDgtLkJEubr6BRZo3sFA/s400/noimage.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwMYN-YYTPrOg2txMSgtr_mKee9S1N00cMdu8Tramu8L4lBdILMrhaMD_QkKlcmzdwCTTl2fWKSueYWJSN8H2J2g3HNQsRsMOvtDA5amsDNr86lu9yH055-JDgtLkJEubr6BRZo3sFA/s400/noimage.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwMYN-YYTPrOg2txMSgtr_mKee9S1N00cMdu8Tramu8L4lBdILMrhaMD_QkKlcmzdwCTTl2fWKSueYWJSN8H2J2g3HNQsRsMOvtDA5amsDNr86lu9yH055-JDgtLkJEubr6BRZo3sFA/s400/noimage.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzwMYN-YYTPrOg2txMSgtr_mKee9S1N00cMdu8Tramu8L4lBdILMrhaMD_QkKlcmzdwCTTl2fWKSueYWJSN8H2J2g3HNQsRsMOvtDA5amsDNr86lu9yH055-JDgtLkJEubr6BRZo3sFA/s400/noimage.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://blogbelajar2.blogspot.com/"; limitspy=4 intervalspy=4000 </script><br /> <br /> <div id="spylist"><br /> <script src='http://julak-project.googlecode.com/files/recentpost%20.js' type='text/javascript'></script><br /> <br /> </div><br /> <!-- Widget Recent Posts dengan Thumbnails kode Script End --><br /> <br /> <center><a href="http://blogbelajar2.blogspot.com/" title="Cara Membuat Blog" target="_blank"><small>Get Widget</small></a></center>

Buat sobat yang belum tahu cara menambah gadget silakan buka artikel Cara memasang gadget di blog

Pengaturan :

• Untuk mengubah jumlah tampilan recent posts masuk silakan cari kode  numposts = 10; silakan ganti angka 10 nya.

• Jangan lupa mengganti alamat blog saya  http://blogbelajar2.blogspot.com/ dengan nama URL blog anda sendiri.

• Untuk mengubah ukuran gambar cari kode Silakan ubah angka 70, untuk memperkecil kurangi angkanya.

thumbwidth = 70;

thumbheight = 70;

Untuk demonya bisa dilihat di sini

Widget recent post sobat sudah jadi. Selamat berkarya menghias blog dengan widget recent posts.

0 Langkah dan Cara membuat akun email di google

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Seseorang yang pengen eksis di dunia per internet an wajib kiranya memiliki satu atau dua akun email. Mengapa? Sekarang semua sudah serba pakai email sodara-sodara. Mau bikin akun facebook pakai email, buka twitter pakai email. tugas dari dosen kirim via email. Pokoknya banyak dech fungsinya.

Apaan sih email itu? email singkatan dari electronic mail atau dalam bahasa Indonesia surat elektronik. Jadi kita berkirim surat gak seperti jaman dulu lagi, gak pakai lama, bahkan dalam hitungan detik pesan yang kita sampaikan langsung sampai ke alamat email yang kita tuju. 

Email pada awalnya adalah sebagai alat komunikasi. Namun seiring perkembangan teknologi informasi yang sudah semakin maju dan menjamurnya media jejaring sosial, fungsi utama email sebagai alat komunikasi tadi seolah tergerus. 

Adapun fungsi dan kegunaan Email, antara lain :

A. Sebagai media komunikasi yang cukup aman. 

Ya karena email tentu saja hanya diketahui oleh si pemilik akun email itu sendiri. Baik password maupun alamat emailnya. Jadi orang lain tentu saja tidak bisa membuka apa saja isi email orang tersebut. 

B. Sebagai media promosi suatu produk barang atau jasa

 

Anda yang mempunyai email  atau yang ingin punya akun email suatu saat pasti ada saja email yang "tersesat" masuk ke inbox. Ya itu biasa dilakukan oleh orang-orang yang mungkin saja berniat tidak baik, misalnya penipuan ataupun upaya hack akun email tersebut. Bahkan Alamat email pun sekarang sudah menjadi lahan bisnis yaitu dengan memperjualbelikan oleh oknum yang tidak bertanggung jawab.

C. Sebagai alat berkirim data / file dengan cepat

Email bisa digunakan sebagai alat pengirim data tertentu seperti tulisan, file microsoft office, gambar, audio  video file dan berbagai bentuk data lainnya. Tentu saja dengan cepat alias gak nunggu lama-lama. Bayangkan surat jaman dulu sebelum ada internet, kita harus mengirim surat bisa sampai seminggu baru nyampe. Sekarang dengan adanya email data yang dikirim bisa langsung diketahui hanya dalam jangka waktu beberapa detik saja. 

D. Email sebagai identitas pendaftaran.

Maksud saya disini adalah email berguna juga untuk mendaftar masuk ke media jejaring sosial, blog maupun website tertentu. Setiap kita akan membuat akun di jejaring sosial tertentu pasti akan diminta memasukkan alamat email. (Kecuali pengguna mobile/HP). Kita mau bikin blog pun harus punya email dan ini wajib hukumnya, hehehe.... 

Oke saya kira cukup segitu penjelasan mengenai kegunaan email. Kita fokuskan sekarang sesuai judul aja dech. Yaitu cara membuat akun google mail. Membuat akun google mail disini selanjutnya adalah ditujukan untuk membuat akun atau membuat blog di blogger.com.

Mengapa harus gmail? Karena sudah dari sononya, heee  dan karena blogger.com dan gmail sudah terintegrasi dan sama-sama miiliknya Mbah google, Akun gmail banyak fungsinya selain untuk membuat akun blogspot juga untuk mendaftar adsense, google webmaster, google adswords dan puluhan manfaat lainnya. Oke langsung saja kita buat akun gmail.

1. Masuk ke google.com

2. Lihat di tab bagian atas ada kata gmail, klik kata / link tersebut

3. Pada kata "belum pernah pakai gmail" klik link Buat akun

4. Lihat gambar di bawah isi dengan lengkap

• nama depan dan belakang di isi keduanya
• pilih nama alamat email misalnya emailku@gmail.com, yang dimasukkan cukup emailku saja
• masukkan sandi / password yang diinginkan, saran saya jangan pake nama kita sendiri ataupun tanggal lahir, agar lebih aman. pakailah variasi angka dan huruf agar lebih aman; misalnya 4ku4n4kmam4 dan tentu saja mudah dihafal dan diingat
• masukkan ulang kata sandi yang pertama tadi
• tanggal lahir ketikkan tahun, pilih bulan dan tulis tanggal kelahiran, boleh palsu
• Gender silakan sesuaikan jenis kelamin anda, yag jelas tidak ada pilihan waria, haahahaha
• Masukkan nomor HP anda, ini untuk menjaga siapa tau anda lupa password bisa mereset ulang kata sandi yang terlupa tadi

5.  Lanjutan gambar di atas

• Pada item alamat email anda saat ini silakan masukkan alamat email jika sudah mempunyai alamat email yang lain misalnya di yahoo.com. Jika belum punya kosongkan saja
• kemudian ketikkan kode captcha kata-kata  yang ada
• lokasi pilih indonesia
• centang kotak saya menyetujui persyaratan layanan dan kebijakan google dan centang juga yang dibawahnya
• Klik langkah berikutnya

 6. Item buat profil silakan pasang foto sobat, dengan klik tambahkan foto atau pilih langkah berikutnya.

Proses pembuatan akun Gmail anda sudah selesai. Silakan tutup browser firefox atau google chrome atau inernet explorer Anda. Lalu masuk lagi ke google.com.

Semoga tutorial bergambar langkah dan cara membuat email di google bisa membantu.

Teruuuss mau bikin blog di blogspot? Silakan buka cara membuat blog di blogspot gratis dan mudah.

0 Cara Menambahkan / Memasang Gadget ke Blog.

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Yaah sepertinya posting-posting selanjutnya akan kembali mengulang dasar-dasar blogging. Maklum ini juga untuk me.... teman blogger yang belum terbiasa alias baru belajar blogging. Sama seperti posting terdahulu Cara membuat laman statis di blogspot, karena banyaknya kata kunci yang ingin tau cara membuat halaman di blogger, nah kali ini kasusnya sama yaitu ada saja kata kunci yang masuk yaitu cara memasang aplikasi di blog. 

Aplikasi di sini mungkin yang dimaksudkan adalah widget atau gadget. Widget atau gadget tadi biasanya  dipasang di sidebar, header ataupun footer. Untuk memasang gadget kita perlu menambahkan kode tertentu seperti javascript ,css ataupun html, itu jika kita ingin menambahkan gadget dari pihak ketiga atau hasil copy dari blog lain. Beda dengan gadget bawaan blogger kita tidak perlu lagi menambahkan kode-kode, hanya tinggal klik 1 atau 2 kali saja, maka widget yang diinginkan sudah masuk ke blog kita.

Gadget default blogger itu antara lain, arsip halaman, popular post, tombol google plus one, kotak pencarian / penelusuran, gambar, slide video dan masih banyak lagi yang lainnya..... hehehe

Oke intinya disini kita akan ketahui cara menambahkan widget atau gadget tadi dengan 2 macam yaitu memasukkan gadget bawaan blogger dan memasang gadget dari blog lain/ hasil download.

A. Cara menambah gadget default blogger

1. Sebelumnya perlu diketahui saya memakai tampilan baru dasbor blogger (banyak kelebihan tampilan baru ini) Setelah masuk ke akun blogger, masuk ke dasbor. 
2. Kemudian pilih tata letak lalu klik tambahkan gadget. Sobat bisa melihat 2 gambar di bawah ini. 

Pada gambar 1 pilih tata letak

gambar 1. pilih tata letak

Pada gambar 2 di bawah, klik tambahkan gadget, bisa di bagian sidebar kanan, kiri, footer ataupun header. terserah sobat. namun biasanya di taruh di sidebar kanan agar loading blog menjadi cepat, atau di footer.

gambar 2. KLIK TAMBAH GADGET

Setelah kita klik tambah gadget tadi akan muncul pop iklan/ jendela baru, Naah tinggal pilih deeh, geser aja scroll mouse komputer Anda untuk memilih gadget yang diinginkan.

Sebagai contoh di sini saya akan memilih wigdet kotak penelusuran, Klik tanda tambah ( + ) yang berwarna biru bagian atas, akan muncul pratinjau, Lalu Simpan. Jika tidak jadi pilih batal atau kembali. Selesai, gadget pun muncul di blog sobat blogger.

Klik tanda tambah

B. Memasang gadget dari pihak ketiga / hasil copy/ download dari blog lain

Langkah-langkahnya  tidak jauh berbeda dengan bagian A. Hanya saja kita memakai kode html / javascript khusus untuk memasang widget.

Lihat langkah A gambar 2 geser terus ke bawah cari HTML/Javascript, klik tanda tambah (+)

gambar 4 html javascript

Sebagai contoh di sini saya sediakan kode html/javascript like facebook, tweet dan  google plus. 

Silakan klik saja copy all / select all, (akan otomatis ter copy). 

Kemudian paste didalam kotak form yang tersedia. Terakhir simpan. 

Lalu lihat tombol like facebook tweet dan goole plus 1 sudah muncul di bagian kanan bawah blog.

<style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id='pageshare' title="bagikan ke teman anda"><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.super-gaptek.com/2012/02/cara-membuat-blog-di-blogspot.html" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

paste kan kode dari copy all tadi di dalam form lalu simpan

Nah, bagaimana sobat, mudahan tutorial bergambar cara menambah gadget ini bisa membantu sobat blogger yang belum tau maupun yang masih bingung. Silakan dicoba. Buat yang sudah paham, harap maklum yeeee...

0 Cara membuat laman statis di blogspot

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Hayyaaa.... Pas buka-buka google Analytics eeh ada yang masuk dengan kata kunci cara menambah laman di blog dan yang tertuju bukannya ke halaman yang dimaksud, Malah masuk ke Cara menambahkan meta deskripsi terbaru blogger, hehehe  Laah emang gak ada tutorialnya kok.

Yaa namamnya manusia terkadang lupa. Mungkin juga kesalahan saya yang menganggap bahwa itu pekerjaan yang sangat mudah dilakukan. Sehingga kita melupakan satu hal, masih banyak yang baru belajar dan asing dengan namanya blog dan fitur-fiturnya. 

Laman statis di blogspot biasanya dibuat untuk menu daftar isi, about me/us yang menjelaskan tentang keterangan si pemilik blog, Link exchange / Tukar link, term & conditions dan fungsi lain.  Perbedaan halaman statis dengan halaman posting biasa terletak pada url dan kemampuan index dari search engine, sangat jarang google mengindex static page ini. Untuk URL bedanya seperti pada contoh:

http://blogbelajar2.blogspot.com/p/daftar-isi.html 

atau

http://blogbelajar2.blogspot.com/p/kode-warna.html

Contoh diatas adalah url laman statis blogger, sedangkan di bawah ini adalah contoh halaman posting:

http://blogbelajar2.blogspot.com/2012/04/cara-menambahkan-meta-deskripsi-blogger.html

http://blogbelajar2.blogspot.com/2012/05/memasang-widget-mode-energy-saver-untuk.html

Nah sudah tau pasti bedanya, yaa antara huruf "p" yang artinya page untuk halaman statis dan tahun / bulan posting pada url nya (untuk halaman posting biasa)


Oke dech tak perlu panjang lebar, langsung saja kita ikuti bagaimana cara menambah laman statis di blogger.

1. Pertama masuk ke akun Blogger

2. Silakan buka dasbor > Klik Laman > Klik Laman Baru > Klik Laman Kosong (tambahkan teks dan media)

3. Akan muncul tampilan seperti kita menulis artikel posting blog

• Masukkan judul posting laman, misalnya About Me, atau Daftar Isi Atau Privacy Policy
• Isikan kalimat dan kata-kata dalam posting laman
• Pastikan jika ingin memasang kode javascript, kode teks area Klik menu HTML, bukan compose
• Jangan lupa masukkan deskripsi penelusuran di samping kanan letaknya (akan ada jika sobat sudah mengaktifkan fitur meta deskripsi blogger) 
• Terakhir klik publikasikan
• SELENGKAPNYA LIHAT GAMBAR

4. Pengaturan

• Pada Tampilkan laman sebagai pilih > Jangan tampilkan, Ini jika sobat mau memasangnya secara manual di menu horizontal. Boleh ditampilkan juga di sidebar / tab samping atau di elemen header / tab atas. Namun jika di header biasanya jelek hasilnya, sedangkan jika di sidebar akan muncul menjadi menu vertikal. Saran saya buat dan pasang link laman di menu horizontal saja. Buka artikel Cara membuat menu navigasi horisontal drop down 

• Bagaimana cara memasang link laman di menu  horisontal? Silakan klik kanan pada link laman yang sudah dibuat, > Salin lokasi tautan/copy link location. Kemudian masukkan / paste link di menu horisontal yang telah di buat.

 Oke sobat sudah selesai membuat halaman di blogger? Mudah bukan? Silakan di coba.

0 Kesalahan dan Masalah Blogger Pemula

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Kenapa Kesalahan dan masalah, yup dua kata tersebut memang memiliki kata dasar yang sama namun memiliki makna yang berbeda. Kesalahan muncul karena ketidaktahuan atau sengaja berbuat salah sedangkan masalah yang saya maksud disini adalah kendala atau rintangan yang memang banyak ditemui oleh newbie blogger (pun oleh saya).  Saya anggap kesalahan bukan berarti saya seorang master atau senior dalam hal blogging. Namun ini berdasarkan pengalaman saya sendiri dan hasil pengamatan saya selama menggeluti dunia blog.

Nah dimanakah letak kesalahan dan masalah yang sering ditemui pada blogger pemula tersebut?

A. Suka menjiplak alias copy paste artikel dari blog lain. 

Hal ini sebetulnya bisa dimaklumi dan itupun pernah terjadi pada saya sendiri. Bisa terjadi karena memang kurang memahami atau tidak tau mengenai posting yang dibahas. Jangan karena kejar update postingan, kita harus menjiplak mentah-mentah blog orang. Ingat, menjiplak mentah-mentah berbeda dengan terinspirasi tulisan blogger lain lho. Tak perlu lah saya jelaskan dampak copy paste buat blog kita, karena ini sudah banyak di bahas oleh blogger lain. 

Tips yang dapat saya berikan agar kita berhenti copy paste. Setiap kita akan membuat artikel, carilah dulu referensi-referensi, minimal 3 sampai 5 sumber yang up to date, bisa dari website, buku, maaupun sumber lain. Jika itu dari artikel blog lain, simpan di harddrive komputer atau bookmark lah di browser sobat. Baca dan pahami baik-baik. Kemudian tulis kembali dengan gaya bahasa kita sendiri. Memang butuh latihan, ketekunan dan niat yang kuat bagaimana cara menulis artikel original. Membaca pun tidak bisa hanya dengan sekali, harus dilakukan berulang-ulang. teknik seperti ini masih saya lakukan hingga sekarang. Yakinlah jika kita terbiasa, pasti sobat blogger akan bisa membuat tulisan asli bikinan sendiri berikutnya.

B. Mengambil berbagai macam tema artikel. 

Banyak blogger pemula yang melakukan hal ini. Biasanya terjadi karena terinspirasi blog lain yang lebih dulu sukses. Banyak blog yang isinya bercampur baur antara tutorial blogging, berita, musik, sepakbola, hobby, free software, ilmu pengetahuan, hal aneh, konten porno dan lain-lain.

Logikanya begini, seseorang yang ingin mencari berbagai jenis obat, tentu dia akan pergi ke toko obat atau apotik, bukan warung sembako, walau terkadang warung sembako pun terkadang menjual obat, karena jika dia ke warung sembako niscaya tidak semua obat yang dia cari ada. Pun Seorang pengunjung yang ingin belajar blogging tentu saja akan berkunjung ke blog yang isinya mengupas berbagai hal blogging.

Mungkin kita lupa memperhatikan website semacam itu (yang berisi bermacam-macam tema tadi), bahwa website atau situs mereka diurus oleh beberapa orang admin/author, yang sesuai dengan bidangnya masing-masing. Dan butuh bertahun-tahun untuk membangun sebuah blog yang banyak follower. Tidak bisa dilakukan secara instan. Fokuskan pada satu atau 2 tema saja, agar usaha SEO blog kita tidak sia-sia. Perhatikan juga bounce rate blog kita.

C. Terpaku pada teknik SEO off Page.

Blogger pemula terkadang terlalu sibuk berpromosi di grup-grup facebook, mengundang teman agar menyukai halamannya, namun terkadang lupa memperbaiki artikelnya agar disukai pengunjung. Yakinlah tulisan yang baik, artikel unik dan berbobot akan menarik pengunjung untuk berlangganan blog kita. 

Sibuk berburu backlink dengan berkomentar di blog-blog dofollow  dengan komentar klasik "sip Gan !", "oke, blogwalking balik gan". Cobalah berikan masukan, saran dan komentar yang berbobot, kalau perlu bertanya, berikan juga pujian yang wajar dan tidak berlebihan, ini akan menyenangkan pemilik blog dan memberikan backlinknya.

Memang SEO of page juga harus dilakukan namun jangan lupakan juga SEO on page blog. Karena dari sinilah potensi untuk menjaring pelanggan baru.

D. Terlalu berorientasi pada Uang/penghasilan

Ingat yang dibutuhkan pengunjung adalah konten alias isi artikel, bukan iklan-iklan yang bejibun. Saya pun yakin iklan-iklan lebay semacam ads*nsec*mp yang berisi "ingin cepat kaya" "perbesar P##nis" tidak disukai pengunjung dan sama sekali tidak menghasilkan banyak uang. Jangan sampai pengunjung langsung kabur akibat loading blog yang lambat karena banyaknya iklan yang ikut nebeng di blog. Kalau mau pasang iklan, pasanglah iklan yang jelas-jelas menghasilkan uang dan pastikan setelah blog kita rame dan banyak memiliki pelanggan/follower. Blog itu adalah konten, konten adalah raja, Blog juga bukan toko mobile.

E. Terburu-buru memakai domain gratisan dan membeli TLD sendiri.

Memang ini hak blogger itu sendiri, terlebih jika tujuannya hanya untuk mencari pengalaman atau kesenangan semata. Namun jika tujuannya uang dan upaya SEO, saya rasa jangan pernah memakai domain gratisan semacam dotcodotcece, hehehe. Ingat domain seperti itu pernah di deindex oleh google, walau sekarang sudah kembali di index google, tapi yang namanya sudah cacat, tentu kepercayaan search engine berkurang. Pernahkah saat ini sobat lihat domain dotcodotcece tersebut nangkring di halaman pertama Google? Kalaupun ada paling cuma satu dua saja. Sama jika kita pernah dibohongi seseorang, tentu tingkat kepercayaan kita berkurang terhadap orang tersebut. 

Sebelum beli Top level domain berbayarpun, pikirkan pula mengenai keuangan / dana yang dibutuhkan. Jangan hanya karena gengsi kita lalu membeli domain, kuasailah dulu teknik dan strategi SEO yang baik dan benar. Intinya kalo pakai subdomain gratis aja bisa bersaing dengan blog lain dan bisa menarik banyak follower, ngapain juga beli domain? Perhatikan blog-blog yang sudah mapan yang memiliki banyak pelanggan. (gak perlu lah saya sebutkan satu persatu", Mereka bertahun-tahun masih pakai subdomain kok. Toh masih bisa eksis. Dan tidak ada yang bisa menjamin dengan TLD seperti dotcom bisa nampang di halaman pertama google.

Yah saya kira itu saja ya sedikit tulisan dari pengalaman saya. Ini hanya sekedar saran dan kritikan yang mudahan bisa menambah wawasan kita dalam blogging, mohon maaf jika ada yang tersinggung, wabillahi taufik walhidaayah, Tsumma salaamu alaikum warahmatullah wa bawarakaatuh, Jama'aaah oooh Jama'aaah.... Alhamduu lillaaah... hehehe

Happy Blogging.

0 Cara membuat daftar isi Scroll dan Accordion Style

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Daftar isi atau dalam bahasa Inggris biasa disebut Table of contents adalah sebuah fitur untuk memudahkan pengunjung mengeksplorasi isi sebuah blog, aagar pengunjung bisa mengetahui seluruh isi postingan sebuah blog. Tak sedikit blogger menyamakan istilah daftar isi dengan sitemap, padahal jelas berbeda. Daftar isi biasanya ada yang berdasarkan label atau kategori ada juga yang berdasarkan tanggal publikasi artikel.

Pada kesempatan ini saya akan berbagi tutorial bagaimana cara membuat daftar isi dengan scroll dan daftar isi dengan menu efek accordion jquery. Jika dengan scroll atau tombol gulir menampilkan isi berdasarkan tanggal posting maka daftar isi efek accordion adalah per label.

A. Membuat daftar isi sederhana dengan Scroll atau tombol gulir

Daftar isi dengan scroll ini tampilannya sangat sederhana dan tidak begitu banyak berat loadingnya. Menampilkan arsip atau isi blog berdasarkan tanggal dan bulan posting artikel. Cara membuatnya cukup mudah, bisa sobat masukkan di halaman statis, postingan, sidebar atau footer sekalipun. Khusus di halaman statis dan postingan harus masuk ke menu HTML (bukan compose). Silakan sobat copy kode berikut ini:

<div style="background-color: none; border: 1px solid #CCC; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 95%;"><div align="center"><span style="font-size: medium;">Daftar Isi</span></div><script src="http://julak-project.googlecode.com/files/dafisiscroll%20.js"> </script><script src="http://blogbelajar2.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>

Jangan lupa mengganti nama blog saya blogbelajar2 dengan nama blog sobat blogger sendiri. Silahkan masukkan/ paste di sidebar atau footer.

Catatan;

• Untuk mengurangi atau menambah ukuran tinggi lihat angka 400px silakan dimodifikasi
• Sedangkan untuk lebar kotak daftar isi ditunjukkan dengan angka 95% jadikan 100% atau dikurangi.
• Kata Daftar Isi bisa sobat ganti juga

Oke sobat, saya kira cukup mudah silakan lihat demonya di sini.

B. Cara membuat daftar isi keren efek accordion style

 

Sebelum sobat memakai atau mempraktekkan nya sobat bisa melihat contoh demonya di Daftar Isi

Bagaimana, bagus tidak, hehehe. hemat tempat karena begitu satu label dibuka secara otomatis label atau artikel lain akan menutup sendiri. Kalau sobat mau menggunakan silakan ikuti tutorial di bawah ini.

1. Langkah pertama yaitu menambahkan kode css ke template blog.
cari kode  ]]></b:skin> kemudian masukkan kode css di bawah ini tepat di atas kode ]]></b:skin> tadi.

#dafis-acc {
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
.dafis-label {
background: rgb(125,126,125);
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
color: #A1A1A1;
text-transform:uppercase;
font-weight: bold;
line-height: 2em;
margin: 1px 3px;
cursor: pointer;
outline: medium none;
overflow: hidden;
padding: 2px 10px;
text-decoration: none;
text-align: center;
}
.dafis-label:hover {
color: #F2F2F2;
}
.dafis-daf ol {
margin: 0 0 0 30px !important;
padding: 0 !important;
}
.dafis-daf ol li {
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
line-height: 1.3em;
margin: 1px 3px !important;
text-align: left;
white-space: nowrap;
}
.dafis-daf ol li a {
color: #333333 !important;
display: block;
padding-top:5px;
padding-left: 10px;
text-decoration: none !important;
}
.dafis-daf ol li a:hover {
color:f2f2f2;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

2. Memasang kode javascript / jquery. Cari kode </head> kemudian masukkan kode berikut ini di atasnya.

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

Jika ditemplate blog sudah ada kode tadi tidak perlu lagi memasukkannya.
Terakhir simpan template. 

3. Langkah ke tiga yaitu memasang kode berikut boleh di postingan blog atau di static page (halaman statis)

<script src="http://julak-project.googlecode.com/files/daftar%20isi.js" type="text/javascript">
</script>
<script src="http://blogbelajar2.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

silakan masukkan / gunakan  menu HTML pada saat menulis artikel. Jangan lupa untuk mengganti blogbelajar2 dengan nama blog sobat sendiri. Kemudian publikasikan. Dan daftar isi keren dengan accordion style pun sudah jadi. Daftar isi ini saya dapatkan dari blognya Mas Dalang di sini.

Sobat blogspotter mau pakai yang mana yang pertama atau kedua, dipersilahkan, hehehe.

0 Cara Membuat Spoiler di Postingan Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Spoiler adalah sebuah fitur dalam blog   fungsi utamanya adalah menyembunyikan teks, kode, kalimat atau gambar. Fungsi nya mirip dengan text area yaitu menghemat halaman posting agar tidak terlalu memanjang ke bawah. Saya yakin sobat sudah sering melihat di forum-forum bentuk sebuah spoiler, yaitu jika kita mengklik misalnya "show" atau "hide" atau "close" maka kita bisa melihat gambar / tulisan yang tersembunyi namun bisa dimunculkan.

Spoiler sering kali  dipasang pada sebuah halaman posting, namun ada juga yang memasukkan nya ke dalam sidebar atau footer untuk menyembunyikan widget tertentu. Pada tutorial ini kita akan ikuti cara membuat spoiler dengan isi tulisan dan spoiler dengan isi gambar di posting blogspot.

A. Membuat spoiler dengan isi teks

Klik Show Untuk Membuka Spoiler

Membuat spoiler di blog sangat mudah Inilah kode untuk membuat spoiler dengan teks

Berikut kode spoiler di atas:

<div style="margin-bottom: 2px;">Klik Show Untuk Membuka Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Memasang spoiler di blog sangat mudah  Inilah kode untuk membuat spoiler dengan teks </div></div></div>

Keterangan;

• Klik show untuk membuka bla bla bla bisa sobat ganti termasuk Show
• Sedangkan kode berwarna biru adalah isi dari spoiler dengan teks. 

 B. Memasang spoiler dengan isi image atau gambar

Spoiler :

Kode spoiler untuk isi gambar di atas;

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">

<img src="http://julak-project.googlecode.com/files/photos.png" border="0" alt="Post spoiler">

</div>
</div>
</div> 

Perhatikan cara memasang kode url gambar dengan teks warna biru. Ganti
http://julak-project.googlecode.com/files/photos.png dengan alamat gambar sobat sendiri yang sudah dihost misalnya milik saya ini di google code.

Bagaimana cara memasangnya di posting blog? Saat menulis artikel masuk ke menu  HTML bukan compose (lihat kiri atas) kemudian masukkan kode-kode diatas.

Nah bagaimana Sobat blogger. Ternyata cukup mudah bukan membuat spoiler di postingan blog. Silakan dicoba.

0 Submit Blog ke Puluhan Search Engine Plus Ask.com

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Google merupakan search engine terbesar dunia selain bing, yahoo, baidu, ask.com dan ratusan search engine lain di dunia maya ini. Beberapa search engine bahkan terintegrasi (tergabung) dengan google search dalam algoritma dan sistem pencarian dokumen. Maka dari itulah banyak tutorial blog ini ujung-ujungnya google search, google webmaster dan google lagi. (hehehe)

Namun selain google kita juga perlu mendaftar kan blog kita ke search engine yang lain. Yaah hitung-hitung "menebar umpan" siapa tau terindeks dan ada pengunjung yang masuk ke blog kita dari search engine tersebut. Buat sobat yang mau submit blog ke puluhan search engine, silahkan masukkan url lengkap pada form di bawah ini. Silakan masukkan nama, email dan centang tanda persetujuan ( i agree to the terms ) lalu klik submit.

Selain form di atas sobat juga bisa masuk ke website pada link di bawah;

Submit Express

Add Me

Submitshop


Cari form nya sendiri yaa...

Bonus.

Mengapa saya bilang bonus? Mungkin sedikit blog yang memberitahukan cara ini. Submit sitemap ke Ask.com. Silakan copy  kode di bawah, jangan lupa mengganti nama blog saya dengan blog sobat lalu masukkan ke address bar. enter.

http://submissions.ask.com/ping?sitemap=http://blogbelajar2.blogspot.com/rss.xml

Jika muncul tulisan;

Your Sitemap submission was successful

Your Sitemap has been successfully received and added to our Sitemap queue.
Thank you for your submission!

berarti.... yaa sobat pasti tau... hehehe. Tunggu beberapa hari yaa. Untuk mengeceknya buka ask.com, masukkan url blog di kotak form yang tersedia, klik search.

Demikian posting cara submit atau mendaftarkan blog ke beberapa search engine sekaligus. Semoga dengan cara ini blog sobat lebih banyak terindeks mesin pencari lain selain google dan bing. Good Luck. Happy Blogging.

Update:

Cara mengganti search engine default ask.com menjadi google search

Sehubungan ada yang "tersesat" dengan kata kunci di atas dan tidak mengecewakan, saya akan update mengenai cara mengubah search engine ask.com menjadi google.com. Salah satu alasan mengapa search engine default google berubah menjadi ask.com adalah akibat sobat menginstal software yang berafiliasi dengan ask.com. Nah bagaimana cara mengembalikannya silakan ikuti tutorial berikut ini:

• Pertama buka mozilla firefox sobat.
• Ketik about:config pada address bar
• klik saya berjanji akan berhati-hati  ( I’ll bee careful,I promise )

Pada filter bar ketik isi dengan kata  keyword.url

Klik  2X  pada  tab keyword.url   yang muncul

Pada kotak yang muncul hapus   string value-nya  dari  Ask.com  http://www.ask.com/web?q=   kemudian ganti dengan  string value dari  search engine  yang anda inginkan,contoh-nya  Google.com : dengan

http://www.google.com/search?ie=UTF-8&oe=utf-8&q=

Klik OK, maka serach engine default sudah kembali ke google.com. Selesai

Artikel terkait lain;

Cara daftarkan blog ke Google

Cara Daftar blog ke Yahoo dan Bing Webmaster Tools