wb

Wednesday, December 23, 2009

Blog Pacinan: Cara Pasang Whos Amung Us (Who is Online)

Udah lama nggak optimasi SEO lagi nih, bingung mau bikin artikel SEO apalagi, habis Panduan SEO yang saya tau cuma itu-itu aja maklum masih newbie hehehe, beberapa waktu lalu Tips SEO untuk Pemula yang saya buat sukses dan berhasil, Tips SEO mendatangkan pengunjung dari search engine juga berhasil, Mempercepat Postingan ter index di google juga masih TOP, dan masih banyak Tips SEO saya yang lainnya yang bisa dipelajari untuk pemula dan newbie yang membutuhkan. cukup dah optimasi nya sekarang kita back to topic. hehehe :)

Bagi yang mempunyai blog atau website, ada banyak cara untuk menampilkan jumlah pengunjung yang sedang online. Tetapi bagaimana jika kita ingin informasi lebih banyak, tidak hanya sekedar jumlah pengunjung saja ? Ada beberapa tools tambahan gratis (widget) yang bisa kita manfaatkan.
Berikut beberapa situs yang menyediakan widget khusus untuk menampilkan jumlah “user online” dengan berbagai fitur yang menarik dan informatif.

1. whos.amung.us


Widget ini paling banyak di pakai oleh Blogger di indonesia, saya sendiri juga pakai. Kelebihan widget ini adalah update pengunjung yang online secara real time dan juga dapat melihat artikel apa saja yang sedang dilihat pengunjung serta berasala dari negara mana saja pengunjung web kita.

User online widget nampaknya menjadi salah satu widget wajib blogger saat ini. Hampir semua blog dan website memasangnya. Dengan widget ini pengunjung dapat melihat berapa orang yang sedang online saat itu di blog atau website. Saya pasang widget whos amung us. Selain itu, masih banyak situs lainnya yang menyediakan widget user online. Anda dapat mencarinya di google dengan keyword "user online widget" atau "user online status" atau "user online". Silahkan pilih widget dari situs mana yang akan anda pasang pada blog anda.

Secara umum, widget ini sangat mudah dipasang. Biasanya anda diharuskan mendaftar dulu untuk membuat akun. Proses pendaftaran pun sangat mudah, cukup dengan email saja. Bahkan ada yang tidak memerlukan pendaftaran. Setelah itu anda akan diberikan script user online status yang siap untuk dipasang. Nah, selain user online status dari whos.amung.us masih ada lagi yang lain seperti radarURL.com, whosread.com, 24counter.com, widgetbox.com, histas.com, dan banyak situs lainnya.

Oke, misalnya kita pakai user online status dari whos.amung.us karena widget ini termasuk yang terbaik dan teraman dari widget user online status lainnya yang ada di internet. Sekarang cara pasang widget nya seperti ini :

1. Login ke blogger dengan id anda. Setelah itu tinggalkan sebentar
2. Kunjungi situs whos.amung.us
3. Sekarang klik teks Customize your widget! untuk memilih warna dan setting lainnya.
4. Halaman berikutnya, pada Already have a map, or our widget? klik radio button No.
5. Berikutnya silahkan pilih widget color dan font color. Akan ada preview untuk melihat widget, seperti gambar di bawah ini. Sesuaikan dengan desain template blog anda.
Contoh Penampilan Whos Amung Us:




6. Jika sudah, lihat di bagian bawah ada script widget yang diberikan. Sekarang klik teks Blogger untuk menempatkan widget ke blogger.

Blog Kalierang: Cara Pasang Hit Counter

Hit counter atau penghitung pengunjung mempunyai fungsi yang cukup penting untuk informasi buat kita, berapa kali sudah web blog kita dikunjungin. Dengan tahu berapa banyak orang yang berkunjung ke web blog kita bisa mengoptimalkan web blog kita.
Ada banyak web server yang menyediakan fasilitas untuk hit counter antara lain seperti berikut :

www.123counters.com
www.histats.com
www.hit-counts.com
www.statcounter.com
www.easycounter.com
www.tinycounter.com, dll
Contoh Hit Counter:

FREELANCE WRITERS

blogspot visitor

View My Stats


Untuk memasang conuter diblog kita bisa menggunakan salah satu website diatas, disini saya menggunakan www.histats.com, karena histats memiliki fasilitas yang cukup lengkap untuk informasi pengunjung di web blog kita. untuk membuatnya langsung saja masuk di www.histats.com.
setelah anda masuk klik tab registri.


Anda akan masuk di halaman Create new account. Isilah form registri tersebut,
di kolom Page views start value dan Visitors start value masukkan angka yang anda inginkan untuk start awal angka penghintung web blog anda.
klik tombol registri.
Anda akan masuk di halaman Choose a category, pilhlah layout counter yang inginkan, kemudian tekan continue
di halaman Choose information to show on the counter, anda disajikan beberapa pilihan untuk counter anda kemudian tekan continue lagi.
tunggu selama 25 deti untuk proses pembuatan mesin penghitung anda.
setelah itu copy kode yang diberikan.
selanjutnya login ke blogger anda, piih layout ---> add page element.
tambahkan widget anda, lalu pasang kode yang kita dapatkan dari histats tadi.


Hit counter akan menghitung setiap ada yang berkunjung ke blog anda dengan ini anda dapat mengetahui seberapa banyak orang-orang yang telah melihat blog anda dalam sehari ini.




Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Blog Brebes: Cara Pasang Widget Alexa di Blog

Kemarin Bang Karto telah tulis tentang alexa serta manfaat alexa terhadap blog kita. Maka sekarang saya akan bikin tulisan tentang cara pasang alexa widget di blog. Mungkin ada yang sudah pernah lihat tutorial blog ataupun semacam kursus blog yang mengulas tentang ini. Ga apa, saya tetap menulisnya karena saya juga sedang berusaha menaikkan alexa rank blog ini dan kebetulan dari beberapa tutorial tersebut seharusnya diupdate sesuai dengan kondisi alexa saat ini. Ga banyak koq, cuma sedikit perubahannya yang otomatis juga merubah beberapa alamat fitur url alexa. Oia, bagi teman yang sudah biasa dengan penambahan widget di blog mungkin artikel ini tidak ada gunanya. Bagi teman yang baru mulai ngeblog, bisa belajar tentang cara pasang alexa widget pada posting ini.

Sedikit review tentang alexa rank yang pernah saya tulis kemaren tentang apakah alexa rank atau peringkat alexa. Alexa rank membuat peringkat terhadap suatu website atau blog berdasarkan banyaknya jumlah kunjungan terhadap website atau blog tersebut dan page view-nya. Artinya, kalau pengunjung blog kamu semakin banyak berarti peringkat alexa rank nya semakin baik. Baik berati angka alexa rank semakin kecil. Jadi intinya adalah, alexa menyediakan informasi tentang trafik kunjungan suatu website atau blog. Alexa rank dapat dijadikan acuan dan parameter mengenai jumlah pengunjung yang mendatangi suatu blog yang direkam oleh Alexa.

Darimana alexa tahu tentang berapa jumlah kunjungan situs kamu? Nah, inilah hubungannya dengan memasang alexa widget di blog atau website kamu. Setahu Bang Karto ada dua cara. Yang pertama adalah dengan menginstal alexa toolbar di browser internet yang kamu pakai dan yang kedua adalah dengan memasang alexa widget pada blog kamu. Pada kenyataan saya menyadari bahwa tidak semua dari kita punya akses internet pribadi. Sebab kalo ngenet di warnet sudah tentu kamu mesti kenal dulu sama yang punya warnet untuk minta ijin menginstal alexa toolbar. Bagaimana pula dengan yang di kantor tempat kerja atau yang pakai internet gratis di kampus dan perpustakaan umum? Bakal susah ijinnya untuk instal toolbar tambahan di browser internet tersebut. Betul..?

Kalau saya kebetulan pake internetan sendiri jadi bisa diatur mana yang mau diinstal dan mana yang ga perlu dipakai. Satu lagi nih. Mungkin kamu sudah pasang alexa toolbar di browser internetmu, tapi apa yang terjadi sodara-sodara..question Ada kemungkinan browsing semakin lambat dan berat untuk membuka halaman situs yang kamu lihat. Kenapa ya? Ini karena setiap halaman blog atau website yang kamu buka akan di indeks terlebih dahulu oleh alexa yang sudah kamu instal tadi sehingga membuat loading untuk membaca halaman tersebut suka macet dan berat. Kalau bikin susah, saran Bang Karto sebaiknya alexa toolbar tadi kamu uninstal lagi. Aman, beres dan kecepatan internetanmu tidak terganggu serta kembali normal.

Nah, berhubung karena tidak semua kita punya akses untuk dapat menginstal alexa toolbar pada browser internet yang dipakai maka sebagai alternatif lainnya adalah dengan memasang alexa widget pada blog atau websitemu. Dengan begini maka alexa dapat mengumpulkan data trafik kunjungan dan data page view (jumlah halaman) yang dilihat pada blog atau websitemu. Sudah jelas toh.. So, bagi kamu yang pengen alexa rank blognya semakin baik, maka pasanglah widget alexa pada blog kamu. Bingung cara pasangnya? Langsung saja Bang Karto tuliskan. Sudah capek ya baca pembukaan yang ga ada habis-habisnya. Okelah, ini dia caranya.

Cara pasang alexa widget di blog.
langkah #1
1.Masuk ke situs alexa.com dengan mengklik For Site Owners
2.Pilih Sites Widgets yang akan memberikan tiga pilihan widgets.
Kalau Bang Del pilih yang Alexa Traffic Rank Button yang paling bawah.
3.Masukkan alamat blog kamu pada kolom yang tersedia. Contoh bangdel.blogspot.com
Lalu klik tombol Build Widget.


4.Ada tiga ukuran widget yang bisa dipilih, sesuaikan dengan selera aja.
Copy kode script sesuai pilihanmu tadi dan paste ke notepad, save di komputer.

langkah #2
1. Login ke blogger dengan ID kamu ==»» lalu klik tata letak ==»» lalu klik tab Elemen Halaman ==»» pilih HTML/JavaScript dan klik tambah.
2. Paste code yang di notepad tadi ke dalam kolom HTML/JavaScript.
3. Selanjutnya klik tombol simpan dan selesai.

Mudahkan.. Nah semoga dengan dipasangnya alexa widget pada blog kamu, maka peringkat alexa kamu semakin baik. Seperti blognya Bang Karto ini loh. Semakin hari semakin membaik peringkat alexa-nya biggrin. By the way, skrensut nya cuman dua aja. Saya belajar tentang cara pasang alexa widget dari semua sumber di internet. Semoga bermanfaat.

(Sumber: Blog Bang Del)

Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Bumiayu Blog: Cara Memasang PageRank Button Pada Blog

Cara Memasang PageRank Button Pada Blog


Tips Blogs Memasang PageRank Button Pada Blog, setelah saya googling, dan akhirnya ketemu juga nih seputar tips yang akan saya bahas ini.

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.

Cara kerja

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.

Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Konsep

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunaan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.
Nah setelah membaca tulisan tersebut, tentunya teman2 akan bertanya, berapa PR kita, dan buat yang blognya belum memiliki Pagerank Button dibawah ini beberapa situs untuk mengecek dan menampilkan Pagerank Button :

1. http://www.prchecker.info/

2. http://www.smartpagerank.com/

3. http://www.checkpagerank.net/

4. http://pr.blogflux.com/

5. http://www.top25web.com/pagerank.php

6. http://www.urlpagerank.com/pr/pagerank.php

7. http://www.seocentro.com/tools/search-engines/pagerank-dc.html

8. http://www.mygooglepagerank.com/

9. http://www.quickpagerank.com/

10. http://www.selfseo.com/check_google_pagerank.php

11. http://www.googlepagerankchecker.com/

12. http://www.simplepagerank.com/

13. http://www.pagerankbar.com/

14. http://mypagerank.net

Silahkan masuk kesitus tersebut dan masukan URL blog anda, lalu klik check dan PR anda akan tampil di situs tersebut, lalu COPAS kode HTML-nya dan taruh di blog kita, mengenai cara pemasangan ikon tersebut dapat dibaca pada postingan tips blog saya yang lain.

Dengan kita memasang PR Button tersebut akan menampilkan berapa PR yang telah kita dapatkan.



Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Tuesday, December 22, 2009

Acessories Blog: Pasang Statistik dan Tracker di Blog

Pasang Statistik dan Tracker
Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com.

Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.sitemeter.com.


2. klik tulisan Sign Up untuk melakukan pendaftaran


3. klik tombol bertuliskan Next


4. Klik tombol Next lagi


5. Isi semua tabel yang ada lalu klik tombol Next lagi


6. Isi lagi tabel yang ada, lalu klik tombol Next lagi


7. klik tombol Next lagi


8. klik tombol Next lagi ( cape dech next..next melulu emoticon.gif )


9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan


10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com


11. Silahkan login dengan id anda


12. Bila sudah login, Klik menu Manager


13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


14. Pilih style yang anda sukai, kemudian klik tombol Select


15. Klik menu HTML Code


16. Klik tulisan Adding site Meter to a Blogger.com Site


17. copy semua kode HTML yang di berikan lalu paste pada Notepad


18. Klik menu Logout untuk keluar dari situs tersebut


19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita



Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :

1. Sign in di blogger dengan id anda


2. Klik menu TEMPLATE


3. Klik Edit HTML


4. Klik Edit (yang ada pada bar menu browser anda)


5. Klik Find (on this page)... ? untuk mempercepat pencarian


6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find


7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi


8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai



Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>


Untuk blog dengan Template baru :

1. Login di blogger dengan ID anda


2. Klik menu layout


3. Klik Elemen Halaman


4. Klik Tambahkan sebuah Elemen Halaman


5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript


6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)


7. Copy & paste kode Site meter pada kolom isian


8. Klik tombol Simpan Perubahan


9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)


10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan


11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN


12. Selesai

Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....

Untuk posting berikunya tentang: Whos Amung Us (Online), Hit Counter, Flag Counter, Feedjit, Pagerank dan Alexa. Tunggu saja...

Selamat mencoba.


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Tutorial Blog: Cara Upload Gambar dan Foto Profile

Upload Gambar dan Foto Profile
Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

1. Login seperti biasa dengan id anda


2. Klik Posts


3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)
Klik Edit HTML, bukan Compose

4. Klik toolbar yang bergambar panorama


5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.
Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large

6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula


7. Tekan tombol Browse, lalu masukan gambar dari folder komputer anda yang ingin di upload.


8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar


9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai


10. Klik Tombol Done untuk mengakhiri proses upload

Selesai.

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard


2. Klik menu Edit Profile


3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]


4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia


5. Selesai


Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Acessories Blog: Pasang user online status

Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.

Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.

Ok, biar ga bosan baca intermezo yang terlalu panjang dan garing, langsung saja pada topik bahasan utama.Untuk mendapat tool user online status salah satunya kita bisa mendapatkan dari www.Geovisite.com, untuk langkah-langkahnya silahkan ikuti langkah berikut :

1. Silahkan buka www.geovisite.com


2. Klik tulisan Register yang berada di bawah gambar Geo counter Flash


3. Tulis alamat email sobat pada kotak kosong di samping tulisan Email


4. Tulis address blog milik sobat disamping tulisan URL. Contoh : http://rubrik-elektronik.blogspot.com


5. Tulis kata untuk login di samping tulisan Login (4/12). Contoh : amen24


6. Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy


7. Pilih waktu yang sesuai dengan daerah sobat disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)


8. Pilih kategori yang sesuai dengan blog sobat di samping tulisan Category. Contoh : Internet


9. Pilih bahasa yang sesuai dengan blog sobat di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada, belum di akui bo)


10. Pilih judul blog sobat disamping tulisan Title. Contoh : Rubrik Elektronik


11. Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic


12. Klik tombol yang berlogo disket


13. Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad


14. Silahkan close window browser sobat


15. langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat, nah untuk langkah ini sudah saya bahas, silahkan klik di sini untuk membacanya


16. Selesai.


Agar sobat bisa menentukan pilihan mana yang harus di pilih apakah GEOGLOBE, GEOCOUNTER, atau GEOMAP ? Silahkan klik di sini untuk melihat secara nyata gambar dari ketiga pilihan tadi, tunggu beberapa saat,loadingnya lumayan sedikit lama. Kenapa tidak saya cantumkan di sini,alasannya yaitu agar halaman blog ini tidak terlalu berat untuk di akses makanya sengaja saya pisahkan.

Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :

* http://www.neoworx.net

* http://www.webfooted.net

* http://www.fastonlineusers.com

* http://www.histats.com

Selamat menikmati tool baru...

(Sumber: Blog Kang Rohman)
Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Acessories Blog: Pasang Jam di Blog

Pasang Jam di Sidebar
Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com.

Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

Karena kode jam blog ini adalah merupakan suatu kode HTML, maka bagi anda yang masih bingung cara menempatkan kode HTML pada template blog, silahkan baca kembali postingan saya terdahulu. Anda juga bisa mendapatkan jam digital di http://worldtimeserver.com seperti yang dipasang di blog ini.

Selamat mencoba.


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Acessories Blog: Cara Pasang Kalender di Blog

Pasang Kalender di Blog
Sobat Guest452, itulah nama yang di kenalkan pada shoutbox. Beliau membredel shoutbox sebanyak tiga kali berturut-turut dengan permintaan agar di postingkan cara membuat Kalender pada blog. Untuk menghormati keinginan beliau ini, maka saya coba bahas tentang bagaimana cara pasang kalender di dalam blog.

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.

Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Untuk Template klasik

1. Sig in di blogger dengan id sobat

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh

6. Klik tombol Simpan Perubahan Template

7. Selesai.


Untuk Template baru

1. Sign in di blogger dengan id sobat

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah elemen halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan

7. Klik tombol SIMPAN PERUBAHAN

8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

9. Selesai.


(Catatan)

Khusus bagi sobat yang muslim dan ingin kalendernya dalam bentuk kalender Hijriah, ada sumbangan hasil karya yang bisa sobat pakai. Kalender ini di dapat dari http://mfr.jentayu.com.

Bentuknya sangat menarik bukan? Jika sobat ingin memasang kalender ini, sobat tinggal menyinpan kode berikut pada template sobat :

Untuk langkah-langkahnya sama persis seperti diatas, akan tetapi tentu yang di masukan adalah kode ini. Atau bagi sobat yang memakai template baru, biar gampang silahkan klik saja tombol di bawah ini! nanti akan secara otomatis kalendernya akan di masukan ke blog sobat. tapi ya musti sign in dulu yah :

Ada lagi yang lebih menarik, bukan hanya berfungsi sebagai kalender, akan tetapi berfungsi sebagai arsip. Pengunjung dapat dengan mudah membuka arsip postingan-postingan kita yang terdahulu melalui kalender tersebut.

Selamat mempercantik blognya dengan kalender.


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Monday, December 21, 2009

Acessories Blog: Pasang Buku Tamu di Sidebar Blog

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidup (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda

8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

9. Selesai



Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda

2. Klik menu Template

3. Klik Edit HTML

4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan

5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.

6. Klik tombol Preview untuk melihat perubahan yang kita buat.

7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes

8. Selesai



Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.



Untuk Blogger baru :

1. Silahkan Login dengan id anda

2. Klik menu Layout

3. Klik Page Element

4. Klik Add a Page Element

5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka

7. Copy paste kode HTML shoutbox anda di dalam form Content

8. Klik tombol Save Changes

9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

10. Tekan tombol Save

11. Selesai

Selamat mencoba !

(Sumber: Blog Kang Rohman)


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Wong Bumiayu: Macam-macam acessories Blog

Macam-macam acessories Blog
Pada posting kali ini saya akan membahas bermacam-macam accessories yang bisa dipasang diblog. Tujuannya untuk menambah cantik penampilan blog. Adapun macam-macam accessories yang bisa dipasang di blog antara lain:
1. Buku Tamu.
2. Jam digital
3. Kalender
4. Translate/penterjemah
5. Hit counter
6. Alexa
7. Flag Counter
8. Feedjit
9. Who is online
10. Pagerank

Untuk lebih mudahnya silakan masuk ke websitenya masing-masing di bawah ini:

1. Buku Tamu (Guestbook)http://shoutmix.com
2. Jam digital http://clocklink.com atau http://worldtimeserver.com
3. Kalender http://www.free-blog-content.com.
4. Translate/penterjemah
5. Hit counter http://123counters.com atau http://statcounter.com
6. Alexa http://alexa.com
7. Flag Counter http://flagcounter.com
8. Feedjit http://feedjit.com
9. Whois online http://whos.amung.us
10. Pagerank http://mypagerank.net

Untuk penjelasan/keterangan selengkapnya silakan membaca postingan berikutnya.


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Friday, December 11, 2009

Blog Kalierang: Trik membuat Label Melayang/Label Cumulus

Pada posting kali ini saya akan memperkenalkan bagaimana cara memasang label berbentuk awan bergumpal-gumpal, melayang dan berputar-putar. Label ini hanya sekedar untuk mempercantik blog saja. Tertarik? Silakan baca selanjautnya dalam bahasa Inggris di bawah ini.

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!
Update: Improved Widget Code
I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.
How it works
This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :) You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location. To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).
How to install Blogumus in your Blogger layout
Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing. Here are the steps required to install Blogumus in your Blogger layout: Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Immediatly after this line, paste the following section of code:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Blog Bumiayu: Trik bikin Related Post di Blogspot

Daftar judul posting yang tampil pada bagian bawah postingan kita dan biasanya dikelompokkan berdasarkan kategori dan sering disebut ‘related post’. Bagaimana cara menampilkan related post di blogspot?

Silakan login ke akun Anda yang ada di blogger kemudian, buka ‘layout’ atau ‘tata letak’ selanjutnya pilih ‘Edit HTML’ agar semua kode template akan ditampilkan, silakan beri tanda centang atau contreng (istilah dari KPU) pada ‘Expand Template Widget’. Cari kode berikut ini:


<data:post.body/>

Kalau sudah ketemu, silakan copy kode related post di bawah ini, kemudian tempelkan di bawah kode di atas. Dan jangan lupa simpan perubahan.

Selamat mencoba, semoga bermanfaat.

Kode yang harus anda copy paste adalah

ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
</div>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Wednesday, December 9, 2009

Blog Bumiayu: Cara Membuat/Bikin Readmore/Baca Selengkapnya

Banyaknya permintaan dari para blogger pemula mengenai cara buat "readmore/baca selengkapnya" membuat saya berkepentingan untuk menulis artikel ini . walaupun tutorial tentang cara membuat readmore sudah banyak ditulis oleh rekan blogger lain, namun sayangnya penjelasan yang diberikan kadang tidak mudah dimengerti dan malah membuat bingung.

Untuk itu tidak ada salahnya saya mencoba juga menulis artikel ini sebagai pelengkap agar mempermudah blogger pemula bisa lebih mengerti cara membuat readmore serta cara penggunanan kode readmore pada postingan mereka.

Mungkin rekan blogger yang baru mulai membuat blog masih bingung dan bertanya-tanya apa itu readmore? Penjelasannya begini: Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah namanya :).

Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutannya, Bagaimana cara membuatnya?

Contoh Readmore :

Judul Artikel: Meraih Kemuliaan dengan Al-Qur'an

Al-Qur’an Al-Karim merupakan kitab suci ummat Islam yang mempunyai banyak julukan. Bilamana orang-orang beriman mau dan mampu menyikapi dan memposisikannya sebagaimana aneka julukan yang Allah sematkan kepadanya, maka insyAllah mereka akan memperoleh kemuliaan hidup di dunia dan keselamatan di akhirat.

Pertama, di antara julukan yang Allah swt berikan kepada Al-Qur’an ialah penyebutannya sebagai Al-Huda (petunjuk).

“Alif lam miim, ini (Al-Qur’an) adalah kitab yang tak ada keraguan di dalamnya menjadi petunjuk bari orang-orang yang bertaqwa.”(QS Al-Baqarah ayat 1- 2).
Barangsiapa membaca Al-Qur’an akan memperoleh petunjuk ke mana ia harus malangkah dalam hidupnya di dunia ini. Dan sebaliknya, bilamana manusia berusaha mencari petunjuk selain Al-Qur’an, maka ia akan tersesat dan tak tahu arah hidup.

Kedua, Al-Qur’an juga disebut sebagai Al-Furqan atau pembeda.

“Bulan Ramadhan adalah bulan diwahyukannya Al-Qur’an, petunjuk bagi manusia dan penjelas bagi petunjuk tersebut dan pembeda.” (QS Al-Baqarah 185).
Orang yang membaca Al-Qur’an akan memiliki quwwatul-furqan (kemampuan membedakan) antara benar dan salah, halal dan haram serta legal dan illegal di mata Allah swt. Hal ini penting karena dewasa ini begitu banyak pendapat manusia yang membingungkan.

Ada yang berpendapat bahwa sesuatu hal baik, namun pendapat lain mengatakan bahwa hal tersebut jelek. Ada juga yang berpendapat sesuatu hal terpuji, tapi bagi fihak lain hal tersebut justru tercela. Manusia akan terombang-ambing bilamana dalam keadaan dunia dewasa ini tak mampu membedakan mana sebenarnya yang baik dan mana sebenarnya yang buruk.
Readmore...

Bila ada kata "Readmore" atau "baca selengkapnya" berarti artikel tersebut ada kelanjutannya. Silakan diklik kata "Readmore" untuk melanjutkan membacanya.

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:

Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"


Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"


Langkah Ketiga:

Cari kode dibawah ini:

<div class='post-header-line-1'/> <div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan kode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

"item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.


Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">
</div>

Jangan lupa "save" atau disimpan :)

Contoh cara memenggal postingan sebagai berikut:

Judul Artikel: Meraih Kemuliaan dengan Al-Qur'an

Al-Qur’an Al-Karim merupakan kitab suci ummat Islam yang mempunyai banyak julukan. Bilamana orang-orang beriman mau dan mampu menyikapi dan memposisikannya sebagaimana aneka julukan yang Allah sematkan kepadanya, maka insyAllah mereka akan memperoleh kemuliaan hidup di dunia dan keselamatan di akhirat.

Pertama, di antara julukan yang Allah swt berikan kepada Al-Qur’an ialah penyebutannya sebagai Al-Huda (petunjuk).

“Alif lam miim, ini (Al-Qur’an) adalah kitab yang tak ada keraguan di dalamnya menjadi petunjuk bari orang-orang yang bertaqwa.”(QS Al-Baqarah ayat 1- 2).
Barangsiapa membaca Al-Qur’an akan memperoleh petunjuk ke mana ia harus malangkah dalam hidupnya di dunia ini. Dan sebaliknya, bilamana manusia berusaha mencari petunjuk selain Al-Qur’an, maka ia akan tersesat dan tak tahu arah hidup.

Kedua, Al-Qur’an juga disebut sebagai Al-Furqan atau pembeda.
<div class="fullpost">
“Bulan Ramadhan adalah bulan diwahyukannya Al-Qur’an, petunjuk bagi manusia dan penjelas bagi petunjuk tersebut dan pembeda.” (QS Al-Baqarah 185).
Orang yang membaca Al-Qur’an akan memiliki quwwatul-furqan (kemampuan membedakan) antara benar dan salah, halal dan haram serta legal dan illegal di mata Allah swt. Hal ini penting karena dewasa ini begitu banyak pendapat manusia yang membingungkan.

Ada yang berpendapat bahwa sesuatu hal baik, namun pendapat lain mengatakan bahwa hal tersebut jelek. Ada juga yang berpendapat sesuatu hal terpuji, tapi bagi fihak lain hal tersebut justru tercela. Manusia akan terombang-ambing bilamana dalam keadaan dunia dewasa ini tak mampu membedakan mana sebenarnya yang baik dan mana sebenarnya yang buruk.</div>

Selamat mencoba :) happy blogging


Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Wong Bumi Ayu: Cara Bikin/Membuat Link

Sobat, pada posting kali ini saya akan membahas masalah bagaimana caranya membuat suatu link. Membuat link fungsinya untuk menghubungkan antara posting/page yang satu dengan yang lainnya.

Bagaimana caranya?

Gampang saja. Sobat hanya perlu menambahkan kode html diantara kata yang akan kita jadikan link. Contoh demonya sebagai berikut: Lihat kata yang berwarna merah "Belajar Membuat Link" Silakan diklik! Maka akan keluar/menuju posting/page yang baru/lain.

Belajar Membuat Link Itu Gampang

O.K. Bagaimana kode htmlnya?

Silakan catat kode htmlnya berikut ini:



Silakan ganti kata "http://kabarjuventus.blogspot.com" dengan URL/Blog Sobat sendiri. Gampang bukan? Selamat Blogging...

Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Wong Bumi Ayu: Cara Bikin/Membuat Teks Berkedip

Sobat, pada posting kali ini saya akan membahas masalah bagaimana caranya membuat suatu kata/teks atau kalimat menjadi berkedip-kedip seperti kunang-kunang. Membuat teks berkedip fungsinya hanya sekedar trik saja agar suatu kata/teks ataupun kalimat kelihatan hidup dan menarik.

Bagaimana caranya?

Gampang saja. Sobat hanya perlu menambahkan kode html diantara kata yang akan kita jadikan berkedip-kedip. Contoh demonya sebagai berikut: Lihat kata yang berwarna merah "Belajar Ngeblog Itu Gampang" Berkedip-kedip kan?

Belajar Ngeblog Itu Gampang

O.K. Bagaimana kode htmlnya?

Silakan catat kode htmlnya berikut ini:



Silakan ganti kata "Kata yang akan dijadikan berkedip" dengan kata-kata/kalimat Sobat sendiri. Gampang bukan? Selamat Blogging...

Penting!! Sebaiknya Anda Baca Juga Link Berikut:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah

Tuesday, December 8, 2009

Bumi Ayu: Cara Merubah Icon Default Blogger

Sobat, pada posting kali ini saya akan membahas masalah bagaimana cara merubah icon depault blogger menjadi icon kreasi Sobat sendiri. Icon Blogger pada address bar adalah icon default saat kita membuat blog di blogger. Tapi tentu saja icon tersebut bisa diganti dengan icon Sobat sendiri.

Tutorial tentang merubah icon blogger ini memang sengaja dibuat untuk blogger pemula. Bagaimana cara merubah icon default Blogger dengan Icon yang sudah dibuat sendiri? Keuntungannya yaitu icon yang dipasang di address bar tidak harus icon ber-ekstensi .ico tetapi icon jenis apa saja. Lebih baik memang memilih gambar dengan ukuran persegi jadi kelihatan lebih bagus. Nah, caranya cukup mudah untuk menggantinya. Silakan ikuti tutorial berikut ini:

* Login pada Blogger

* Pilih Tata Letak/Layout

* Kemudian Edit HTML

* Klik Expand Widget Template

* Cari kode </head>

* Letakkan kode berikut sebelum kode tadi:

<link href='http://img134.imageshack.us/img134/633/image4hx4.gif' rel='SHORTCUT ICON'/>

* Ganti Link http://img134.imageshack.us/img134/633/image4hx4.gif dengan alamat Link gambar kamu yang telah kamu upload di hosting.

* Kalau ingin lebih mudah mencari gambar, kamu bisa mengunjungi photobucket atau imageshack

Tapi aku akan memberi contoh beberapa icon yang bisa kamu gunakan di blog kamu sama sepeti yang dilakukan olehku karena pada mulanya posting ini dari blognya. Inilah icon beserta link-nya :

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Ternyata gampang khan merubahnya? Ya iya lah gampang banget donk…


Penting!! Perlu Anda Baca:
@ Kumpulan Tips dan Trik Belajar, Kumpulan Rumus dan Trik Hitung Cepat Matematika
@ Kumpulan Artikel Tentang Kiamat dan Tanda-tandanya, Tentang Gempa dan tentang Sedekah
@ Kumpulan Artikel tentang Al-Quran, Kiamat, Kisah Nabi dan Sahabat dan Pernik Dakwah