Rabbi zidni 'ilman war zuqni fahman
“Yaa Rabb, tambahkanlah ilmu bagiku, dan berilah aku kefahaman”
“… Maha Suci Engkau, tidak ada yang kami ketahui selain dari apa yang telah Engkau ajarkan kepada kami …”
Setelah resmi google membuka kantor perwakilan di Indonesia minggu kemarin dan karena ada ketentuan untuk membuka account Google Adsense dalam bentuk Bahasa Indonesia, maka saya mencoba mencicipi Google Adsense dalam format Bahasa Indonesia. Kalau kita piker-pikir bagi orang yang tidak terbiasa menulis blog untuk Bahasa Inggris agak kesulitan untuk merangkai katanya seperti saya ini
Walaupun sudah ada alat alih bahasa seperti Google Translate dan berbagai macam aplikasi desktop tapi tetap saja ada keengganan tersendiri. Dengan adanya format baru di GA ini diharapkan para blogger di Indonesia makin rajin menulis blognya, menyediakan ads GA dalam Bahasa Indonesia untuk memulai mendulang dollar.
Untuk tips dan triknya banyak sekali yah yang perlu dicoba seperti contoh untuk pengoptimisasian meta tag, submit di directori online seperti plipeo, tukar traffic, blogwalking dlsb.
Tips dan Trik Google Adsense Bahasa Indonesia Untuk blog ini sendiri masih dengan tukar link, komentar diblog-blog teman, blogwalking antar sesame blogger dlsb. Update posting pun harus sering dilakukan agar di mata search engine menunjukan bahwa blog ini masih terawat dan tiap hari kontennya diperbaharui. Untuk konten sendiri saya tidak jauh-jauh dari pengalaman pribadi, curhatan, kegiatan oprek, Pokoknya peristiwa yang menyangkut diri sendiri aja, biar enak nulisnya dan tidak kehabisan ide untuk menulis.
Membaca memang mengasyikan apalagi kalo tema yang sedang kita baca memang merupakan bacaan favorit kita, makin panjang tulisan yang hendak kita baca malah akan menarik untuk dinikmati. Namun kadang kala tulisan yang panjang juga membuat pembaca enggan untuk membacanya walaupun tulisan itu sangat menarik untuk dibaca. Tulisan yang panjang juga bisa memperpanjang height dari blog kita, bayangkan aja jika dalam halaman utama kita memperlihatkan jumlah postingan sebanyak tujuh post panjang-panjang lagi berapa kali scroll ke bawah hanya untuk melihat HeadLine dari postingan kita :e Lalu bagaimana agar tampilan blog kita (heightnya) menarik, mari kita simak tutorial di bawah ini.
Perhatian !! Karena ini berhubungan dengan Sintaks HTML dari Blog Anda maka diharapkan Anda melakukan edit Script dengan Teliti, Bila perlu Back Up dulu Blog Anda :e
Pertama yang anda lakukan adalah : 1. Loginlah terlebih dahulu di Blogger.com 2. Mulailah pilih Bahasa yang hendak Anda Gunakan 3. Klik lah Link Tata Letak | Edit HTML 4. Jangan lupa centang Expand Template Widget
Setelah anda dengan benar mengikuti langkah2 di atas, carilah kode seperti ini : <div class='post-body'>
pastinya anda binggung untuk mencarinya karena begitu banyak sintaks HTML yang ada di situ, untuk memudahkan anda pilihlah Edit pada menu bar browser anda atau tekan CTRL + F. Akan muncul kotak di bawah Browser FF anda, di dalam blok itulah anda mengetikan sintaks <div class='post-body'>
kalau sudah ketemu tambahkan sintaks ini di bawah <div class='post-body'> <b:if cond='data:blog.pageType == "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'>Baca Selengkapnya</a> </b:if>
setelah anda mengkopi sintaks di atas hasil akhirnya akan tampak seperti ini:
Kalau sudah anda Save template dan beralih ke Tab Pengaturan dan pilih Sub Tab Format scroll ke bawah dan carilah Template Posting, isikan di dalam box Template Posting dengan <div class="fullpost"></div>
Adapun fungsi dari Template Posting adalah, format yang selalu ditampilkan apabila anda akan memposting tulisan baru, dan format ini aktif di Edit HTML pada menu Entri baru
Tata cara penggunaannya adalah sebagai berikut : Pilihlah Tab Posting otomatis browser anda akan menampilkan halaman posting baru dan aktif di Edit HTML bukan di Tulis pada box tempat penulisan posting anda. Lalu anda ketikan tulisan seperti biasa di box tersebut, missal anda ingin menuliskan:
Negara Republik Indonesia terletak di dua Benua dan dua Samudra yang menjadikan letaknya sangat strategis dalam perdangan dunia, dan menjadikan Negara Republik Indonesia sangat subur, Gemah Ripah Loh Jinawi, (Anda bermaksud memotong kata disini) segala macam tanaman dapat tumbuh subur di tanah Nusantara, keramahan penduduknya juga merupakan cirri khas yang dimiliki bangsa Indonesia, beragam budaya tanah air, mata pencaharian penduduk, tempat wisata yang elok
Maka yang harus anda lakukan adalah anda harus aktif di box posting Edit HTML,
Negara Republik Indonesia terletak di dua Benua dan dua Samudra yang menjadikan letaknya sangat strategis dalam perdangan dunia, dan menjadikan Negara Republik Indonesia sangat subur, Gemah Ripah Loh Jinawi, <div class="fullpost">(Anda bermaksud memotong kata disini) segala macam tanaman dapat tumbuh subur di tanah Nusantara, keramahan penduduknya juga merupakan cirri khas yang dimiliki bangsa Indonesia, beragam budaya tanah air, mata pencaharian penduduk, tempat wisata yang elok </div>
Visitor Message (VM) umumnya di gunakan oleh pengunjung blog untuk memberitahukan kedatangannya kepada si Empunya Blog. Apakah perlu Blog kita dibuatkan VM ini ? Jawabannya tergantung masing-masing Blogger, kenapa bisa demikian karena mungkin VM ini akan sangat berguna bagi blog yang baru lahir dan masih jarang dikunjungi berlaku sebaliknya ada begitu banyak blog yang sudah tidak menggunakan VM ini karena di rasa traffic blog mereka sudah begitu rame, jadi nggak perlu dipasang VM ini, Ga kebayangkan apabila si Empunya blog yang rame ini harus gantian berkunjung ke semua list di VM ini. Hehehe … Jadi harapannya dengan adanya VM ini blog yang telah kita kunjungi mendapat kunjungan balik dari pemilik VM ini. Untuk membuat shoutmix ini arahkan browser anda menuju ke alamat : http://www.shoutmix.com
Setelah browser anda sudah menuju di shoutmix, pilihlah create untuk membuatnya, Ikutilah petunjuk gambar di bawah ini :
Settinglah ukuran panjang dan lebar dari tempat VM diblog anda, setelah itu copy semua kode yang ada. Langkah selanjutnya login lah diblog anda ( www.blogger.com ) lalu masuk ke Tata Letak, nah di situ anda bisa menambahkan Gadget Baru, klik Tambah Gadget, akan muncul windows popup, pilihlah Gadget HTML/JavaScript kliklah Gbr (+), isilah judul di Gadget anda dengan tulisan Visitor Message, lalu kode yang tadi anda copy pastekan di dalam box yang masih kosong, lalu simpan, PopUp akan menghilang dan menuju ke Halaman Tata Letak Sekali lagi Klik Simpan.
Ada kalanya anda merasa kurang puas dengan design blog yang disediakan oleh blogger untuk anda, anda pun mencari template-template dengan memanfaatkan Paman Google. Anda lalu ketemu dengan template yang menurut hati anda pas, dan langsung mendownload template itu setelah selesai mendownloadnya anda langsung menguploadnya diblog anda, tapi apa yang terjadi ternyata gadget dari template yang anda download tadi sangat rumit dan banyak sehingga anda pun dibuat bingung karenanya, Celakanya lagi anda lupa untuk membackup tampilan blog anda terpaksa anda lembur seharian deh ... Wah .. wahh .. setan pun menertawai kecerobohan anda. :s
Peringatan : Harap lakukan BackUp/ Restore untuk berjaga-jaga kalau-kalau hal seperti di atas terjadi :
Baiklah untuk menyingkat waktu anda, maka akan saya mulai pembahasan mengenai Bagaimana Caranya merubah Tampilan Blog anda, Pertama sekali saya akan memperlihatkan tampilan awal blog yang akan kita jadikan kelinci percobaan kita sebelum anda memulai bekerja pada template blog anda. (jika gbr kurang jelas klik aja :e )
File-file yang anda perlukan untuk latihan ini Silahkan Download :
1. Template Blog :
klik Di Sini
File ini berisi file-file template berextensi .rar, anda perlu untuk mengextractnya
terlebih dahulu, dalam file rar ini berisi, 3 komponen untuk blog anda yaitu
benihimeBlog.xml yaitu tampilan blog yang sudah saya rancang sedemikian rupa
sehingga memudahkan untuk anda yang masih pemula untuk mempraktekannya,
badge2.0.psd, logo.psd yaitu file gambar yang bisa anda edit untuk lebih
mempercantik tampilan blog anda.
untuk melihat demo klik http://benihimeblog.blogspot.com
Tahap pertama adalah anda harus login terlebih dahulu di www.blogger.com, seketika itu juga anda akan diredirect ke halaman Dasbor(Home), Pilihlah bahasa yang benar-benar anda kuasai, di tutorial ini saya memilih menggunakan bahasa Indonesia. Klik lah Tata Letak di halaman Dasbor Blog anda, Silahkan tunggu beberapa detik, akan muncul tampilan Tata Letak pada halaman Browser anda, terdapat Link :
Element Halaman : Element Halaman ini berisi segala macam gadget dan tempat untuk berpijaknya yang bisa anda atur, Pengaturan Gadget di dalam tampilan Element Halaman ini sangat mudah, anda tinggal mengklik n drag untuk merubah susunan dari masing-masing Widget, atau apabila anda ingin menambahkan Gadget baru, anda tinggal klik Tambah Gadget dan jangan lupa klik tombol Simpan Template setelah anda mengedit susunan atau menambah Gadget. Mudah Bukan !!!
Font dan Warna : Berisi warna-warna yang bisa mempercantik tulisan maupun background dari blog anda
Edit HTML : Di halaman Edit HTML ini berisi source code dari blog anda, bagi anda yang sudah sangat akrab dengan Coding HTML ala Blog mungkin tidak terlalu takut untuk mengeditnya namun bagi anda yang sering dibuat pusing dengan penulisan code HTML ini, harap hati-hati aja yah, Bagian Edit HTML ini juga kita perlukan untuk menambahkan code Emoticon ala Yahoo!Messeger berserta file javascriptnya, jadi anda harus sangat-sangat teliti dalam memilah-milah bagian per bagian dari keseluruhan sintaks kode ini, Di Edit HTML ini juga terdapat fasilitas untuk BackUp/Restore template blog anda, untuk membackup template blog anda klik lah link Download Template Lengkap sementara untuk merestore ke tampilan sebelum di edit atau untuk mengubah/memperbaharui tampilan blog anda anda bisa menggunakan fasiltas Tombol Browse untuk mencari di mana anda menyimpan file template blog anda di Hardisk. Pada Tutorial ini kita telah menyediakan file benihimeBlog.xml sebagai template baru kita, maka klik lah tombol browse dan cari di mana anda menyimpan file ini, jika sudah ketemu pilih klik tombol open atau klik dua kali file itu setelah itu anda bisa mengklik Unggah (upload)Tunggulah beberapa menit sehingga template baru anda telah terupload dib logger. Setelah Semua Proses selesai waktunya bagi anda untuk melihat tampilan awal dari blog anda. Untuk menambahkan Gadget baru anda tinggal menuju ke Element Halaman.
Untuk mengganti HeaderGambar (Logo) Worpreess Theme pada blog anda masuk Edit Code jangan lupa untuk memberi centang pada Expand Template Widget lalu cari script sbb:
Jika sudah ketemu upload gambar(logo) anda terlebih dahulu, bisa di photobucked, imageHack atau server image yang lain, setelah itu ganti script yang digarisbawah di atas dengan alamat dari server image anda
Bonus :: Ada cara lain untuk mengganti tampilan blog selain cara di atas, yaitu dengan mengkopi source code yang biasanya disediakan oleh penyedia template blogger gratisan, lalu anda mempaste di bagian box source code nya, namun cara ini tidak disarankan karena mungkin dalam proses pengkopian ada bagian sintaks yang tidak ikut serta sehingga akan menimbulkan error pada saat penyimpanan
Setelah anda selesai membuat blog, tiba saatnya anda untuk membuat entri/tulisan di Blogger sehingga dapat mewakili anda untuk mengungkapkan apa yang ingin anda sampaikan kepada pengunjung web anda dan tulisan ini bisa juga sebagai sarana komunikasi antara anda dan pengunjung blog anda. Marilah kita ikuti langkah-langkah di bawah ini: Pertama sekali anda diharuskan untuk login terlebih dahulu di http://www.blogger.com seperti biasa apabila login anda benar maka browser anda akan meredirect ke tampilan dasbor dari blog anda.
Lihat gambar, Pada bagian ini terdapat Link-link yang mempunyai fungsi sbb: Entri Baru digunakan untuk memposting/menuliskan tulisan baru untuk ditampilkan pada blog anda. Pada link inilah kita menuliskan artikel yang hendak kita terbitkan pada halaman blog kita. Setelah selesai menuliskannya jangan lupa untuk klik Terbitkan Entri.
Edit Entri ini biasa kita gunakan untuk mengedit tulisan kita apabila terdapat salah ketik atau kesalahan-kesalahan yang tidak sengaja kita lakukan. Pada bagian Edit entri ini terdapat pengelompokan tulisan kita yang biasa kita sebut sebagai label, missal label Programming berisi semua tulisan yang menjelaskan tentang programming, dengan adanya label ini memungkinkan kita untuk tidak mencampuradukan tulisan-tulisan yang tidak termasuk dalam kategorinya, Tidak mungkin kan dalam label Programming kok ada tulisan tentang curhat kita. Pengaturan terdapat bermacam-macam pengaturan yang biasa kita gunakan untuk misalnya membatasi jumlah postingan baru yang akan kita tampilkan pada halaman utama blog anda, mengatur penulisan format tanggal dll. Silahkan anda coba-coba sendiri. Tata Letak ini berisi control untuk mengatur tampilan dari blog anda mulai dari perubahan design blog anda, penambahan widget, Pengaturan Font-Warna, Back Up atau Restore Tampilan design Blog anda, sebelum anda mengubah tampilan Design blog anda sebaiknya anda back Up terlebih dahulu dengan cara pilih Tab Tata Letak | Edit HTML | Download Template Lengkap. Sehingga dengan dilakukannya Back Up apabila terdapat error pada perubahan yang anda lakukan, anda dapat mengupload ulang tampilan Blog anda tanpa harus membuatnya dari awal lagi. Lihat Blog Berfungsi untuk melihat tampilan Blog setelah dilakukannya Perubahan pada Blog anda.
Karena banyaknya request dari teman-teman yang menginginkan dijelaskan tutorial membuat Blog dan bagaimana caranya mengatur agar tampilan blog kita indah, menarik. Baiklah akan kita mulai satu per satu tutorial pembuatan blog mulai dari tahap pendaftaran sampai ke tingkat lanjut. Marilah Kita Mulai . Pertama kali yang anda lakukan adalah anda harus mempunyai account Gmail terlebih dahulu, untuk membuat account E-mail di Gmail anda bisa langsung merujuk ke link. www.gmail.com. Lalu pilih sign Up,masuk deh ke pengisian form data pribadi anda, setelah anda selesai membuat account dengan Gmail ketikan di browser web anda alamat Blogger, www.blogger.com, akan muncul tampilan login dsb,
Setelah tampilan sempurna tereksekusi coba anda lihat di bagian paling atas untuk melihat pemilihan bahasa yang akan digunakan,jika anda mahir bahasa inggris silahkan piih bahasa inggris namun bagi yang bahasa inggrisnya jelek anda bisa memilih bahasa Indonesia. Setelah itu anda login di box yang tersedia isikan alamat email pada email dan password email anda pada box yang telah tersedia. Apabila login anda benar maka akan muncul tampilan Dasbor dari blooger seperti Setelah itu anda bisa mengklik link untuk membuat blog (Buat Blog) yang ada di bagian kanan atas, akan muncul langkah-langkah ikuti saja langkah-langkah yang ditampilkan oleh blogger pastikan anda mengisikannya dengan benar, dan pilih alamat blog anda dengan nama yang unix, nama blog anda ini merupakan alamat (URL) Blog anda, jadi anda harus memberi nama unix tetapi usahakan yang mudah diingat. (http://namabloganda.blogspot.com) setelah anda menyelesaikan langkah yang pertama ini anda akan masuk ke langkah dua yaitu pemilihan template (design web anda),pilih yang sekiranya sesuai dengan mood anda, oh ya apabila daftar template yang disediakan oleh blogger tidak ada yang menarik hati anda janga khawatir karena di luaran sana banyak yang menyediakan template gratisan yang mungkin menarik hati anda, (untuk teknik perubahan template akan saya jelaskan di Tutorial Berikutnya) . klik link ke langkah selanjutnya,, oh ternyata blog anda sudah jadi!! . Gimana gampang bukan ?? Setelah blog anda telah dibuat saatnya bagi anda untuk menuliskan karya-karya anda, Pada halamn utama ini terdapat 3 Tab yang berisi Posting , Pengaturan,Tata Letak, Pada Tab Posting terdapat Buat, Edit Entri, Moderasi Komentar. Di Tab terdapat fungsi-fungsi yang disediakan oleh blogger untuk membuat Posting Baru, Mengedit Posting, dan juga pengaturan komentar pada Postingan kita. Sementara pada Tab Pengaturan terdapat bermacam-macam settingan untuk mengatur jumlah postingan kita yang akan ditampilkan di HomePage, dll bisa anda coba-coba sendiri , dan pada Tab yang ketiga terdapat link untuk mensetting design pada blog anda , untuk page element halaman anda bisa klik n drag pada gadget yang telah disediakan oleh blogger. Akhir kata selamat mencoba mensetting aja yahh …
PENGERTIAN BLOG Blog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri. Secara garis besar, Weblog dapat dirangkum sebagai kumpulan website pribadi yang memungkinkan para pembuatnya menampilkan berbagai jenis isi pada web dengan mudah, seperti karya tulis, kumpulan link internet, dokumen-dokumen(file-file WOrd,PDF,dll), gambar ataupun multimedia. Para pembuat blog dinamakan Blogger. Melalui Blognya, kepribadian Blogger menjadi mudah dikenali berdasarkan topik apa yang disukai, apa tanggapan terhadap link-link yang di pilih dan isu-isu didalamnya. Oleh karena itu Blog bersifat sangat personal. Perkembangan lain dari Blog yaitu ketika Blog memuat tulisan tentang apa yang seorang Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga menjadi Diary Online yang berada di Internet. Satu-satunya hal yang membedakan Blog dari Diary atau Jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain.
SEJARAH BLOG Blog pertama kemungkinan besar adalah halaman "What’s New" pada browser Mosaic yang dibuat oleh Marc Andersen pada tahun 1993. Kalau kita masih ingat, Mosaic adalah browser pertama sebelum adanya Internet Explorer bahkan sebelum Nestcape. Kemudian pada Januari 1994 Justin Hall memulai website pribadinya "Justin’s Home Page" yang kemudian berubah menjadi "Links from the Underground" yang mungkin dapat disebut sebagai Blog pertama seperti yang kita kenal sekarang. Hingga pada tahun 1998, jumlah Blog yang ada masih sangat sedikit. Hal ini disebabkan karena saat itu diperlukan keahlian dan pengetahuan khusus tentang pembuatan website, HTML, dan web hosting untuk membuat Blog, sehingga hanya mereka yang berkecimpung di bidang Internet, System Administrator atau Web Designer yang kemudian pada waktu luangnya menciptakan Blog-Blog mereka sendiri. Namun saat ini, kita tidak perlu menjadi seorang programmer untuk menjadi seorang Blogger, karena kita dapat menampilkan seluruh isi dalam web dengan mudah melalui menu editor yang telah disediakan. Keuntungan dari penggunaan Weblog antara lain: 1. Melalui weblog,kita dapat memperluas hubungan teman/ kenalan hingga dapat membentuk suatu komunitas yang besar. 2. Weblog melebihi surat elektronik (Email), karena satu posting blog yang anda bahas, dapat dibaca oleh pengunjung blog yang tak terbatas. Beda dengan email yang hanya bisa dibaca oleh orang yang kita kirimkan. Selain itu, pengunjung blog juga dengan cepat dapat memberikan respon terhadap posting blog melalui komentar yang dapat langsung dituliskan di blog tersebut. Seiring perkembangan weblog dari waktu ke waktu, pengertian weblog juga akan berkembang seiring dengan ide - ide dan kemauan para Blogger.
EmotIcon (EI) siapa yang tidak tahu dengan icon ini, ??? semua orang yang senang dengan chatt ala YM pasti mengenal EI ini, ya EI ini memang sangat bisa mewakili emosi kita dalam menuliskan sesuatu di tulisan yang sedang kita tulis. Dengan adanya EI ini kita dapat merasakan kepuasan dalam menulis, karena kata-kata kita bisa menjadi lebih hidup dengan adanya EI ini. Lalu bagaimanakah caranya apabila anda ingin menyertakan Emoticon ini pada Blog anda? Mungkin bagi anda pecinta blog produk Wordpress tidak perlu terlalu pusing dengan proses penyertaan EI, tetapi berbeda dengan Blogger. Pada Blogger kita harus membuat sendiri script untuk EI ini agar bisa ditampilkan pada Blogger.
Banyak kok tutorial yang mengajarkan teknik-teknik untuk ini, salah satunya di www.o-om.com/...-kotak-komentar.html , Silahkan anda merujuk pada website milik o-om itu.Lah terus anda menulis tentang EI di blog tujuannya untuk apa ? :p Tenang-tenang jangan panik dulu. Di sini saya hanya ingin berbagi pengalaman, Apabila anda mungkin sudah mengikuti langkah-langkah yang dijelaskan pada tutorial yang anda ikuti tetapi EI ini belum mau muncul juga di bagian tulisan pada blog anda ataupun pada bagian Komentar dari blog anda.Pertanyaan yang sering muncul kok di bagian tulisan sudah muncul akan tetapi di bagian komentar masih belum itu kenapa yahh ?? Yang perlu anda lakukan dan perhatikan adalah
Pastikan file javascript (smile.js or nama yang lain) anda hanya satu, kenapa tidak boleh lebih dari satu?? Karena bisa menyebabkan adanya bentrokan antara satu fungsi (REGEX) yang satu dengan Fungsi yang sama antara file yang satu dengan file yang lain. Kejadian tidak munculnya EI ini pada bagian Komentar mungkin bisa disebabkan karena template yang anda pilih sebagai default template blogger anda tidak sesuai dengan fungsi yang ada pada file javascript anda.
Sebagai contoh file js anda dari oom mungkin seperti ini :
Pastikan tanda penutup ( }) dari masing-masing tag telah berpasangan dan jumlahnya sama dengan tang pembukanya( { ).
Oh ya pastikan nama class yang anda tambahkan
var e = document.getElementsByClassName('comment-body');
sesuai dengan tag
pada template anda.
Untuk melihatnya anda bisa menuju view blog anda setelah tampilan blog anda terbuka secara sempurna, klik kanan pada sekitar tampilan anda (jangan klik kanan digambar), setelah itu pilih view Page source, akan tampil sebuah window baru yang berisi sintaks dari blog anda setelah itu tekan ctrl+F ketikan di box comments windows itu “comment”.
Cari
yang berisi body dari komentar anda setelah itu sesuaikan dengan yang ada di source code blog anda
var e = document.getElementsByClassName(‘Diganti ');
Setelah anda edit file javascriptnya upload ulang dehh.