Loading ... ... Please wait!

Sabtu, 31 Januari 2009

Widget Menu

Mungkin sama juga dengan anda, yang memiliki hobby BLOGWALKING. Saat berkunjung ke Blog seseorang, apalagi blog yang baru pertama kali dikunjungi. Yang Pertama terpikir oleh kita adalah "KETUK PINTU" (istilah yang saya gunakan untuk menyapa pemilik blog dengan menoreh sepatah dua patah kalimat pada ShoutBOX sebagai salam perkenalan). Tapi dimanakah gerangan posisi SHOUTBOX tersebut ???. Pada beberapa blog ada yang menempatkan posisi SHOUTBOX pada sisi atas dengan ukuran layar yang besar, sehingga tidak sulit untuk mencarinya. Tapi ada juga yang menempatkan pada posisi paling bawah, malah ada yang menaruhnya terselip kecil diantara widget-widget lain, sehingga menyulitkan kita mencarinya.

Saya anggap itu sah-sah saja. Setiap orang memberi kesan yang berbeda terhadap beragam widget yang dipasang pada blog. Disatu sisi ada yang menganggap widget A sangat penting dan widget B tidak terlalu penting sepenting widget B. Misalnya Orang yang suka mengekspresikan diri lebih senang menonjolkan widget slide ALBUM FOTO ketimbang widget lain. Yang Hobby Jejaring Sosial lebih suka dengan FOLLOWER dan BLOGROLL dan yang suka cuap-cuap sudah pasti FORM KOMENTAR atau SHOUTBOX jadi andalan. Masalahnya selera kita kadang tidak sama dengan selera pengunjung. Ketika kita memutuskan untuk bergabung dengan globalitas dunia BLOG. Terima atau tidak, indikator tingginya Traffik Kunjungan adalah tujuan yang dikejar hampir semua pengguna blog. Dan hanya satu tips yang diamini semua pemilik blog "MANJAKANLAH PENGUNJUNG". Salah satu Trik memanjakan pengunjung adalah "ramaikanlah Blog dengan berbagai fasilitas WIDGET".

Muncul Masalah. Mana diantara Widget tersebut yang jadi andalan untuk menarik hati pengunjung. Mengandalkan sebuah widget berarti membuatnya lebih menonjol dibanding widget lain dengan harapan ketika berkunjung, mata pengunjung pertama kali langsung melirik widget tersebut. Cara yang paling lazim digunakan adalah menempatkan pada sisi atas BLOG atau memodifikasi sedemikian rupa sehingga menarik perhatian pengunjung, misalnya dengan membuat layarnya lebih besar, membuat animasi MARQUEE, BLINK, SLIDE IN, atau FLOATING. Tapi sayangnya kita tetap tak bisa memuaskan semuanya. Pengunjung datang dengan berbagai karakter dengan selera yang berbeda-beda.

Saya mempunyai satu trik untuk mengatasi hal tersebut, meskipun trik ini juga tidak menjamin bisa memuaskan hati pengunjung. Tapi sekedar untuk tambah-tambah ilmu. Tak ada salahnya. Trik ini saya beri title WIDGET MENU. Ide ini muncul saat saya berkunjung ke sebuah Rumah Sakit Besar dengan berbagai sub spesialisasi. Tujuan saya adalah ke bagian Laboratorium untuk ambil sample darah. Karena ruangannya banyak, saya jadi bingung saya harus jalan ke arah mana, Ke kanan atau kekiri atau keatas atau kebawah untuk menemukan bagian laboratorium. Karena bingung saya pikir saya harus ke depan ke bagian informasi untuk menanyakan. Nah belum sempat bertanya, dihadapan saya, didepan, diserambi RS sudah terpampang besar FLOW CHART (alur pelayanan). Saya urung bertanya dan coba ikuti petunjuk flow chart tadi. Akhirnya ketemu juga tanpa harus bertanya.

FLOW CHART itulah yang saya jadikan ilustrasi WIDGET MENU. Pada prinsipnya WIDGET MENU adalah membuat Menu yang berisi link judul/title semua widget yang kita punya dan menempatkan pada posisi terdepan/teratas. Atau menempatkan pada posisi yang di anggap strategis untuk dilirik pengunjung pertama kali. Dari Link MENU WIDGET tersebut pengunjung bisa menggunakan "JALUR CEPAT" menuju ke sasaran widget yang ingin di tuju. Tinggal Klik langsung "JUMP" ke widget tersebut.

Tehnik membuat WIDGET MENU

Buatlah WIDGET FOCUS semua Widget anda. Caranya bisa anda lihat di artikel WIDGET FOCUS

Setelah itu membuat menu link untuk widget-widget tersebut. Misalnya

MENU WIDGET

<a href="#blogarchives">BLOG ARCHIVES</a>
<a href="#bloglist">BLOG LIST</a>
<a href="#stat">SITE STATISTIK</a>
<a href="#topkom">TOP KOMENTAR</a>
<a href="#fontstylesetting">FONT STYLE SETTING</a>
<a href="#followers">FOLLOWER</a>
<a href="#labelcloud">KATEGORI</a>
<a href="#tagboard">MEDIUM KOMENTAR</a>


Contoh:

MENU WIDGET


Setelah itu posisikan pada posisi yang paling tepat menurut anda paling strategis untuk menarik perhatian pengunjung atau buat trik khusus agar mudah jadi perhatian.
Kalau saya sendiri menggunakan trik Javascript "ALWAYS ON TOP" untuk menyimpan WIDGET MENU. Dengan Trik ALways On Top, dimana pun posisi layar di scroll MENU WIDGET akan tetap muncul pada posisi teratas.

LIHAT CONTOH Menu "JALUR CEPAT". Menu JALUR CEPAT adalah hasil modifikasi WIDGET MENU yang menggunakan Javascript ALWAYS ON TOP
Selanjutnya...

Selasa, 27 Januari 2009

Widget Focus

Memiliki blog yang ramai dengan fasilitas widget memang sangat menyenangkan. Trik tersebut bahkan dapat menarik minat pengunjung untuk betah berlama-lama di blog kita. Berbagai keunikan yang disuguhkan dari widget tersebut mengesankan bahwa blog kita sangat variatif dengan berbagai layanan yang bertujuan memanjakan pengunjung. Lihat sajalah misalnya widget BLOGLIST/BLOGROLL, FOLLOWER, ARCHIVES, LABEL yang sering disisipka pada sidebar blog, keberadaannya sangat-sangat terasa menghidupkan suasana dan interaktifitas di blog kita.

Sayangnya, ruangan yang sangat luas tanpa batas pada medium komputer hanya dapat kita saksikan pada ukuran screen terbatas sesuai ukuran layar komputer. Komputer secara otomatis akan menampilkan halaman dari jarak 0 px dari atas (TOP) dan jarak 0px dari kiri (LEFT). Jika blog yang kita bangun jauh melebihi ukuran screen komputer, praktis ada bagian halaman yang tidak terlihat saat membuka blog dan hanya terlihat ketika kita menekan scroll horisontal atau scroll vertikal. Nah bagian yang pertama kali tampak pada layar screen secara default saat blog dibuka itulah yang akhirnya menjadi bagian yang sangat penting karena daya tarik pengunjung untuk betah berlama lama diblog tergantung kesan pertama yang kita tampilkan pertama kali pada bagian ini. Jika kesannya tidak cukup menggoda pengunjung praktis langsung pindah ke lain hati.

Inilah yang kemudian menjadi masalah bagi blog yang ramai dengan widget. Bingung memilih widget yang mana yang akan kita letakkan pada posisi sidebar atas mendampingi headline. Apalagi kalau kita menganggap semua widget yang kita pasang ternyata memberi kesan sama pentingnya. Makin bingung lagi. Khan tidak lucu juga kalau setiap hari harus melakuakan update untuk mengubah-ubah posisi widget.

Untuk menyiasati hal tersebut, trik WIDGET FOCUS mungkin bisa membantu. WIDGET FOCUS adalah trik menentukan widget mana yang ingin kita focuskan terlebih dahulu saat blog di view. Kelebihannya lagi, kita tak perlu menempatkan widget focus pada side bat top, bisa di posisi mana saja, bahkan di bottom page.

Jika anda tertarik dengan WIDGET FOCUS berikut ini adalah tehnik membuatnya


  1. Setiap widget harus memiliki Title/Judul. Tanpa title/judul sulit melacak keberadaannya

  2. Setiap widget yang ingin di focus harus di beri tag nama (<a name>)



Membuat title/judul widget semua sudah tahu caranya. Ini untuk sekedar mengingatkan saja,



Jadi misalnya kita memiliki Widget/Gadget BLOGLIST, kemudian titlenya "Blog list", tinggal mencari dimana posisi title/judul tersebut. Caranya Buka TATA LETAK > EDIT HTML > Expand Template Widget > Tekan CTRL + F >
Isi Form Find What dengan title tadi contoh "Blog list", Nanti anda akan mendapatkan hasil pencarian seperti dibawah ini

<b:widget id='HTML14' locked='false' title='Blog List' 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>

Tambahkan script <a name='bloglist'/> didepan <h2 class='title'><data:title/></h2>
sehingga menjadi seperti ini

<b:widget id='HTML14' locked='false' title='Blog List' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<a name='bloglist'/><h2 class='title'><data:title/></h2>
</b:if>

Keterangan
id='HTML14' : diatas hanya contoh mungkin yang anda dapat berbeda, abaikan saja

h2 class='title' : diatas hanya contoh mungkin yang anda dapat berbeda, abaikan saja, intinya ada di

a name='bloglist' : diatas hanya contoh, anda dapat menggunakan kata yang lain, misalnya 'daftarblog' atau 'blogli' atau apa saja yang penting kata-katanya unik dan tak ada spasi.

Jika anda ingin widget tersebut terfocus, saat membuka alamat blog jangan lupa menambahkan tag #name, untuk contoh diatas berarti menjadi #bloglist sehingga menjadi contoh seperti ini

http://abgamal.blogspot.com/#bloglist

Lihat Contoh : BLOG PROJECT

jika alamatnya berakhir dengan .html penulisan alamatnya seperti contoh ini

http://abgamal.blogspot.com/2009/01/kekuatan-blogwalking.html#bloglist

Lihat Contoh : KEKUATAN BLOGWALKING

Selamat mencoba, jika masih bingung, tanyakan lewat form komentar.
Selanjutnya...

Kamis, 22 Januari 2009

Kekuatan Blogwalking

Sambungan dari artikel TENTANG BLOGGER LAGI

Mungkin kita pernah mengalaminya, saat pertama kali membuat blog, dan sudah yakin bahwa blog yang kita buat begitu komplit, lumayan oke dan kemudian di Publish. Setelah hari berganti minggu dan minggu berganti bulan ternyata blog kita sepi pengunjung. Kenapa ?

Ketika kita hadir didunia maya ini dan memutuskan untuk membuat blog, mungkin awalnya kita sudah cukup puas dengan menulis dan mengekspresikan diri lewat blog, tapi karena dunia internet adalah dunia saling berinteraksi tidak mungkin kita hanya cukup berlocal hero sendiri, desakan dari rasa INGIN TAHU dan INGIN DIKETAHUI memaksa kita harus membuka diri dan melakukan BlogWalking [Kunjungan Blog].

Jika sampai saat ini anda belum mengerti trik bagaimana berinteraksi antar blog, barangkali tips berikut cukup membantu.

Buka google.com, pilih link "blog", isi form pencarian dengan kata kunci "blog". Maka google akan menghadirkan ratusan blog yang sedang uptodate, anda tinggal memilih blog mana yang harus anda kunjungi. Bukan itu saja, Google juga memberi kemudahan mencarian blog terupdate "JAM TERAKHIR", "12 JAM TERAKHIR", "HARI TERAKHIR", "MINGGU LALU", dan "BULAN LALU". Tinggal anda menggunakan akal sendiri mana blog yang sebaiknya diprioritaskan untuk di kunjungi.

Dan etika yang bagus saat blogwalking atau berkunjung ke blog seseorang adalah jangan lupa menorehkan sepatah-dua patah kata pada FORM KOMENTAR. 1 kata komentar saja, bisa sangat berarti banyak buat siempunya blog. Komentar tersebut bisa menunjukkan bagaimana kita respek terhadap nuansa ekspresi dan eksistensi sebuah blog.

Setiap netter yang memiliki blog, sudah pasti memiliki visi kemana blog tersebut akan diarahkan. Dan jika kita menyimak masing-masing blog dengan beraneka ragam thema dan visi, semua blog pada awalnya terbelah menjadi 2 karakteristik yang berbeda. BLOG KOMERSIAL atau BLOG PRIBADI.

Blog komersial biasanya hadir dengan visi dan thema yang tegas BLOG IS A BUSINESS. Idealnya Blog komersial ini dimanfaatkan oleh kalangan pebisnis atau pengusaha yang memiliki modal. Jika kita berkunjung ke blog ini, kita akan melihat berbagai macam pernak-pernik WIDGET yang memberi nuansa profit oriented. Blog komersial biasanya enggan melakukan blogwalking sendiri. Dengan ditunjang dana promosi yang lumayan oke, mereka lebih save misanya dengan berlangganan adwords nya GOOGLE atau menciptakan program afiliasi sendiri dan membiarkan referalnya yang melakukan blogwalking. Hanya anehnya kenapa mereka memanfaatkan blog untuk tujuan komersial, padahal dengan modal besar mereka bisa beli server atau domain sendiri yang setara dengan server blogger, kemudian menciptakan web portal dengan fasilitas widget yang lebih komplit dan ukuran bandwidth yang lebih besar.

Bisa jadi itu hanyalah trik bisnis. Ada jutaan orang berinternet setiap hari bahkan bisa lebih, dengan cara yang berbeda-beda, dari yang hanya sekedar searching, browsing, mailing, atau chatting. Dan yang paling jelas eksistensinya adalah komunitas blogger. Dengan berkamuflage sebagai blogger mereka bisa lebih leluasa dan familiar mengembangkan bisnis diantara para blogger lain dan jika mungkin juga diantara komunitas bukan blogger. Karena via blogger juga bisa connect dengan jejaring sosial lain seperti facebook,friendstar, messager yahoo dll.

Blog personal atau blog pribadi lebih mencerminkan file pribadi online, beberapa ada yang mengarahkannya ke buku harian online. Sebenarnya pihak BLOGGER.COM tidak membedakan layanan antara blog berbasis bisnis dan blog personal. Yang membuatnya berkesan BISNIS atau PERSONAL adalah kita sendiri sebagai pengguna blog. Namanya juga Blog personal, berarti sentuhan rasa yang ingin kita tampilkan pada blog tersebut adalah "Tentang Kita (ABOUT US)", Tentang sesuatu disekitar kita, bisa saja blog itu sebagai ungkapan ide-ide seorang Politikus atau Hasrat seorang dokter yang ingin membuka ruang konsultasi medis online, atau Luapan Kekayaan Ekspresi seorang seniman, atau bisa jadi ia bukanlah siapa-siapa yang hanya ingin menuangkan perasaan dan berbagi pengalaman. Jika kemudian blog personal banyak yang terseret ke dunia bisnis online. Kenapa tidak. Dengan asumsi bahwa jika segala ekspresi dan ide-ide yang tertuang dalam blog yang awalnya hanya dinilai melalui feedback dalam bentuk respek atau pujian, saran atau kritikan kemudian berubah menjadi bentuk nyata berupa uang khan paling tidak bisa membantu meringankan budget yang telah kita keluarkan untuk berinternet dan sebagai kompensasi dari waktu kita yang banyak terbuang. Apalagi jika ternyata bisnis tersebut sukses dan membuat kita ....hehehehe "kaya". Wahhh wahhh wahhh !!!!

Yang jelas, kemana blog tersebut akan menemukan bentuknya tergantung kepada kita sendiri dan itu menuntut tanggung jawab. Tanggung jawab kita adalah apakah kita hanya ingin membiarkan blog tersebut seperti katak dibawah tempurung atau total ikut serta meramaikan globalitas dunia blog dengan segala konsekwensinya. Yang pasti setuju atau tidak, fakta telah membuktikan bahwa hidup mati nya sebuah blog sangat tergantung pada traffik ramai-sepinya pengunjung blog tersebut. Jika ingin blog kita dianggap survive, kita tidak bisa hanya cukup diam dan berlocal hero sendiri. Kita harus melakukan Blogwalking agar mendapatkan umpan balik. Jika kita tidak puas hanya di anggap "ada" saja dan ingin lebih menduduki posisi bergengsi di dunia internet, kita harus membayar lebih, baik tenaga, uang dan waktu luang. Itu Konsekwensinya.

Bersambung
Selanjutnya...

Minggu, 18 Januari 2009

Tentang Blogger Lagi

Dari semua blog yang dibuat dengan menggunakan fasilitas gratisan BLOGGER.COM atau WORDPRESS.COM, mungkin separuhnya adalah interner mania dan separuhnya lagi interner karbitan. Bagi interner mania mungkin separuh hidupnya berkutat di dunia maya ini disebabkan karena tuntutan pekerjaan atau hanya sekedar hobby. Tapi entah benar entah tidak, para interner mania ini bisa jadi telah mengidap penyakit "INGIN TAHU". Saya katakan "Penyakit" karena bisa anda bayangkan sebuah kotak elektronik yang didalamnya terdapat dunia informasi tanpa batas, bisa begitu menghipnotis para penggila internet hingga mereka rela duduk berjam-jam di depan komputer hanya untuk mengobati RASA INGIN TAHU tadi. Padahal peraturan pertama di dunia maya adalah "semakin anda mengejar rasa ingin tahu itu maka semakin banyak yang anda tahu, tapi anda juga tersadar saat itu makin banyak yang anda tidak tahu". Karena penasaran dengan keingintahuan itulah salah satu alasan yang menyebabkan kenapa mereka membuat blog.

Lalu bagaimana dengan interner karbitan yang hanya menggunakan dan menikmati layanan internet setengah hati, bahkan ada juga yang sama sekali tak ada hati. Kenapa mereka membuat blog?. Jangan-jangan mereka hanyalah korban dari trend gaya hidup atau sedang mengejar mimpi yang tak pasti.

Dijaman yang serba dikuasai oleh Perangkat digital dan tehnologi informasi ini, Laptop atau mobile computer bukan lagi milik kalangan High-End, dipasar-pasar loak elektronik maupun black market, kita bisa dapat laptop yang dibandrol dengan harga dibawah standar tapi oke punya. Hotspot ada dimana-mana, sehingga meskipun kita hanya makan di kaki lima, bisa sambil searching dan sudah pasti gratis tis tis. Ada Laptop ada hotspot sudah jelas menuntut untuk membuka internet. Dalam beberapa hari atau minggu, status sudah mulai sedikit jelas, cenderung ke interner mania atau tetap jadi interner karbitan. Sialnya disaat para interner kambuhan ini sudah mulai dihinggapi penyakit INGIN TAHU tadi, mulai berkenalan dengan BLOGGER, mulai membuat ACCOUNT dan memiliki BLOGSPOT ternyata setelah itu baru sadar bahwa mereka bukanlah penikmat blog yang baik, akhirnya internet di disconnect, laptop di tutup dan BLOGSPOT yang sudah ditoreh tak pernah lagi dijamah.

Bukan karena trend gaya hidup mungkin, tapi mengejar mimpi. Boleh jadi. Semenjak GOOGLE ADSENSE diluncurkan, gairah orang membuat blog makin meningkat. Blog yang tadinya lebih banyak diidentikkan dengan catatan harian, tahun-tahun belakangan ini bergeser menjadi bisnis online. Bayangkan, kita tidak usah capek-capek kerja, cukup duduk beberapa jam di depan komputer online terserah dimana, dikedai, dirumah sambil ditemani secangkir kopi dan pisang goreng. Habis bulan, seorang pak POS datang kerumah bawa cek yang nilainya juta-juta. Betul-betul bisnis yang menggiurkan, "KATANYA".

GOOGLE ADSENSE adalah layanan iklan online yang di luncurkan oleh google sebagai salah satu layanan win-win solution kepada usernya. Sebagai Broker kawakan, Google disatu sisi mencari Perusahaan atau Businessmen yang ingin mengiklankan produknya di Google, disisi lain Google mencari referral yang bisa angkat jadi broker kecil untuk membantu mengiklankan produk tersebut. Salah satu yang dilirik goggle adalah BLOGGER.COM sebagai penyedia layanan Blog. Kita sebagai pengguna blogger otomatis kecipratan layanan tersebut. Jadilah kita broker kecil, sedikit ruang diblog kita disiapkan untuk iklan adsense dengan harapan seseorang tertarik dengan iklan tersebut. JIka iklan di klik langsung jump ke website perusahaan tadi. Produk terbeli atau tidak, google sudah dapat uang, dan karena kita ikut andil, google juga fair untuk membaginya sebagian kepada kita. Jika banyak yang klik lewat blog kita, tinggal dikalikan saja, berapa besar keuntungan yang bisa kita dapat dengan duduk tadi.

Lalu bagaimana caranya agar banyak user yang klik iklan tersebut via blog kita ?!. Untuk mencapai tujuan tersebut, pastikan dulu sepenting apakah blog kita sehingga user lain cenderung untuk bertamu, berapa banyak user yang mampu kita giring ke blog kita, dari sejumlah user yang berkunjung, berapa persen yang melirik link iklan adsense tadi. Bukan mudah khan, diperlukan usaha yang gigih dan sabar dan tentu saja sebuah permainan cantik.
Mulailah muncul tips dan trik untuk meningkatkan traffik kunjungan ke blog, salah satunya adalah SHOUTBOX. Ada satu etika yang menarik pada Box Penyampai Pesan ini. Jika anda mengirim pesan ke SHOUTBOX seseorang, ada kemungkinan 90% orang tersebut akan berkunjung balik ke Blog anda. Alasannya sederhana saja, setiap pesan pasti memancing naluri keingin tahuan seseorang. Trik lain lagi adalah LINK EXCHANGE atau TUKARAN LINK dan banyak lagi trik-trik lain. Tapi apapun trik nya semuanya berkiblat pada satu tujuan GOOGLE PAGE RANGE. Bagaimana membujuk Google agar blog kita mendapatkan posisi bergengsi pada halaman pertama GOOGLE SEARCH dan bisa tetap eksis disitu selama-lamanya.

Bagaimana mendapat PAGE RANK tinggi, minimal 4 keatas (Google menggunakan algoritme 1-10 untuk menilai prestasi sebuah blog). Jika anda mencari tips dan trik cara meningkatkan pagerank, rata-rata memberi alasan yang sama atau persis sama yaitu, Update rutin blog anda agar blog anda tetap dianggap survive dan cari strategi memperbanyak pengunjung ke blog.
Update rutin adalah hal yang sangat mudah dilakukan. Tapi memancing user mengunjungi blog bukanlah kerjaan yang mudah bahkan banyak blogger mania yang memiliki mimpi-mimpi indah akhirnya menyerah karena alasan yang satu ini. Bahkan bukan itu saja, Para blogger mania yang sudah lama eksis di dunia maya dan bermain bisnis online akhirnya harus turun gunung karena fluktuasi PRnya yang mulai mengkhawatirkan. Mereka mulai mencari orang-orang yang tidak begitu gemar, bahkan yang sangat tidak tertarik dengan komputer dan internet untuk berinternet. Masuk ke sekolah-sekolah, forum-forum diskusi, membuat event club blogger atau live event di radio-radio broadcasting dan berbagai cara lainnya yang sudah jelas menguras kantong pribadi. Mempromosikan virus blogger dan membuai mereka dengan mimpi mimpi indah tentang bisnis online, menghipnotis banyak orang termasuk yang tidak mengerti dan tidak tertarik untuk berblog ria. Akhirnya lahirnya banyak blogger blogger baru karbitan yang sebenarnya tidak siap memasuki dunia online tersebut.

Apa untungnya bagi Blogger mania? yang jelas dengan metode turun gunung ini mereka baik secara langsung maupun tidak langsung telah menciptakan referral yang bisa di indokrinasi agar menjadi underbow mereka. Semakin banyak underbow akan semakin banyak yang harus minta petunjuk pada blogger mania sebagai suhu/gurunya. Dan akan semakin banyaklah yang berkunjung ke blog mania tersebut yang tak lain adalah underbownya sendiri.

BERSAMBUNG
Selanjutnya...

Jumat, 16 Januari 2009

Blogger Jadi ShoutBox



Jika pernah membuka artikel saya yang lain SHOUTBOX BERBASIS BLOGGER, maka posting ini juga masih berkaitan dengan bagaimana mengubah sebuah blog menjadi buku tamu atau shoutbox. Pada BLOGGER JADI SHOUTBOX ini kami menggunakan metode dan pendekatan yang berbeda.

Ada 2 Langkah Besar untuk menjadi SHOUTBOX yaitu
1. BLOGGER JADI BUKU TAMU
2. BLOGGER JADI SHOUTBOX

BLOGGER JADI BUKU TAMU
Langkah-langkah Membuat BLOGGER JADI BUKU TAMU


  1. Buka ACCOUNT di BLOGGER.COM, Pilih Buat Blog (Kenapa Buat Blog?? Buka Rahasia Blogger), isi judul dan alamat sesuka hati.

  2. Ganti Tamplate, Pilih SIMPLE II, sehingga dalam mode edit tampak seperti ini





  3. Bagian yang diberi tanda silang (X) merah di buang, caranya pilih edit, terbuka jendela popup, pilih tombol hapus

  4. Setelah dihapus akan tampak seperti ini




  5. Buka Posting, Judul: Buku Tamu (atau terserah anda), isi posting : Buku Tamu (atau terserah anda), Terbitkan Entri. Dan Lihat Hasilnya di Jendela Baru, kira-kira seperti ini



  6. Isi Komentar (bagian yang diberi lingkar merah), Isi apa saja, terserah, setelah itu lihat hasil, contoh seperti ini



  7. Buang beberapa bagian yang tidak diperlukan (yang dilingkar merah)

  8. Buang Langgan: Poskan Komentar (Atom). Caranya adalah : Buka mode EDIT HTML dan cari script dibawah ini

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    ubah menjadi

    .feed-links {
    clear: both;
    line-height: 2.5em;
    display:none;
    }

    Simpan dan lihat hasilnya

  9. Buang Halaman Muka. Caranya adalah : cari script dibawah ini

    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;
    }

    ubah menjadi

    #blog-pager-newer-link {
    float: $startSide;
    display:none;
    }

    #blog-pager-older-link {
    float: $endSide;
    display:none;
    }

    #blog-pager {
    text-align: center;
    display:none;
    }

    Simpan dan lihat hasilnya

  10. Buang Title dan Isi Postingan. Caranya adalah : cari script dibawah ini
    .post {
    padding-$startSide:5%;
    padding-$endSide:10%;
    }

    Ubah menjadi

    .post {
    padding-$startSide:5%;
    padding-$endSide:10%;
    display:none;
    }

    Simpan dan lihat hasilnya

  11. Buang Date Header. Caranya adalah : cari script dibawah ini
    h2.date-header {
    padding-top:15px;
    color:$footercolor;
    padding-bottom:0px;
    margin-bottom:0px;
    font-size: 90%;
    }

    ubah menjadi

    h2.date-header {
    padding-top:15px;
    color:$footercolor;
    padding-bottom:0px;
    margin-bottom:0px;
    font-size: 90%;
    display:none;
    }

    Simpan dan lihat hasilnya

  12. Buang Navbar. Caranya adalah tambahkan script ini persis diatas ]]></b:skin>


    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Simpan dan lihat hasilnya

  13. Ubah Poskan Komentar menjadi POPUP, caranya adalah Buka Pengaturan, Pilih Komentar > Pada Kata-kata Penempatan Formulir Komentar, Pilih OPSI JENDELA MUNCULAN kemudian Simpan Setelan. Lihat Hasinya
    Kira-kira seperti ini



  14. Agar Tampilan menjadi rata pinggir, Buka Mode EDIT HTML, Centang Expand Template Widget kemudian cari script di bawah ini

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <a expr:name='data:comment.anchorName'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    ubah semua yang berwarna merah menjadi div
    tambahkan tag target='_blank' pada script yang berwarna hijau sehingga menjadi seperti ini

    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    Simpan dan Lihat Hasil
    Kira-kira seperti ini



  15. Menghilangkan kata "Mengatakan". Caranya adalah script yang berwarna biru pada point no 14, dihapus

  16. Mengubah Font Size dan Font Face. Caranya adalah cari script dibawah ini

    body {
    margin:0;
    font:$bodyfont;
    background:$bgcolor;
    color:$textcolor;
    }

    ubah menjadi

    body {
    margin:0;
    font-family:Tahoma, Arial, sans-serif;
    font-size:8pt;
    background:$bgcolor;
    color:$textcolor;
    }

    ukuran size 8pt bisa anda ubah sendiri sesuai selera

  17. Oleh karena komentar terbaru di blogger selalu di pasang pada bagian bawah, oleh karena itu, kita perlu mengubah halaman buku tamu tadi agar tampilannya pada posisi paling bawah. Caranya adalah sisipkan script dibawah ini diatas </head>

    <script>
    function resizeWindow()
    {
    x=document.body.scrollHeight;
    x=x+99999
    window.scrollTo(0,x);
    }
    </script>


  18. Sisipkan tag onload='resizeWindow()' didalam <body> sehingga menjadi
    <body onload='resizeWindow()'>

  19. Ada sedikit perbedaan antara IE dan FF, pada IE sulit menghilangkan scoll horisontal berapun kita mengubah ukuran layar, sehingga untuk menghilangkannya dibutuhkan tambahan script. Pada script point 17 tambahkan tag

    document.getElementById('bodi').style.width="270px";

    dibawah
    function resizeWindow() {

    sehingga menjadi

    function resizeWindow()
    {
    document.getElementById('bodi').style.width="270px";
    x=document.body.scrollHeight;
    x=x+99999
    window.scrollTo(0,x);
    }

    angka 270 adalah lebar dari layar buku tamu, anda bisa mengubahnya sesuai selera sendiri.

  20. Sisipkan tag id='bodi' dalam <body onload='resizeWindow()'> sehingga menjadi seperti ini
    <body onload='resizeWindow()' id='bodi'>

    Jadilah Sebuah BUKU TAMU



BLOGGER JADI SHOUTBOX
Untuk mengubah BUKU TAMU ini menjadi SHOUTBOX tinggal masukkan dalam Iframe kemudian Copy ke Widget Blog Utama Anda

Langkah - langkahnya adalah

  1. Buat IFRAME seperti ini

    <iframe width="450px" frameborder="0" src="http://gbblogproject.blogspot.com/2009/01/buku-tamu.html" marginheight="0px" name="tagboard" height="350px" marginwidth="0px"></iframe>

    Bagian yang berwarna merah, ganti dengan alamat BUKU TAMU anda yang baru saja dibuat
    atur ukuran lebar (width) dan tinggi(height) iframe sesuai selera

  2. Pada Blog Utama anda, buka TATA LETAK > ELEMENT HALAMAN > TAMBAH GADGET > HTML/JAVASCRIPT, Copy paste script diatas kemudian simpan, jangan lupa atur lagi lebar dan tinggi iframe agar balance dengan blog anda, lihat hasilnya. Kira-kira seperti ini




Selanjutnya...

Selasa, 13 Januari 2009

Membedah Blogger

Saat kita membuka account di blogger.com, perhatikan menu disebelah kanan, terdapat menu seperti terlihat pada gambar. Jika anda berpikiran kritis, ada apa dengan blogger.com menyediakan fasilitas buat blog lagi padahal dengan satu blogpun sudah cukup. Uniknya lagi, Jika link itu di klik, kita akan diminta memasukkan alamat baru, 2-3 langkah. Selesai. sangat-sangat praktis dan tak perlu membuat account baru seperti saat mendaftar pertama kali.

Tapi jika kita cermati lebih dalam, mungkin informasi dibawah ini bisa menjadi salah satu alasan.

Berbeda dengan WEB seperti Geocities atau Tripod atau ratusan penyedia free web space lain. Blogger.com hanya menyediakan 1 file saja untuk kita, tak ada fasilitas create file seperti yang lain-lain. Ibaratnya ketika free web host lain menyerahkan setumpuk buku file yang bisa kita tata dengan baik, blogger hanya menyediakan 1 lembar file dimana dalam 1 lembar file itulah kita tumpuk semuanya.

Satu contoh kasus,
seorang dokter yang memiliki hobbi komputer membuat sebuah blog bertema medis, anggaplah alamat blognya http://yangberbaumedis.blogspot.com, setelah 3-4x postingan medis, tiba-tiba postingan ke 5 judulnya lari ke tema komputer. Pada postingan ke 6-7berubah lagi jadi tema bisnis online, karena palestina bergejelok, postingan ke 8 berubah lagi jadi tema politik. Postingan ke 9 koq ada puisi, ke 10 ada lirik lagu. Ini Pasar atau apa.

Blogger.com sebenarnya sudah menyarankan kita untuk mengkategori setiap postingan yang kita buat sesuai label thema. Sayangnya Blogger lupa atau barangkali ogah menyiapkan satu fasilitas option, dimana ketika membuka alamat blog kita pertama kali yang terbuka adalah sesuai kategori yang kita inginkan. Yang ada adalah sesuai waktu postingan dimana postingan terakhir akan ditempatkan pada headline halaman dan berurut kebawah. Realistis saja, orang lebih tertarik melihat halaman depan blog kita dibanding mencari link sesuai kategori. Kalau pada tampilan pertama, blog kita sudah seperti kayak pasar kearah mana pembaca kita akan kita bawa. Seperti pada contoh kasus diatas, Alamat blognya bertema medis, isi blognya berisi informasi yang tak ada arah.

Sah-sah saja memang sebuah blog mengakomodir semua itu. Tapi bukan kah lebih smart kelihatannya, jika misalnya ditata lebih apik bukan dari file yang sama tapi dari file yang lain. Misalnya lembar file pertama adalah file utama yang tampil pada headline sesuai tema utama blog. Lembar file ke 2 tentang komputer, lembar file ke tiga tentang unek-unek dst, sehingga ketika pengunjung datang pertama kali, nuansa blog kita sudah terasa ada kesan, Ohh ini blognya komunitas medis, komunitas bisnis, komunitas komputer dll.

Nah karena blogger.com tidak menyediakan fasilitas create file tapi hanya monofile. Gak ada salahnya menggunakan fasilitas link BUAT BLOG tersebut sebagai pengganti create file seperti yang terjadi pada free hosting lain. Jadi seperti contoh kasus diatas. Jika ada 3 tema, buatlah 3 blog dengan masing-masing tema dan anggaplah blog-blog tersebut sebagai file-file tambahannya,contohnya

1. http://yangberbaumedis.blogspot.com,
2. http://yangberbaukomputer.blogspot.com
3. http://yangberbaubisnisonline.blogspot.com
4. http://yangberbausaya.blogspot.com

dst-dst, seribupun anda mau buat, omm blogger kita ini, tak akan marah bung
Tapi khan gak lucu dong mengelola banyak blog. Berapa jendela windows yang saya harus buka setiap hari untuk memonitor blog tersebut. Capek dong jadinya.

Nah disinilah dibutuhkan satu trik khusus. MEMBUAT BLOG DALAM BLOG. Maksudnya dalam satu blog induk terdapat blog-blog lain yang disisip ke blog induk, sehingga anda seolah-olah membuka satu blog, dan blog-blog lain punya kesempatan dibuka oleh pegunjung tapi tetap didalam halaman blog induk tersebut. Seperti web pada umumnya, kita tinggal membuat MAIN MENU bisa dalam bentuk topbar maupun sidebar.

Penjelasan secara detailnya, tunggu artikel saya yang lain di BLOG DALAM BLOG
Selanjutnya...

Senin, 12 Januari 2009

Rahasia Image pada Blogger

Sebelum mengupas lebih jauh tentang rahasia image/gambar pada blogger, barangkali informasi ini juga penting bagi anda.

Jika anda bertukar link dengan blogger yang lain dan menyertakan Image pada link tersebut (Adanya Image pada link ditandai dengan tag IMG) pastikan terlebih dahulu dari mana image itu berasal.

Pada prinsipnya image yang terdapat pada blog bisa berasal dari 2 sumber yaitu pertama dari database server penyedia layanan blog itu sendiri misalnya blogger.com, kedua berasal dari server lain yang menyediakan layanan penyimpanan image gratisan seperti picasa, flixr,PhotoBucket atau penyedia layanan web gratisan seperti geocities dan tripod. Kalau anda cari di google mungkin anda bisa dapat ratusan web penyimpan gambar.

contoh kasus

Yang di simpan di blogger

<a href="blablabla"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s1600/gml2.gif"></a>

Yang di simpan di photobucket

<a href="blablabla"><img src="http://i120.photobucket.com/albums/o190/gamal/gamal/menyimpan%20photo/gam06.png"></a>

Yang disimpan di Geocities

<a href="blablabla"><img src="http://www.geocities.com/topoleogi/gamal.jpg"></a>

Sekarang logika kan saja sendiri
Anggap saja anda memiliki 20 link hasil tukaran yang memiliki image dan sialnya image tersebut semua berasal dari server yang berbeda. Artinya ketika anda loading blog anda, maka ketika diloading tanpa anda sadari browser akan otomatis memanggil ke 20 server berbeda tersebut. Berapa beban yang harus dipikul oleh browser anda. Jika servernya bonavit seperti picasa google atau geocitiesnya yahoo okelah mungkin aman aman saja, karena bandwidth mereka raksasa. Tapi kalau traffic lagi tinggi-tingginya kadang google dan yahoo kepayahan juga. Bagaimana seandainya image tersebut disimpan di server kacangan yang hidup susah mati tak mau. Itu belum termasuk besarnya ukuran image yang harus diload. Bukan hanya membuat blog anda kepayahan tapi juga babak belur dan berantakan dibuatnya.

Jadi jika anda mau aman, simpan gambar/image anda pada server yang sama dengan blog anda, jika bermain di blogger.com, ya simpan di blogger. Begitu juga link plus image yang di terima dari hasil bertukar link, sebaiknya juga berasal dari server layanan yang sama.

Khusus menyangkut picasa google, ada sedikit keunikan. Ternyata saat anda upload gambar via blogger secara otomatis gambar tersebut juga tersimpan di album picasa google. setelah saya cermati hasilnya seperti ini

Script alamat Image dari Blogger.com

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s200/gml2.gif


Script alamat Image dari Picasa Web Album

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/


Kedua gambar ini sama tapi berasal dari 2 web yang berbeda, tapi kode-kodenya hampir mirip. Yang membuat saya sedkit penasaran adalah gambar yang saya import ke blogger berekstensi .gif di picasa album berubah jadi ekstensi .jpg. Akhirnya saya coba ulang sekali lagi dengan image berekstensi .png seperti ini

Script alamat Image dari Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png

setelah saya cek di picasa web album jadi seperti ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/

Artinya di picasa web album semua gambar diubah ke jpg. Tapi meskipun ada perbedaan, sepertinya blogger dan Google setali tiga uang. Jadi relatif aman menyimpan image/gambar di picasa web album

Kembali ke Rahasia gambar di blogger, saat mengupload gambar yang rencananya untuk dipakai sebagai banner image di blogger ternyata gambar yang saya buat dengan begitu indahnya setelah diupload malah menjadi sangat jelek mutunya. Pertanyaan yang muncul dibenak saya adalah WHERE'S MY REALY IMAGE ?

saya cermati ulang kode HTMLnya, ternyata yang kita peroleh saat upload gambar adalah versi thumbnailnya, selengkapnya seperti ini

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png" border="0" /></a>

Bagian yang berwarna merah adalah script Image yang tampil dengan mode thumbnail. Pantas hasilnya jelek. Sekedar bereksperiment, saya coba ganti yang berwarna merah tadi dengan script tag yang berwarna biru sehingga tampak seperti ini


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/-h/gamal.png" border="0" /></a>

setelah dibuka di browser hasilnya malah tak nampak, hilang, blank. Karena tak ada gambar, saya coba buka source kode HTMLnya, dan hasil yang saya dapatkan adalah

img scr="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600/gamal.png

setelah saya buka di browser, barulah ketahuan GAMBAR SAYA YANG SEBENARNYA. Ternyata rahasianya hanya dengan menghilangkan -h pada script diatas gambar saya ketemu juga.
Selanjutnya...

Hidden Layer

Begitu banyak fasilitas widget yang ditawarkan para penyedia layanan baik yang free maupun bayar. Dan begitu senangnya kita melihat blog kita begitu ramai dengan berbagai fasilitas tersebut. Tapi seiring dengan itu muncul juga beberapa masalah.

Memilih mana diantara widget tersebut yang paling jitu di tempatkan pada bagian atas, dan mana yang tidak masalah jika ditempatkan pada bagian bawah halaman blog kita.

Masalah tersebut mungkin bisa diatasi dengan memanfaatkan hidden layer. Membuat satu layar yang sudah ditentukan posisinya secara absolute, kemudian disembunyikan. Setelah itu dibuatkan satu link atau tombol/button yang jika diklik, layar tersebut muncul sebagai layar tersendiri.

Jika tertarik scriptnya seperti ini

Langkah pertama adalah membuat Layar terlebih dahulu

<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff" id="layar"> Buat/pasang tulisan atau script disini</div>

Setelah itu, layar tersebut dihilangkan/disembunyikan,
kode scriptnya adalah display:none, pasang tag script ini pada posisi style sehingga menjadi seperti ini

<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar"> Buat/pasang tulisan atau script disini</div>

Langkah berikutnya adalah membuat link agar layar tersebut muncul saat link di klik
scriptnya adalah

<script>
function bukalayar()
{ document.getElementById("layar").style.display="block"; }
</script>

<a href="#" onclick="bukalayar()">BUKA LAYAR</a>


Agar Setelah dibuka layar tersebut bisa ditutup kembali, buat satu link lagi yang berfungsi menutup layar yaitu

<script>
function tutuplayar()
{ document.getElementById("layar").style.display="none"; }
</script>

<a href="#" onclick="tutuplayar()">TUTUP LAYAR</a>

Link tutup layar bisa disisipkan pada hidden layar tadi

sehingga menjadi seperti ini

<div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar">
<a href="#" onclick="tutuplayar()">TUTUP LAYAR</a>

Buat/pasang tulisan atau script disini
</div>

Kemudian buka EDIT HTML dan tempatkan di bawah
<body>

atau buka TAMBAH GADGET > HTML/JAVASCRIPT > Copy Paste script berwarna merah. Script link Buka layar anda bisa sandingkan dengan menu yang lain.

Contoh HIDDEN LAYER, KLIK di bawah ini
OPEN LAYER
Selanjutnya...

Sabtu, 10 Januari 2009

Yang Lagi Online

Mungkin anda juga pernah mengalaminya, berkunjung ke sebuah blog, membaca beberapa artikel kemudian menulis sepatah dua patah kata komentar, saran, atau suatu pertanyaan pada shoutbox atau medium komentar yang disediakan dengan harapan mudah-mudahan aja ada umpan balik. Ternyata setelah menunggu beberapa menit,jam,hari tak ada jawaban/respon. Yang ada dipikiran kita pasti sama, jangan-jangan pemilik blog lagi tidak

online, atau blog ini memang tak pernah lagi di jamah oleh pemiliknya.

Beberapa blog yang saya kunjungi, ada juga yang mengambil langkah maju, memasang icon yahoo messenger pada blognya sebagai kode online atau tidak.

Yang menjadi pertanyaan adalah, bagaimana seandainya saya hanya ingin berkunjung ke suatu blog yang lagi online saja. Berapa banyak blog hari ini yang lagi online dan bagaimana mengetahuinya. Karena penasaran saya tanya pada om google, abra ka dabra, dan jawabannya sama saja, tidak memuaskan. Entah pencariannya saya yang kurang menggebu atau memang tak ada traffic yang disajikan baik oleh google maupun blogger untuk layanan tersebut.

Akhirnya, karena tak menemukan satupun fasilitas tersebut dari blogger.com, dan saya sudah malas lagi mencarinya, saya putuskan untuk coba-coba buat sendiri, lumayan membutuhkan waktu 1 hari penuh juga membuatnya

Bagi anda yang tertarik menggunakan fasilitas gadget "YANG LAGI ONLINE" ini ada beberapa aturan main yang harus di penuhi
  • Daftar Jadi Anggota. Dengan mendaftar, anda akan kami beri kode script yang wajib dipasang pada gadget blog
  • Mengajak blogger mania lain untuk juga ikut mendaftar. Alasannya karena hanya yang menjadi members saja yang akan anda tahu online atau tidak, makin banyak yang mendaftar makin banyak blog yang anda ketahui online atau tidak

  • Agar anggota lain bisa mengetahui anda sedang online atau tidak, setiap anda membuka blog, jangan lupa untuk login pada "FORM LOGIN" yang kami sertakan pada blog anda

  • Fasilitas "YANG LAGI ONLINE" ini hanya diperuntukkan bagi yang sudah memiliki blog

Kelihatannya rumit, tapi gak ada salahnya dicoba dulu biar tahu.
Kode Script yang wajib anda pasang pada blog anda setelah Mendaftar adalah

<iframe scrolling="no" width="200px" frameborder="0" src="http://abdgamal.ueuo.com/userlogin.php" height="183px"></iframe>

kemudian
Buka Account di Blogger.com > Tata Letak > Element Halaman > Tambah Gadget > HTML/Javascript

Copy dan Paste script diatas, beri judul sesuka hati. Selesai
Selanjutnya...

Senin, 05 Januari 2009

Klik Follower Ke New Window

TIPS dan TRIK RINGAN

Coba klik salah satu Follower anda, defaultnya saat diklik maka link tersebut akan jump ke Profile User pada jendela yang sama (Same Window). Agar Profile user tadi jump ke Jendela Baru (New Window), gunakan trik berikut ini

Buka Tata Letak > Edit HTML > Centang bagian box Expand Template Widget >
Cari Script Berikut

<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>

tambahkan target='_blank' pada script tersebut sehingga menjadi seperti ini

<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow' target='_blank'>

Kemudian Simpan, dan coba klik ulang Follower Anda, Semoga Berhasil Selanjutnya...

Minggu, 04 Januari 2009

Membedah Shoutbox Bagian Pertama

Jam 5:55 PM, 04-01-2009, seorang Guest dengan title MITRA masuk ke Shoutbox saya, dengan info "masih pake shoutmix??? ati2 lho", setelah saya klik,langsung jump ke judul artikel "KELEMAHAN SHOUTMIX". Setelah saya simak dengan seksama, mungkin artikel ini bisa sebagai bahan diskusi dan urun rembuk para pengguna SHOUTMIX.

Setuju atau tidak, akar permasalah dari semua ini sebenarnya berasal dari blogger.com sendiri. Ketika shoutmix sudah begitu booming, dan populer, mengapa tak ada respon dari pemilik situs blogger untuk menyediakan satu gadget lagi mengganti peran shoutbox milik shoutmix. Tapi setelah dipikir-pikir lagi, malu juga untuk mengatakan begitu, karena sah-sah saja di dunia internet sebuah server memberikan layanan setengah hati atau limited untuk hal-hal yang berbau gratisan, hehehe.

Mengetahui keterbatasan tersebut, dan mengingat popularitas blogger.com yang sudah begitu dahsyat. Server lain yang jeli seperti shoutmix, feedburner, pagerank.net, sitemeter, google adsense, feedjit dll, tentu saja tidak membuang kesempatan emas memanfaatkan keterbatasan tersebut yang entah benar atau tidak, untuk nebeng populer juga dan mulailah mengekploitasi dan mengekplorasinya sebagai tambang duit. Sekedar info, shoutbox milik shoutmix hadir dengan 2 versi, Free dan Premium. Mungkin awalnya kita pakai gratisan dulu, setelah sadar shoutmix sudah menjadi kebutuhan primer sebuah blog, banyak yang akhirnya melirik versi premium, dan saat itu mengalirnya uang ke pemilik server shoutmix (contoh kasus: Bloknya kang Rohman di Kolom Tutorial yang menggunakan versi Premium).

Bagaimana cara mereka memanfaatkan keterbatasan sebuah blogger. Mudah saja, Umumnya server lain tersebut menggunakan 2 fasilitas unggulan blogger yang memang sengaja disediakan untuk berimprovisasi yaitu Add Javascript/HTML dan EDIT HTML. Dan setelah saya cermati ada 3 cara yang paling mudah, gampang dan paling banyak digunakan oleh server lain tersebut untuk nebeng ke Blogger yaitu.

1. Pakai tag script javascript

contoh kasus
Milik Feedjit untuk Live trafic Feed

<script src="http://feedjit.com/serve/?bc=ffffff&amp;tc=494949&amp;brd1=ffffff&amp;lnk=494949&amp;hc=336699&amp;ww=160" type="text/javascript"></script>

Milik Site Meter.com

<script src="http://s51.sitemeter.com/js/counter.js?site=s51blogproject" type="text/javascript">

2. Pakai tag IMG nya PHP

contoh kasus
Milik Pagerank.net

<img border="0" style="position:absolute;left:592px;top:163px;z-index:10" alt="Powered by MyPagerank.Net" src="http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=c8441957a2ee78da008df19c42351a161f460539b926e948740e6d"/>

3. Memanfaatka Iframe

Iframe adalah tag html yang bermanfaat dan umumnya digunakan untuk membuka jendela kecil dalam sebuah web atau blogger

contoh kasus

Milik Shoutmix.com

<iframe scrolling="auto" frameborder="0" style="display:block;height:350px" width="190px" src="http://www5.shoutmix.com/?abdgamal" title="abdgamal">
</iframe>

Bahkan blogger sendiri memanfaatkan iframe untuk membuat form komentar, bagi yang memanfaatkan formulir komentar yang disematkan dibawah entri, script iframe adalah seperti ini.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

kalau masih tidak percaya coba klik kanan pada formulir komentar tersebut lalu pilih properties (letakkan cursor bukan pada textareanya, lalu klik kanan) alamat/address yang anda dapatkan adalah kira-kira seperti ini

http://www.blogger.com/comment-iframe.g?blogID=159448502901129649&postID=464820131250039853

dan coba klik kanan di sisi yang lain misalnya pada postingan anda lalu pilih properties, yang anda dapatkan adalah sama dengan alamat blog anda sendiri misalnya

http://abgamal.blogspot.com/2009/01/tukaran-link.html

Jadi jika anda memanfaatkan banyak fasilitas external bukan bawaan blogger.com sendiri, sama artinya ketika anda loading, bukan hanya server blogger saja yang ikut terloading tapi juga server lain ikut antrian, semakin banyak fasilitas external yang anda gunakan, semakin banyak menguras bandwidth anda.

Nah, kembali ke masalah shoutmix yang memanfaatkan fasilitas iframe, coba anda bereksperimen, ganti alamat shoutmix tadi (bagian yang berwarna merah) dengan alamat lain misalnya http://www.google.co.id atau http://www.yahoo.com dan lihat hasilnya. (tunggu lima menit ya)
Shoutboxnya shoutmix pasti sudah berubah dan berganti dengan url google atau yahoo.


Bagaimana sebenarnya mekanisme kerja shoutboxnya shoutmix?

Sebenarnya prinsipnya sama saja dengan punya blogger dan semua situs portal di dunia maya ini. Anda memasukkan data pada form (mis pada shoutbox), Server shoutmix, mengirim input data tersebut ke databasenya di shoutmix, bukan ke database blogger sehingga data itu sudah jelas punya shoutmix. karena data tersebut bukan punya database blogger, otomatis server blogger ogah menayangkan data tersebut karena memang datanya bukan di server blogger. Agar data tersebut bisa tampil ke blogger maka shoutmix mengirimkannya kembali, tapi melalui fasilitas iframe atau jendela keci dalam bentuk alamat url (tulisan yang berwarna merah).

Pertanyaan selanjutnya adalah, kenapa ada nama dibagian belakang alamat shoutmix, misalnya abdgamal pada http://www5.shoutmix.com/?abdgamal, itu artinya ketika kita mendaftar pada shoutmix, shoutmix membuka satu ruang pada database yang kata kuncinya sama dengan id account kita di shoutmix (dalam contoh ini "abdgamal"). Data kita disimpan di ruang database tersebut. untuk memanggilnya kembali, agar bisa terbaca oleh server database shoutmix, kata kuncinya adalah id tersebut. Jangan coba-coba mengakalinya dengan mengganti id tersebut secara asal saja, karena jika belum terdaftar ke server shutmix, database shoutmix akan bingung menginterpretasikan.

Jadi, jika Anda paham, shoutmix sebenarnya tidak ada apa-apanya jika tidak dipasang sebagai shoutbox iframe pada blogger. Jika anda memecah dan menariknya keluar dari iframe, buka jendela baru dan ketikkan alamat urlnya misalnya http://www5.shoutmix.com/?abdgamal, maka shoutmix ini tidak ada faedahnya bagi kita karena tujuan kita memanfaatkan shoutbox pada blogger kita adalah agar meningkatkan jumlah pengunjung dengan cara bertukar info salah satunya melalui cara saling kunjung mengunjungi termasuk via shoutbox.

Akhirnya semuanya terpulang kepada kita juga. Shoutboxnya shoutmix sudah terlanjur menjadi unggulan di blogger. Jika anda merasa ia masih sangat berguna untuk meningkatkan rating pengunjung blog anda, jangan pisahkan ia dari iframenya. Jika anda merasa kurang sreg dengan iframe misalnya dengan alasan, seperti kata yang saya kutip dari artikel KELEMAHAN SHOUTMIX.

"Artinya Apa??? Artinya saya bisa meninggalkan jejak ke 200 blog sekaligus seolah-olah saya berkunjung ke blog mereka, padahal???? TIDAK!!!"


Jika itu ketakutan anda, maka ucapkan selamat tinggal buat shoutmix dan mulailah bereksperimen menggunakan shoutbox alternatif lain seperti solusi yang ditawarkan MITRA tadi, membuat LINK ALBUM.

Caranya mudah :
Buat posting di blog anda, berikan judul apa saja, buku tamu kah atau guestbook, beri sedikit informasi tentang buku tamu tadi atau kalo mau lebih mudah tulis aja &nbsp;. Setelah selesai, postingan anda tersebut pasti akan mendapat alamat url, biasanya jika titel/judulnya SHOUTBOX, pasti alamatnya seperti ini

http://namabloganda.blogspot.com/2009/01/shoutbox.html.

selanjutnya tinggal buat link dengan nama apa saja, Bisa Shoutbox, Buku Tamu, atau Link Album, misalnya

<a href="http://namabloganda.blogspot.com/2009/01/shoutbox.html">SHOUTBOX</a>

pasang pada gadget JAVASCRIPT/HTML anda, selesai.

Jika seseorang ingin mengisi SHOUTBOX, tinggal klik link SHOUTBOX, langsung jump ke artikel yang berjudul SHOUTBOX. Isi pada bagian komentar. Jadilah Link ALBUM.

Dulu tehnik ini pernah saya coba, tapi batal saya gunakan dengan alasan pertama: ketika membuat archives, blogroll, daftar isi, dan feedburner. SHOUTBOX tersebut diidentifikasi sebagai judul postingan. agaknya Kurang smart dan aneh, ada artikel dengan banyak komentar tapi tak ada isi artikelnya.

Alasan kedua adalah shoutbox layout lebih populer dan cepat diminati orang ketimbang Buku Tamu/Shout BOX Link.
SHOUTBOX LAYOUT Adalah shoutbox yang muncul pada halaman depan blog saat web/blog di buka, Sedangkan SHOUTBOX LINK (atau yang sering disebut BUKU TAMU) adalah shoutbox yang pada saat web/blog dibuku muncul hanya sebagai link saja. Anda harus mengklik dulu baru tampak layoutnya. Rahasia kepopuleran shoutmix, karena muncul sebagai SHOUTBOX LAYOUT saat pertama kali dibuka, jauh meningkalkan model BUKU TAMU yang berbasis SHOUTBOX LINK.

Alasan ketiga, jika menggunakan shoutbox iframe, setiap input komentar, browser hanya melakukan reload local pada iframe itu saja, tidak mempengaruhi/mereload jendela utama, jika menggunakan LINK ALBUM, setiap komentar yang diinput menyebabkan jendela utama ikut-ikutan di reload.

Secara pribadi, meskipun shoutmix tidak di index digoogle dan tingkat keamanannya belum bisa dijamin, saya masih menggunakan shoutmix via iframe, karena masih menjadi trend, sembari tetap bereksperimen di BLOG PROJECT menemukan metode baru yang lebih komplit dan memuaskan.

Dan seperti yang saya katakan diatas tadi, semuanya terpulang kepada anda, bagaimana memaknai suatu produk widget seperti shoutboxnya shoutmix. Terserah, karena Anda sendirilah The MAN BEHIND THE GUN nya.

OPPSSS, Jangan lupa, jika anda berminat SHOUTBOX BERBASIS BLOGGER yang saya buat mungkin bisa juga jadi solusi. Tapi pastikan dulu anda support dengan IFRAME atau tidak. karena SHOUTBOX BERBASIS BLOGGER juga memanfaatkan iframe.
Selanjutnya...

Sabtu, 03 Januari 2009

Tukaran Link

Mungkin anda juga mengalaminya atau mungkin melakukannya, BERTUKAR LINK. Ketika pertama kami mendapat pesan "tukaran link yuk?" di blog ini, awalnya saya sempat bingung, maklum hobby ngeblog baru mulai menggebu akhir tahun 2008 ini, sehingga boleh dibilang masih muda dan belum banyak mengenal istilah dan kebiasaan para blogger. Saya coba-coba cari informasi, dan berkunjung ke berbagai weblog, kesimpulan sementara saya adalah, bertukar link berarti menempatkan alamat weblog seseorang ke layout halaman blog kita kemudian sebagai timbal baliknya, alamat blog kita juga di pasang ke blog orang tersebut. (jika kesimpulan saya salah, tolong di koreksi).

Untuk bisa bertukar link alamat blog, umumnya para blogger membuat semacam textarea yang berisi tag-tag script alamat html blognya kemudian di pasang pada layout halaman blog dengan tujuan agar mudah di copy.

Agar tag-tag script tersebut bisa tampil ke blog kita, sudah tentu kita harus membuka account di blogger, kemudian Tata Letak, Tambah gadget > Javascript/HTML kemudian copy paste tag-tag tersebut. Ternyata Asyik juga

Sayangnya, menurut hemat saya, tehnik tersebut sangat tidak praktis, alasan Pertama: Tukaran link hanya mungkin terjadi saat online, jika seseorang meminta menempatkan link blognya ke blog kita, sementara saat itu kita tidak online 1 minggu, maka permintaan tersebut akhirnya jadi basi, begitu pula sebaliknya. Alasan kedua : Aduhh malaslah untuk sering membuka account diblogger.

Oleh karena itu agar tidak mengecewakan kawan-kawan para blogger mania yang ingin bertukar link, akhirnya saya luncurkan satu produk gadget yang mungkin bisa jadi solusi untuk bertukar link, saya menyebutnya sebagai BLOGLIST SLIDE IN PAGE.

BLOGLIST SLIDE IN PAGE adalah daftar blog yang saya pasang pada blog project saya, dimana ketika ada permintaan "tukaran link", saya tidak perlu repot-repot membuka account di blogger dan mengcopy link blog Anda ke blog saya tetapi silahkan Anda daftarkan sendiri blog anda dengan cara mengklik [+]Link yang terdapat pada Bloglist Slide in page. Masukkan title Blog, Alamat URL dan sekelumit informasi tentang blog anda, kemudian input. Selesai. jika di refresh, Alamat URL Blog Anda akan terpasang pada BLOGLIST.

Kabar baiknya, jika anda lagi offline, 1 minggu kemudian, saat membuka blog, boleh jadi bloglist anda sudah bertambah diluar dugaan.

Kabar buruknya, BLOGLIST ini tidak mengizinkan image/gambar. Alasan saya, gambar/image sulit diatur, setiap orang memiliki gambar/image dengan ukuran yang berbeda-beda jika ditampilkan bisa merusak wajah blog itu sendiri. Gambar/image disimpan pada direktori ekternal pada website beragam, semakin beragam semakin banyak web yang otomatis ikut terloading, makin menguras bandwidth. Dibandingkan text, gambar/image memiliki ukuran yang relatif besar, bayangkan jika 1 gambar ukurannya 10 kb, 50 gambar berarti 500 kb, padahal dengan text, rata-rata 1 text ukurannya paling tinggi 4 bite saja. Bagi saya, yaa Tahu dirilah, kita ini bermain diwilayah gratisan, yang segalanya serba terbatas, maka irit-iritlah memanfaatkan bandwidth.

Jika anda tertarik memanfaatkan fasilitas ini, daftarlah terlebih dahulu sebagai members, kemudian tag-tag scriptnya akan langsung kami hadiahkan kepada anda.
Selanjutnya...
 
 
 
 
 
 


CLOSE
MAIN MENU
REFRESH