Warung Bebas

Jumat, 30 September 2011

Membuat Daftar Isi Berdasarkan Tanggal Postingan

Membuat Daftar Isi Berdasarkan Tanggal Postingan | Tutorial Blog

Postingan ini lanjutan dari Membuat Daftar Isi Blog. cuma pada postingan ini daftar isinya di urutkan berdasarkan tanggal postingan. Caranya juga sama dengan Membuat Daftar Isi Blog, cuma kodenya saja yang beda.
  • Berikut kodenya :
    <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
    <script src="http://post-xml.googlecode.com/files/feed-dates.js"> </script><script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>
    </div>
    Ganti Alamat wadahtutorial.blogspot.com dengan url atau alamat blog Sobat.
  • Jika Anda ingin membuat halaman daftar isi, paste pada post area page/halaman Sobat.
    Tutorial Blog
    Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar hijau.
  • Jika Sobat ingin menampilkan di sidebar, paste pada area HTML gadget Sobat.
    Tutorial Blog,Daftar Isi Blog
    Untuk dapat digunakan sebagai Gadget, Sobat harus mengatur height dan width yang ditulis dengan warna biru.
Hasil untuk halaman Daftar Isi akan seperti ini
Tutorial Blog
Ok, Selamat mencoba...

Artikel Yang Lain :

Cara Submit Sitemap Blog ke Ask.com

Ask.com merupakan mesin pencari yang masuk dalam jajaran besar search engine. Tidak seperti google ataupun yahoo, submit blog ke Ask.com memakai jasa ping. Dan bukan url blog anda yang disubmit tapi sitemapnya. Sehingga sitemap mutlak diperlukan. Berikut Cara Submit Sitemap Blog ke Ask.com :
  • Pertama Anda harus mengetahui Url dari sitemap Blog Anda.
    berikut contoh Url sitemap :
    http://namablog.blogspot.com/atom.xml
    http://namablog.blogspot.com/rss.xml
    http://namablog.wordpress.com/sitemap.xml
    Ganti tulisan biru dengan nama blog Anda.

    Coba masukkan alamat tersebut pada Url Bar di Browser dan lihat apakah Url tersebut benar (tidak error).
    Tutorial Blog
  • Untuk cara submit masukkan alamat berikut pada Url Bar di Browser dan tekan enter.
    1. Untuk Blogger :
      http://submissions.ask.com/ping?sitemap=http://namablog.blogspot.com/atom.xml
      http://submissions.ask.com/ping?sitemap=http://namablog.blogspot.com/rss.xml
    2. Untuk WordPress :
      http://submissions.ask.com/ping?sitemap=http://namablog.wordpress.com/sitemap.xml
    Jika blog kita sudah sukses disubmit di ask.com, Sobat akan melihat gambar seperti di bawah ini:
    Tutorial Blog
Selamat Mencoba...

Postingan yang lain :

Kamis, 29 September 2011

Trik Memasang Widget Alexa di Wordpress.com

Karena kemarin saya posting tentang Memasang Widget Alexa di Blogspot, jadi sekarang Untuk Wordpress.com. Kita tahu bahwa program wordpress.com (atau wordpress gratisan) tidak bisa mengakses kode html yang berbentuk java script. Sementara untuk menampilkan widget rangking dari Alexa, yang diberikan adalah java script. Otomatis rangking web yang diberikan oleh Alexa di blog wordpress tidak bisa ditampilkan. Bagi anda yang mempunyai Blog dengan platform WordPress.com dan ingin menampilkan widget Alexa Rank, Anda dapat melakukan trik dibawah ini :
  1. Buka halaman ini www.alexa.com
  2. Klik Login.
    Tutorial Blog,Alexa Blog
  3. Login menggunakan account Alexa Anda, atau menggunakan account Facebook. Kalau belum punya Anda bisa register dulu,
    Tutorial Blog,Alexa Blog
  4. Klik pada Site Tools.
    Tutorial Blog,Alexa Blog
  5. Lalu Klik Alexa Site Widgets.
    Tutorial Blog,Alexa Blog
  6. Masukkan nama blog Anda dan klik Build Widget.
    Tutorial Blog,Alexa Blog
    untuk contoh ini saya menggunakan Blogspot, ganti dengan alamat Wordpress Anda.
  7. Pada gambar Site Info yang diinginkan (gambar statistik rangking yang nantinya ingin kita tampilkan), blok gambar tersebut (klik kiri tahan dan gerakkan mouse melewati gambar tersebut), kemudian tekan Ctrl+C untuk meng-copy-nya.
    Tutorial Blog,Alexa Widget
  8. Login ke WordPress, Klik Post > Add New.
    Tutorial Blog,Alexa Widget
    Pada tab Visual paste-kan (Ctrl+V), sehingga didapatkan gambar tersebut.
    Tutorial Blog,Alexa Widget
    Kemudian klik tab HTML dan copy kode tersebut.
    Tutorial Blog,Alexa Widget
    <a href="http://www.alexa.com/data/details/main?url=http://wadahtutorial.blogspot.com"><img alt="Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com" border="0" src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3dhZGFodHV0b3JpYWwuYmxvZ3Nwb3QuY29t/s.gif" /></a>
    Catatan : tiap blog yang dimasukkan di Alexa mempunyai kode yang berbeda.
  9. Setelah itu, klik Appearance > Widget
    Tutorial Blog,Alexa Widget
    Kemudian pilih Text untuk di-drag ke sidebar
    Tutorial Blog,Alexa Widget
    paste-kan hasil copy tadi dan klik Simpan / Save.
    Tutorial Blog,Alexa Widget
  10. Silahkan dicek Blog Anda dan lihat hasilnya.
Semoga Trik singkat ini bisa bermanfaat...

Artikel Terkait :

Rabu, 28 September 2011

Memasang Widget Alexa di Blog

Memasang Widget Alexa di Blog | Tutorial Blog

Fungsi dari Alexa Rank adalah untuk mengetahui sejauh mana peringkat Web/Blog kita pada mesin pencari / search engine berdasarkan pengunjung pada web/blog kita. Untuk mengetahui Rank Alexa Blog kita, dan supaya pengunjung juga tahu berapa Rank Alexa Blog kita ada baiknya kita memasang Widget Alexa Rank.
Pada tutorial ini akan saya bahas cara memasang Widget Alexa pada Blog dengan Platform Blogspot, untuk Wordpress.com silakan baca Trik Memasang Widget Alexa di Wordpress.com.
Berikut cara memasang widget Alexa di Blogspot :
  1. Buka halaman ini www.alexa.com
  2. Klik Login.
    Tutorial Blog,Alexa Widget
  3. Login menggunakan account Alexa Anda atau menggunakan account Facebook. Kalau belum punya Anda bisa register dulu.
    Tutorial Blog,Alexa Widget>
  4. Klik pada Site Tools.
    Tutorial Blog,Alexa Widget
  5. Lalu Klik Alexa Site Widgets.
    Tutorial Blog,Alexa Widget
  6. Masukkan nama blog Anda dan klik Build Widget.
    Tutorial Blog,Alexa Widget
  7. Copy kode yang diberikan.
    Tutorial Blog,Alexa Widget
  8. Login ke Blogger Anda dan klik Rancangan.
    Tutorial Blog,Alexa Widget
  9. Klik Tambah Gadget
    Tutorial Blog,Alexa Widget
    Dan pilih HTML/Javascript.
    Tutorial Blog,Alexa Widget
  10. Paste Kode dari Alexa tadi dan klik Simpan.
    Tutorial Blog,Alexa Widget
  11. Lihat Blog Anda dan Alexa Widget sudah terpajang disana.
Semoga Bermanfaat...

Artikel lainnya :

Selasa, 27 September 2011

Cara Mendaftarkan Url Blog ke Google Addurl

Agar blog Sobat jadi lebih akrab dengan mesin pencari google, dan pengunjung blog kita jadi meningkat, ini memerlukan usaha publikasi yang gencar dari Admin blog. salah satunya dengan mendaftarkan blog ke google. Namun perlu di ingat bahwa untuk mendaftarkan blog ke google tentunya blog Anda harus siap untuk didaftarkan. Jangan mendaftarkan blog yang belum online atau masih sangat miskin konten. Jika blog Anda kurang dari 10 artikel ada baiknya tunggu hingga 10 artikel. Normalnya Index Google akan memakan waktu 5 jam sejak Anda mendaftarkan blog Anda. Lalu setiap 5 jam juga Google akan cek perubahan yang terjadi pada blog Anda.
Buat yang merasa perlu mendaftarkan blognya ke Google ikuti langkah dibawah ini :
  1. Klik Google Addurl.
  2. Pada halaman selanjutnya isi URL Blog Anda.
  3. Isikan  Kode Chapta yang di minta.
  4. Klik Submit Request.
    Tutorial Blog
    Selesai.
Perlu di ingat bahwa Anda cukup mendaftarkan blog Anda satu kali saja tanpa perlu mengulanginya lagi. Anda juga tidak perlu memasukkan semua halaman-halaman blog yang ada untuk didaftarkan, cukup halaman utama saja seperti “http://www.alamatbloganda.com“ dan tidak perlu mendaftarkan “http://www.alamatbloganda.com/artikel.html” atau “http://www.alamatbloganda.com/foto.html” atau “http://subdomain.alamatbloganda.com” serta halaman-halaman lainnya.

Semoga Artikel ini bermanfaat dan selamat mencoba...

Artikel Terkait :

Senin, 26 September 2011

Cara Mensubmit Sitemap Blog ke Google

Postingan kali ini saya mencoba Berbagi bagaimana agar website kita cepat di index oleh Google. Banyak orang beranggapan bahwa Google sebagai Search Engine no.1 memiliki kualitas tinggi dalam mendatangkan traffic ke website kita. Karena itu akan sangat baik jika kita mendaftarkan Sitemap blog ke Google Webmaster.
    Buat yang belum tahu, Berikut Langkahnya:
  1. Masuk ke Google Webmasters
  2. Klik Sign in to Webmaster Tools.
    Tutorial Blog,Google Webmaster
  3. Masukan ID dan Password Google Anda.Klik Sign In.
    Tutorial Blog,Google Webmaster
  4. Pada halaman selanjutnya klik pada URL Blog Anda
    Tutorial Blog,Google Webmaster
  5. Klik Site configuration > Sitemaps.
    Tutorial Blog,Google Webmaster
  6. Klik Add Sitemap kalau anda belum pernah submit sitemap, jika sudah pernah klik Submit a Sitemap.
    Tutorial Blog,Google Webmaster
  7. Lalu masukkan Feed Blog Anda, dan Klik Submit Sitemap.
    Tutorial Blog,Google Webmaster
    Contoh sitemap bagi pengguna WordPress,
    http://namablog.wordpress.com/sitemap.xml/ atau
    http://namablog.wordpress.com/feed/.
    Masukkan sitemap.xml ataupun feed saja.
    Jika Anda pengguna blogger atau blogspot,
    Contoh sitemapnya seperti ini
    http://namablog.blogspot.com/feeds/posts/default
    http://namablog.blogspot.com/atom.xml
    http://namablog.blogspot.com/rss.xml
    Anda bisa memasukkan feeds/posts/default, atom.xml atau rss.xml.
  8. Jika sudah berhasil tampilannya akan seperti ini.

    Tutorial Blog,Google Webmaster
Semoga Bermanfaat...

Artikel Terkait :

Minggu, 25 September 2011

Memasang Meta Tag di Blog

Memasang Meta Tag di Blog | Tutorial Blog

Meta tag adalah sebuah tag yang menjelaskan deskripsi blog / website anda. Sekaligus memberikan informasi kepada mesin pencari, mengenai isi dari blog / website anda. Perlu diketahui saja, memasang meta tag di blog anda merupakan hal paling penting dalam SEO. Dengan meta tag di blog anda, akan mempermudah mesin pencari untuk meng-indeks blog anda. Tentunya, anda harus mendaftarkan dulu blog anda di search engine.
Berikut beberapa artikel tentang mendaftarkan blog ke search engine.
Untuk Langkah-langkah memasang Meta Tag ikuti tutorial ini :
  • Untuk Blog dengan Platform Wordpress :
  1. Copy Meta Tag, sebagai contoh saya gunakan meta tag dari Yahoo.
    Memasang Meta Tag di Blog
  2. Login WordPress, Klik  Tool > Available Tools
    Memasang Meta Tag di Blog
  3. Masukan Meta tag dari yahoo tadi pada kolom Yahoo ! Site Explorer, Kemudian klik Save Changes.
    Memasang Meta Tag di Blog
    Meta tag Google dan Bing juga di pasang pada halaman ini, untuk Alexa sepertinya tidak ada.
  4. Kembali ke Yahoo ! Site Explorer dan klik Ready to Authenticate / Siap melakukan Otentikasi.
    Memasang Meta Tag di Blog
  • Untuk Blog dengan Platform Blogspot :
  1. Copy Kode meta tag, contoh kali ini saya gunakan meta tag Alexa.
    Memasang Meta Tag di Blog
  2. Lalu login ke blogger anda, klik Rancangan > Edit HTML.
    Memasang Meta Tag di Blog
  3. Beri centang pada Expand Template Widget
    Memasang Meta Tag di Blog
  4. Cari kode <head>, Tekan Ctrl + F pada keyboard masukan kode <head>
    Memasang Meta Tag di Blog
  5. Dan pastekan meta tag dari alexa tadi tepat di bawah kode <head>.
    Memasang Meta Tag di Blog
  6. Simpan template anda. Setelah itu kembali ke Alexa dan klik tombol Verify My ID
    Memasang Meta Tag di Blog
    Untuk Meta tag dari Google, Yahoo, dan Bing caranya sama seperti langkah diatas.
Sekian Tutorial singkat tentang Memasang Meta Tag di Blog.

Cara Mendaftarkan / Submit Blog ke Bing

Apabila saat ini anda sedang mengembangkan sebuah blog/website, namun belum optimal dari segi jumlah kunjungan, maka anda harus mengoptimalkan blog/website anda ke berbagai search engine. Terdapat tiga mesin pencari yang populer saat ini, yaitu Google, Yahoo dan Bing.
Yang akan dibahas kali ini adalah Cara Submit Blog ke Bing. Untuk lebih jelasnya silahkan ikuti langkah-langkah berikut ini.
  • Mendaftar ke Bing :
  1. Masuk ke Bing Webmaster
  2. Klik Webmaster Tools Sign In.
    Tutorial Blog,Submit Bing
  3. Klik Sign up.
    Tutorial Blog,Submit Bing
  4. Isi Form pendaftaran, lalu isi Kode characters dan klik I Accept.
    Tutorial Blog,Submit Bing
  5. Buka email masuk Anda dan klik Link yang diberikan untuk langkah verify your account.
    Tutorial Blog,Submit Bing
  6. Pada halaman selanjutnya Klik OK.
    Tutorial Blog,Submit Bing
  7. Langkah selanjutnya isi data dan klik Save.
    Tutorial Blog,Submit Bing

  • Selanjutnya Daftarkan Blog Anda :
  1. Klik pada Add Site.
    Tutorial Blog,Submit Bing
  2. Masukkan URL Blog Anda pada kolom URL, dan klik Submit.
    Tutorial Blog,Submit Bing
  3. Pada langkah Verifikasi pilih Option 2: Copy and paste a tag in your default webpage.
    Tutorial Blog,Submit Bing
  4. Copy Kode meta tag dari Bing.
    Tutorial Blog,Submit Bing

    Dibawah ini cara memasang meta tag di Blogspot, Untuk Wordpress bisa Anda baca Cara Memasang Meta Tag di Blog
  5. Lalu login blogger anda, klik Rancangan > Edit HTML.
    Tutorial Blog,Submit Bing
    Beri centang pada Expand Template Widget.
    Tutorial Blog,Submit Bing
    Dan pastekan meta tag dari Bing tadi tepat di bawah kode <head>.
    Tutorial Blog,Submit Bing
  6. Simpan template anda. Setelah itu kembali ke Bing dan klik tombol Verify.
    Tutorial Blog,Submit Bing
    Selesai...
Semoga Bermanfaat...

Artikel Terkait :
 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger