Mengganti Homepage dengan Daftar Isi

Mengganti Homepage dengan Daftar Isi | Tutorial Blog

Tutorial kali ini saya buat atas permintaan dari Sobat Rangga saputra. Sobat Rangga ingin menampilkan daftar isi blog di homepage. Maksudnya tampilan homepage yang biasanya menampilkan artikel terbaru akan kita ganti dengan daftar isi.

Mungkin Sobat yang lain juga ada yang ingin Mengganti Homepage dengan Daftar Isi, Anda bisa mengikuti tutorial berikut ini :

• Langkah pertama Login ke blogger Sobat, Pilih Design/Rancangan > Page Element/Elemen Halaman.
  
• Klik Add a Gadget/Tambah Gadget.
  
• Pilih HTML/Java Script.
  
• Silahkan Copy kode berikut dan paste didalam konten HTML/Javascript nya.
  Daftar Isi Menurut Artikel Terbaru
  Kode :

  <div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script type="text/javascript" src="http://html-scripts.googlecode.com/files/feeds.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Daftar Isi Menurut Label
  Kode :

  <div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Daftar Isi Menurut Tanggal
  Kode :

  <div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feed-dates.js"></script><script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Ganti wadahtutorial.blogspot.com dengan alamat blog Sobat.
• Lalu klik Save.
  
• Pindahkan widget tersebut ke bagian atas Blog Posts.
  
• Selanjutnya klik Settings > Formatting.
  
• Pada Show at most ganti dengan angka 0.
  
• Lalu klik SAVE SETINGS.
  
• Kemudian Klik Design/Rancangan > Edit HTML.
  
• Beri tanda centang pada Expand Template Widget.
  
  Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
• Cari kode ]]></b:skin>, lalu letakkan kode berikut ini di bawah kode ]]></b:skin>
  Kode :

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>
  #HTML5 {display:none;}
  </style>
  </b:if>
  Ket : Kode yang berwarna merah adalah ID widget, ganti dengan ID widget yang baru Anda buat.
  Untuk mengetahui ID widget, berikut caranya :
  • Pilih Design/Rancangan > Page Element/Elemen Halaman.
    
  • Letakkan posisi mouse pada tulisan Edit widget tadi, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.
    
• Terakhir klik Save / Simpan Template.
  

Selesai dan lihat hasilnya pada Homepage blog Sobat. Semoga bermanfaat...

Sekian tutorial tentang Mengganti Homepage dengan Daftar Isi.

Menyembunyikan Widget pada Halaman Posting

Menyembunyikan Widget pada Halaman Posting | Tutorial Blog

Trik ini dapat membantu meringankan loading blog Sobat pada saat halaman postingan di tampilkan, karena widget tidak akan muncul pada halaman posting, tetapi hanya pada halaman utama saja. Jika Sobat ingin widget tidak muncul pada halaman utama / Home Page, Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.

Berikut cara menyembunyikan widget pada halaman posting :

• Login ke Blogger, Klik Design/Rancangan > Edit HTML.
  
• Cari kode ]]></b:skin>, lalu letakkan kode berikut ini di bawah kode ]]></b:skin>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>
  #HTML1,#HTML2,#HTML3,#Label1,#HTML9,#PopularPosts1 {display:none;}
  </style>
  </b:if>
  Ket : Kode yang berwarna merah adalah ID widget yang mau disembunyikan pada halaman posting.
• Terakhir klik Save / Simpan Template.
  

Untuk mengetahui ID widget, berikut caranya :

• Pilih Design/Rancangan > Page Element/Elemen Halaman.
  
• Letakkan posisi mouse pada tulisan Edit, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.
  

Silakan dicoba Sob, dan semoga berhasil...

Situs Penyedia Layanan Statistic Counter

Situs Penyedia Layanan Statistic Counter | Tutorial Blog

Statistic Counter atau Web Counter sangat berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Jika Sobat ingin memasangnya terlebih dulu Anda harus mengcopy kode yang di berikan situs penyedia layanan counter, lalu paste pada widget HTML blog Sobat.

Dibawah ini beberapa situs web penyedia layanan counter gratis (FREE COUNTER) :

• Superstats
  Menyediakan layanan pencatat statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya. SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung mendapatkan link ke situs web Anda.
• Freestats
  Menampilkan berapa banyak pengunjung situs Anda, berapa banyak pengunjung unik tiap hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web mana mereka datang.
• 123counters
  Counter gratis dari 123counters.com
• NedStat
  Layanan statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini, bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman web mana 25 user terakhir yang mengunjungi situs web Anda.
• BetterCounter
  Menyediakan counter sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur analisisnya bisa diatur sendiri.
• EasyCounter
  Menawarkan beberapa counter sekaligus, seting angka awal counter, melihat counter pada semua halaman counter direset. Catatan: EasyCounter Menampilkan iklan banner agak besar.
• FastCounter
  Menyediakan counter gratis yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat email.
• Maweb
  Menyediakan counter gratis hingga 5 buah. Anda harus meletakkan link untuk kembali ke Maweb.
• Aaddzz
  Menyediakan counter dan tracker berupa laporan pengunjung.
• Aid4
  Menyediakan counter halaman dan counter situs serta berbagai materi gratis lainnya.
• Cameron's Free Counter
  Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga dapat men-download applet counter disini.
• CashFreeCounters
  Counter gratis dari CashFree
• DIGIWEB.COM
  Counter gratis dari Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter. Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal pengunjung.
• CountZ.com
  Counter gratis dengan instalasi mudah dari CountZone
• FreeCounter.nu
  Counter gratis tanpa iklan! Pendaftaran cepat, hanya 1 menit!
• Site Meter
  Counter gratis dengan style yang dapat dipilih sendiri. Mereka menyediakan grafik chart yang merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan lain sebagainya dalam modus 3D chart.
• FreeSiteX
  Daftar counter dan tracker gratis dari seluruh jaringan internet!
• Freebay
  Menyediakan fasilitas counter dan tracker gratis dari Freebay.
• FreewareConnection
  Daftar index penyedia layanan counter gratis dari 'Freeware Connection'.
• NorthLINK
  Counter gratis, terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan memiliki counter!
• TotallyFREECounters
  Layanan Statistik dan Counter gratis dari OnlyFree.
• Bestfreecounter
  Counter gratis dari Best free counter.
• WebmasterFreeManiac
  Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis!
• The Museum of Counter Art
  The Museum of Counter Art adalah ruang pamer seni untuk berbagai macam tipe angka counter yang digunakan dalam situs-situs web diseluruh dunia.
• TheCounter.com
  TheCounter.com menyediakan counter gratis plus tracking untuk memonitor jumlah pengunjung, referer-nya, browser yang digunakan, operating sistim yang digunakan dan lain sebagainya.
• WebPageCounters!
  Koleksi counter dan statistik gratis dari seluruh dunia (lebih dari 130 counter).

Sebenarnya masih banyak Situs Penyedia Layanan Statistic Counter lainnya, namun rasanya cukup segini dulu, Silakan di coba Sob...

Memasang Widget Web Counter

Memasang Widget Web Counter | Tutorial Blog

Web Counter berguna untuk mengetahui jumlah pengunjung yang datang ke website/blog Anda. Melalui statistik sederhana ini, Anda bisa mengetahui jumlah pengunjung yang mampir ke website Anda sejak Anda memasang widget ini, semakin banyak pengunjung tentunya website Anda semakin populer.

Dibawah ini tutorial untuk Memasang Widget Web Counter :

• Masuk ke http://www.123counters.com.
• Lalu klik Get your Free Web Counter Now!
  
• Pilih salah satu tampilan widget yang ingin Anda gunakan.
  
• Pada halaman selanjutnya isi data yang diperlukan, beri centang pada I agree to the policies, dan klik Submit.
  
• Lalu Copy kode yang di berikan.
  
• Langkah selanjutnya Paste kode tersebut pada Widget HTML blog Sobat.
  Jika belum bisa memasang Widget, silakan baca tutorial berikut :
  • Memasang Widget di Wordpress.com
  • Memasang Widget / Gadget di Blogspot

Demikian tutorial singkat tentang Memasang Widget Web Counter.

Drink Press WordPress Theme

Template Details :

Platform Type	WordPress Theme
Template Name	Drink Press WordPress Theme
Descriptions	Drink Press WordPress Theme is free wordpress theme, pattern style with maroon background, slide show ready, right sidebar, 2 columns, 3 columns footer.
Template Author	http://buymythemes.com
Designer	I Putu Eka Ariyasa

• Demo
• Download

Menampilkan Tombol Share Di WordPress.com

Menampilkan Tombol Share Di WordPress.com | Tutorial Blog

Tombol share memang penting dalam sebuah blog, dengan memasang tombol share maka pengunjung blog dapat dengan mudah mempromosikan artikel postingan yang kita buat. Hal itu tentu saja akan meningkatkan pengunjung blog dari berbagai jejaring sosial (social network).

Kali ini saya akan berbagi cara Menampilkan Tombol Share Di WordPress.com, berikut tutorialnya :

• Login ke WordPress Sobat. Kemudian klik Settings > Sharing.
  
• Drag and drop (tahan dan geser) tombol share yang berada di menu Available Services ke menu Enabled Services.
  
• Anda dapat melakukan pengaturan tampilan pada icon, jika anda menginginkannya, caranya klik tanda { ▼ } disamping kanan icon share.
  
  Ket :
  1. Button style : pilih tampilan icon atau text.
  2. Sharing label : tulislah nama untuk fitur sharing anda.
  3. Open links in : tampilan halaman saat icon share di klik.
  4. Show buttons on : penempatan icon sharing.
• Jika sudah selesai klik Save Changes.
  

Sekian Tutorial Menampilkan Tombol Share Di WordPress.com

Tombol Back To Top WordPress

Membuat Tombol Back To Top di WordPress.com | Tutorial Blog

Beberapa waktu yang lalu saya pernah posting tentang Membuat Tombol Back To Top di blogspot, kali ini saya akan membuat tutorial untuk memasang tombol back to top tersebut pada blog wordpress.com

Berikut tutorialnya :

• Login ke Wordpess Anda, Klik Appearance > Widgets.
  
• Drag Text ke Sidebar.
  
• Lalu letakkan kode berikut pada area Text.
  <div style="display:scroll;position:fixed;bottom:10px;right:10px;">
<a href='#' title='Kembali Keatas'><img src='URL Icon' /></a>
</a></div>
  Ganti URL Icon dengan URL Image, Contoh :
  <div style="display:scroll;position:fixed;bottom:10px;left:10px;">
<a href='#' title='Kembali Keatas'><img src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png' /></a>
</a></div>
  Untuk URL Icon Sobat dapat menggunakan Url berikut :
  
  http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-blue.png
  
  http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-green.png
  
  http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/up-red.png
• Terakhir klik Save.
  

Untuk tombol page downnya, silakan baca Tombol To Page Down di WordPress.com

Semoga bermanfaat...