Tampilkan postingan dengan label Widgets. Tampilkan semua postingan
Tampilkan postingan dengan label Widgets. Tampilkan semua postingan

Sabtu, 28 April 2012

Cara Memasang Flag Counter Di Blog

fasilitas ini dapat membantu kita untuk mengetahui berapa banyak jumlah pengunjung serta asal negaranya yang mampir ke blog kita dan dapat juga menjadi sebuah parameter perkembangan buat suatu blog, Tapi ingat pengunjung yang datang untuk kedua kalinya tidak dihitung. Flag counter ini mendeteksi dari mana mereka berasal?,  yang dideteck oleh Flag Counter ini hanya IP Adress.
 
Kunjungi dulu alamatnya http://flagcounter.com

1. Pada create your free counter isikan option-option untuk mengatur tampilan flag counter isikan option-option untuk mengatur tampilan flag counter dan sesuaikan dengan kondisi blog sobat :
  • Maximum flag to show : jumlah bendara yang akan ditampilkan
  • Columns of flag : jumlah kolom bendera
  • Label on top of counter : nama dari counter flag
  • Background color : warna latar dari counter flag
  • Text color : warna tulisan
  • Border color : warna garis tepi dari counter flag
  • Show country flag : untuk menampilkan kode negara
  • Show pageview : untuk menampilkan jumlah halaman yang dikunjungi
2. Setelah mengatur tampilan  flag counter, akan terlihat preview pada example flag counter with your choices setelah tampilan sesuai dengan keinginan kita kemudian klik get your flag counter
3. Setelah itu copy code yang berada di Code for website Untuk di pastekan ke dashbor blog sobat
4. Login ke blog >> tata letak atau layout >> Elemen halaman atau Page element.>> tambah Gadget atau add Gadget, >> pilih  opsi HTML/JAVA SCRIPTS setelah itu paste kode HTML Flag Counter yang anda dapatkan tadi. 
5. Klik OK dan Save. 
6. Atur Letaknya sesuai keinginan


Selamat...Mencoba...!!!

Kamis, 26 April 2012

Cara Membuat Radio Online Pada Blog

Hai Sobat Bithoo, Pada suka Dengarin Radio yah,,,? Nih bithoo punya Cara Membuat Radio Online Pada Blog, Supaya Sobat Bithoo dapat mengurus blog sambil dengarin radio, emmm itung-itung juga menghemat listrik kan dari pada loptop atau komputer menyala dengan radio, mending cuman satu saja yang menyala, cukup dengan leptop atau komputer dapat pula dengerin musik di leptop atau di komputer, dan yah sepert kerjaan setiap hari klau ada waktu luang ngurusin blog, sambil dengerin musik emmm asyik.


Cara memasang radio online atau cara memasang Mp3 di blog adalah sebagai berikut:
  • Login ke Blogger >>Setelah masuk ke Dasbor, klik "Tata Letak" >>  "Elemen Halaman"
  • Klik tulisan "Tambah Gadget"
  • Pilih widget "HTML/JavaScript"
  • Masukkan kode di bawah ini, lalu Simpan.



Tampilannya Sebagai Berikut:








Widget By: Radio


ATAU  Coba juga radiomuslim.com Apabila ingin meletakkan radio online ini di blog teman - teman silakan.



Tampilannya Sebagai Berikut:


get online radio


Selesai.....

Cara Menempatkan Widget Di Halaman Tertentu Pada Blog

Cara Menampilkan widget pada halaman tertentu yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.


Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code:

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code:

<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini:

<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

Cara Menambahkan Jadwal Sholat Di Blog

Hai Sobat Bithoo kabarnya baik-baik semua kan,,, nih bithoo akan memberikan Cara menambahkan jadwal Sholat ke dalam blog semoga artikel Belajar Blog Di bawah Ini Membantu anda, dalam belajar Ngeblog berikut ini adalah Trik Cara menambahkan jadwal Sholat ke dalam blog Berikut langkah-langkah Cara menambahkan jadwal Sholat ke dalam blog milik anda:

  • Kunjungi www.islamicfinder.org
  • Kemudian geser mouse anda pada bagian yang paling bawah, klik tulisan "Add new services to your site" ini berada di atas Copyright
  • Padahalaman berikutnya klik link yang nomor 2 "Daily prayer times of your city in your web site"
  • Kemudian pilih Negara anda berada. contohnya indonesia
  • Setelah itu klik "GO"
  • Dibawah "Select your city for one day prayer time service" disana terdapat nama kota. pilih salah satu
  • Kemudian klik "Generate Code"
  • Kemudian ada dua pilihan, pilih salah satu apa Vertical Table atau Horizontal Table, Setelah anda menentukan pilihan, silahkan copy paste kode tersebut ke dalam blog milik anda
  • Nah untuk mengatur warna background biar sesuai dengan blog yang anda miliki anda bisa mengatur nya. dengan cara klik tulisan yang terdapat di atas kotak tersebut "If you want to change the colors then click here"
  • Kemudian pilih background yang anda inginkan
  • Setelah mengatur Code tersebut klik "Generate Code"
  • Copy kode tersebut dan pastekan ke dalam gadget blog yang anda punya
  • Selesai.....
Untuk anda yang belum mengerti cara paste kode tersebut ke dalam blog yang anda punya ikuti langkah-langkah di bawah ini.
  • Login terlebih dahulu ke blogger
  • Rancangan
  • Pilih Tambah Gadget
  • Kemudian Pilih HTML/JavaSript
  • Lalu pastekan kode tersebut ke dalam kolom tersebut
  • Kemudian simpan gadget
  • Selesai....
Semoga artikel ini bermanfaat untuk kita semua dan salam sukses....

Rabu, 25 April 2012

Cara Membuat Buku Tamu Di Blog

Hai Sobat Bithoo, sobat pernah tidak melihat buku tamu di blog-blog yang sobat kunjungi, dan ingin membuat buku tamu seperti itu,,, emmm sebenarnya sudah banyak situs/web yang  menyediakan atau mempermudah anda untuk membuat Buku tamu, dan pada artikel ini bithoo akan memberikan cara mendaftarkan untuk membuat buku tamu, disini bithoo hanya memberikan penyedia layanan Shoutmix dan Cbox. Yuk sekarang kita langsung aja ke cara pendaftarannya yuk....

 
Untuk shoutmix 
  1. Login ke http://www.shoutmix.com atau sign up
  2. klik menu appearance
  3. Silakan klik menu pulldown disamping tulisan Load From Preset untuk mengatur tampilan shoutmix anda, silakan pilih yang sesuai dengan keinginan anda.
  4. Untuk mendapatkan kode HTML dari shoutbox anda, silakan klik tulisan Use Shoutbux yang berada dibawah menu Quick Start.
  5. Klik tulisan Place Shoutbux on web page, isi lebar dan tinggi shoutbux yang diinginkan.
  6. Copy seluruh kode HTML
  7. Login ke blogger pilih layuot add gadget-html/javascrip paste
  8. Selesai.
Kelebihan yang dimiliki ShoutMix
  • Tampilan yang sederhana dan tidak mencolok bisa ditempatkan diposisi mana saja pada halaman depan blog
  • Mudah di gunakan alias tidak membingungkan bagi pengunjung yang hendak memberikan pesan
  • Tampilan smiley yang hidup/bergerak menambah semaraknya isi box pesan
  • Dalam keadaan login Shoutmix, pesan bisa langsung di delete/banned user tanpa masuk control panel ShoutMix.
  • IP pengunjung bisa terlihat dalam box pesan dengan mengarahkan mouse ke ( # ) memastikan bahwa pesan bukan dari satu alamat IP.


Kekurangan ShoutMix : 
  • Alamat Website tidak muncul ketika meng klik nama pengirim pesan , padahal kan dilengkapi form isian Website,lihat gambar. Hal ini memungkinkan pemilik blog tidak mengetahui dan pasti bingung ketika isi dalam pesan tamu menginginkan berkunjung balik ke blog mereka. Hal ini sudah saya alami sendiri ketika salah satu teman meminta mampir ke blog dia tanpa di sertakan alamat blognya, kemana harus saya cari????

Untuk Cbox
 
  1. Login atau dartar ke http://www.cbox.ws/
  2. Pilih publish
  3. Copy code
  4. Sign in di blogger.com / blogspot.com.
  5. Click "Layout"
  6. Select "Page elements".
  7. Click "Add a Gadget".
  8. pilih "HTML/JavaScript", paste
  9. Save.
 Kelebihan yang dimiliki CBOX
  • Seperti ShoutMix yaitu tampilan yang sederhana dan tidak mencolok berwarna biru, dapat di sesuaikan bisa ditempatkan diposisi mana saja pada halaman depan blog
  • Mudah di gunakan alias tidak membingungkan bagi pengunjung yang hendak memberikan pesan
  • Kita bisa langsung berkunjung ke blog si pengirim pesan dengan mengklik nama dia.

 Kekurangan CBOX :
  • Alamat IP pengirim pesan tidak bisa muncul di box pesan, hal ini memungkinkan terjadi spam, untuk mengetahui alamat IP pengirim kita harus login ke Control Panelnya CBOX
  • Smiley tidak bergerak, diam alias mati , sepi seperti kuburan
  • Ketika menambahkan smiley kita dibawa ke menu Pop Up, agak ribet gitu deh.
  • Harus login ke Control Panel kalau kita ingin mendelete/banned pesan

Selasa, 24 April 2012

Cara Membuat Widget SMS Gratis Di Blog

Dengan Memasang/Membuat Widget SMS Gratis Di Blog akan memudahkan anda jika suatu saat ingin membalas SMS namun kehabisan pulsa, anda tidak perlu lagi ke Counter untuk membeli pulsa, tinggal buka Blog isi No.hp dan pesan setelah itu kirim, sesegera mungkin pesan yang di kirim akan sampai ke tujuan. Bukan hanya anda yang di untungkan, para visitorpun dapat menikmati Widget SMS Gratis Di Blog anda jika mereka ke habisan pulsa, sangat banyak alasan untuk menggunakan Widget SMS Gratis ini, misal-nya saja seorang pengunjung ketika membaca artikel pada blog yang punya Widget SMS Gratis tiba-tiba dia ingin menghubungi pacar atau mungkin sang MANTAN lewat SMS, terus dia tidak punya pulsa atau mungkin juga handphone-nya ketinggalan di rumah, pasti si visitor menggunakan Widget tersebut.


Berikut Contoh nya :

Masih ada kekurangan pada Widget SMS Gratis ini, disini anda tidak dapat menerima balasan SMS, jadi yang harus anda lakukan ketikkan nama anda pada isi SMS sebelum mengirim-nya, Jika anda tertarik untuk Memasang/Membuat Widget SMS Gratis Di Blog, ikuti langkah-langkah di bawah ini.

Berikut Cara Memasang/Membuat Widget SMS Gratis Di Blog:
1. Log in ke account Blogger anda.
2. Pada menu "Dashboard" klik "Design".
3. Klik "Page Elements", lalu klik "Add a Widget" dan pilih "HTML/JavaScript".
4. Selanjut-nya Copy dan Paste kode di bawah ini ke dalam kolom "HTML/JavaScrit".


5.Setelah itu klik "Save" dan lihat hasil-nya.

Selesai sekarang widget sms gratis ada di blog kalian

Cara Membuat Burung Twitter Terbang Di Blog

Hai Sobat Bithoo kalian suka bermain Twitter gak, Kali ini Bithoo akan memberikan Burung Twitter Terbag-terbang di Blog, Mungkin Sobat sudah ada yang pernah melihat Burung Twitter yang terbang di Blog, Nah disini bithoo akan memberikan Cara Membuat Burung Twitter Terbang Di Blog bagi yang belum tau, yuk sekarang kita lihat saja yuk cara buatnya:

Yuk mari kita lihat cara-cara memasukkannya dalam blog:
1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.



6. Ganti  "http://twitter.com/#!/bithoo_id"; Dengan alamat Twitter kalian.
7. Simpat Widget dan Template Blog
8. Lihat Hasilnya.

Begitulah Cara Membuat Burung Twitter Terbang Di Blog, Semoga bermanfaat.

Salam Bithoo.

Cara Membuat TV Online Di Blog

Hai Sobat Bithoo sibuk yah mengurus blog sampai-sampai ada sedikit kejenuhan,,, wah gawat tuh klau ada perasaan seperti itu, karena mengurus blog yah perlu kesabaran untuk menjadikan blog kita semakin berkembang dan semakin bagus, dan dapat memberikan informasi dan pengetahuan bagi orang-orang, nah klau ada perasaan kejenuhan harusnya membutuhkan refresing dikitlah, mungkin nonton TV agar kejenuhan hilang, tapi klau tidak sempat nonton TV atau di tempat kalian sedang tidak ada TV jangan khawatir disini ada Bithoo yang akan memberikan Cara Membuat TV Online Di Blog.


Kira-kira gimana yah membuatnya, penasaran yuk kita lihat langsung cara buatnya,,, mudah koq.

1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.



6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Tampilannya seperti ini nih:



Tertarik Membuatnya Silahkan masukkan Code Script di atas ke dalam blog kalian.

Salam Bithoo.

Cara Membuat Translate Bendera Di Blog

Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting  cara membuat translate google di blog  pada posting sebelumnya , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti, seperti yang ada pada bagian sidebar blog ini , untuk cara buat translate google bendera ini sangat mudah .

  • Cara buat Google Translate Bendera Lingkaran

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana



English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Bithoo



1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.


6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Sangat mudah cara buat translate google bergambar bendera Lingkaran ...

  • Atau Kepengen Dengan Tampilan Translate Bendera Kotak...

Emmm Tampilannya seperti ini:


English French German Spain Russian Japanese Arabic Chinese Simplified

Nah... Kepengen Dengan Tampilan Seperti ini Yuk... kita lihat cara membuatnya:

1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah ini.



6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Gampang bukan. Yah itulah Cara Membuat Translate dengan Gambar Bendera Kotak pada Blog. Selamat mencoba.

  • Atau Kepengen Buat Translate Dengan Gambar Seperti ini:


English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese

Kalau kepengen tampilan translate seperti di atas yuk kita lihat caranya... emmm caranya masangnya sama sih,,, tapi gak apa lah bithoo akan ulang lagi caranya

1. Masuk ke Blogger
2. Pilih  Design atau  Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :



6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Gimana Berhasilkan Memasangnya di Blog kalian....

  • Klau ingin memasang Translate yang lumayan lengka di blog kamu, emmm bithoo punya nih mau...
Klau mau masang translate yang lumayan banyak translatenya dan tampilan kotak,,, yuk kita lihat caranya,,, tapi pertama-tama kita lihat bentuknya dulu yah,,, bentuknya seperti dibawah ini...








Widget By Bithoo
1. Masuk ke Blogger
2. Pilih  Design atau  Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :



6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Klau tertarik masang aja yah di Blog kalian....

  • Nah ada yang menarik nih....!!!! emmmm kasih tau gak yah... hehehehe.... nih ada lagi nih translate Bendera yang dapat bergerak,,, wow... tertarik, klau tertarik yuk kita lihat cara buatnya, tapi kita lihat dulu tampilannya agar tidak kecewa heheheh,,, tapi pasti deh klau dah liat gak bakal kecewa.





English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Translate Widget by Bithoo

Wow.... Gimana bagus gak... hehehehe pengen masang di blog kalian yuk sekarang kita lihat cara masukin di blog kalian....

1. Masuk ke Blogger
2. Pilih  Design atau  Rancangan
3. Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
4. Kemudian pilih HTML / JavaScript
5. Kemudian Copy Code dibawah ini :



6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Nah Gimana Tinggal milih aja nih tampilan mana kalian suka... sekian dulu yah postingan Cara Membuat Taranslate Bendera Di Blog,,, Semoga ini dapat bermanfaat dan dapat mempercantik blog kalian.

Salam Bithoo,,, jangan lupa baca postingan yang lain yah. Jangan Bosan-Bosan loh berkunjung ke Bithoo lagi.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Bithoo | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost