Gegap gempita Piala Dunia AF-SEL 2010 ternyata sedikit banyak mempengaruhi aktivitas para blogger mania. Bagaimana tidak berpengaruh apabila siang disibukkan dengan urusan pekerjaan, sedangkan malamnya nonton bola. Terlepas dari itu semua, mungkin ada yang menyempatkan waktu untuk sekedar memposting di blog walaupun isinya singkat (namun padat, bro...). OB pun termasuk di dalamnya. Dari judul mungkin teman-teman sudah basi mendengarnya. Kok, yang itu-itu lagi sih? Tapi tidak ada salahnya kan, apabila kita kupas kembali. Anggap saja sebagai penyebaran teknologi (Wih..., kaya MENRISTEK aja). Yuk, buruan kita review trik blogger "menghilangkan icon pensil serta Obeng dan Kunci".
Icon Pensil atau yang diistilahkan dalam dunia blogger adalah "quickedit pencil" merupakan shortcut image yang disematkan dalam posting (umumnya di bawah posting)dan akan terlihat jika kamu telah login ke akun blogger kamu. Quickedit pencil berguna untuk mengedit postingan secara cepat dengan satu kali klik. Kadang-kadang ada saja dari para blogger yang kurang menikmati fasilitas tersebut karena alasan yang berbeda-beda, seperti ; merusak pemandangan, tidak biasa menggunakan, de-el-el. Nah, jika kamu mau, kamu bisa menghilangkan icon pensil tersebut. Caranya gampang dan cepat (itulah choki-choki), berikut "step"i wonder-nya :
Setelah sign in ke akun blogger kamu, pilih tab "Pengaturan" (Setting).
Di Halaman Pengaturan sub tab "Dasar" (Basic), temukan form pilihan "Tampilkan Editing Cepat di Blog Anda?" dan pilih "Ya" (Show Quick Editing on your Blog? dan pilih Yes).
Selesai.
Icon Obeng dan Kunci (quickedit) kurang lebih sama pengertiannya dengan quickedit pencil, bedanya hanya dalam penggunaannya. quickedit pencil digunakan untuk edit posting, sedangkan icon obeng dan kunci (quickedit) digunakan untuk editing gadget atau widget dalam blog. Cara menghilangkan icon/image quickedit ini pun terbilang mudah, yakni menambahkan kode CSS di bawah ini dalam template blog kamu.
.quickedit { display: none; }
Kalau masih bingung dimana menempatkan kode di atas, berikut triknya :
Klik "Design" --> "Edit HTML".
Cari kode ]]></b:skin>.
Copas kodenya tepat di atas kode yang berwarna merah tersebut.
Selesai.
Mudah bukan? Kalau kamu termasuk yang ngga suka penampakkan icon-icon tersebut, cepet gih langsung diterapin (ngga usah pake malu-malu segala). Selamat menghilangkan icon pensil serta icon obeng dan kunci di blog kamu...
Gegap gempita Piala Dunia AF-SEL 2010 ternyata sedikit banyak mempengaruhi aktivitas para blogger mania. Bagaimana tidak berpengaruh apabila siang disibukkan dengan urusan pekerjaan, sedangkan malamnya nonton bola. Terlepas dari itu semua, mungkin ada yang menyempatkan waktu untuk sekedar memposting di blog walaupun isinya singkat (namun padat, bro...). OB pun termasuk di dalamnya. Dari judul mungkin teman-teman sudah basi mendengarnya. Kok, yang itu-itu lagi sih? Tapi tidak ada salahnya kan, apabila kita kupas kembali. Anggap saja sebagai penyebaran teknologi (Wih..., kaya MENRISTEK aja). Yuk, buruan kita review trik blogger "menghilangkan icon pensil serta Obeng dan Kunci".
Icon Pensil atau yang diistilahkan dalam dunia blogger adalah "quickedit pencil" merupakan shortcut image yang disematkan dalam posting (umumnya di bawah posting)dan akan terlihat jika kamu telah login ke akun blogger kamu. Quickedit pencil berguna untuk mengedit postingan secara cepat dengan satu kali klik. Kadang-kadang ada saja dari para blogger yang kurang menikmati fasilitas tersebut karena alasan yang berbeda-beda, seperti ; merusak pemandangan, tidak biasa menggunakan, de-el-el. Nah, jika kamu mau, kamu bisa menghilangkan icon pensil tersebut. Caranya gampang dan cepat (itulah choki-choki), berikut "step"i wonder-nya :
Setelah sign in ke akun blogger kamu, pilih tab "Pengaturan" (Setting).
Di Halaman Pengaturan sub tab "Dasar" (Basic), temukan form pilihan "Tampilkan Editing Cepat di Blog Anda?" dan pilih "Ya" (Show Quick Editing on your Blog? dan pilih Yes).
Selesai.
Icon Obeng dan Kunci (quickedit) kurang lebih sama pengertiannya dengan quickedit pencil, bedanya hanya dalam penggunaannya. quickedit pencil digunakan untuk edit posting, sedangkan icon obeng dan kunci (quickedit) digunakan untuk editing gadget atau widget dalam blog. Cara menghilangkan icon/image quickedit ini pun terbilang mudah, yakni menambahkan kode CSS di bawah ini dalam template blog kamu.
.quickedit { display: none; }
Kalau masih bingung dimana menempatkan kode di atas, berikut triknya :
Klik "Design" --> "Edit HTML".
Cari kode ]]></b:skin>.
Copas kodenya tepat di atas kode yang berwarna merah tersebut.
Selesai.
Mudah bukan? Kalau kamu termasuk yang ngga suka penampakkan icon-icon tersebut, cepet gih langsung diterapin (ngga usah pake malu-malu segala). Selamat menghilangkan icon pensil serta icon obeng dan kunci di blog kamu...
Blog saya "DoFollow" lho! Kalau saya "NoFollow"! Mungkin kedua istilah tersebut sudah tidak asing lagi bagi para blog mania. Banyak pro dan kontra mengenai kedua istilah tersebut. OB tidak akan berbicara mengenai siapa yang pro dan siapa yang kontra. Coba cari saja di search engine mengenai DoFollow dan NoFollow, banyak sekali postingan yang membuka wacana tentang hal tersebut. Namun postingan ini terlahir secara naluriah berdasarkan komentar yang masuk dan mungkin yang akan masuk tentang "mengapa optimasi-blog "DoFollow"?
Optimasi-Blog yang "DoFollow" dimaksudkan untuk berbagi backlink dengan para pengunjung sebagai rasa penghargaan atas semua komentar yang diberikan dalam postingan. Jadi setiap pengunjung yang berkomentar secara otomatis akan meninggalkan linkback untuk sedianya diindeks oleh mesin pencari. Semakin banyak kamu berkomentar (dengan memasukkan link tertentu) dalam blog "DoFollow", maka semakin besar peluang blog kamu untuk terindeks oleh mesin pencari. Pasti kamu sering mendengar para blog mania berburu blog yang ber-PR tinggi untuk sekedar mendapatkan backlink. Hmm... naga-naganya OB mau promosi "agar kamu sering berkomentar di blog ini".
Kalau begitu bagus "DoFollow" dong? Tergantung nafsi-nafsi yang menilai dan agar lebih tidak berat sebelah "DoFollow" ada kekurangannya juga. Apa-apa aja tuh? Begini ceritanya, pada dasarnya setiap blog (blogger, wordpress, dan lain-lain) menganut "NoFollow" dalam post untuk komentar. Hal ini tidak lain dan tidak bukan diperuntukkan agar mengeliminasi bertebarannya "SPAM". "SPAM" dalam komentar tersebut berupa link-link yang dimasukkan oleh komentator dan tidak/kurang berhubungan dengan isi posting serta isi komentar. Contoh :
Fulan bin fulan said ...
nice posting, bro. Kunjungi juga :
<a href="http://…">Mencari uang gratis</a>, <a href="http://…">Makan ngga makan asal ngumpul</a>;
Kalau "DoFollow" sudah jelas komen-komen seperti di atas akan diindeks oleh search engine (apa ngga berabe tuh). Imbasnya yang lain, peringkat blog kamu akan lambat naik. Bahkan jika blog kamu dianggap search engine sebagai penebar "SPAM", maka bersiap-siaplah untuk di "BANNED" (ampun kk).
Sekedar berbagi dengan para pengunjung yang berkomentar dalam blog "DoFollow" :
Link kamu cukup diletakkan satu saja, yaitu pada saat memasukkan identitas "beri komentar sebagai".
Untuk lebih optimal, identitas "beri komentar sebagai" dipilih "Name/URL". Kalau bisa yang berhubungan dengan isi posting (link yang berkualitas), minimal kamu masukkan nama dan alamat blog kamu.
Paling penting "jangan meninggalkan SPAM". Masa sudah diberi linkback gratis dibalas dengan "sampah".
Ngomong-ngomong, kamu pernah ngga membayangkan "jika blog-blog DoFollow punah"; "tidak ada link yang men-support blog kamu"; "tidak ada backlink gratis"; etc. Namun OB yakin yang berkomentar di blog ini (DoFollow yang OB jalani sampai sekarang) sudah pada tahu dan mengerti, sehingga kita akan sama-sama meneriakkan "NO SPAM TO MY COMMENTS".
Nah, kamu sudah tahukan? profit dan resikonya bagi blog yang menganut "DoFollow". Akhirnya pilihan ada di tangan kamu pribadi...
Blog saya "DoFollow" lho! Kalau saya "NoFollow"! Mungkin kedua istilah tersebut sudah tidak asing lagi bagi para blog mania. Banyak pro dan kontra mengenai kedua istilah tersebut. OB tidak akan berbicara mengenai siapa yang pro dan siapa yang kontra. Coba cari saja di search engine mengenai DoFollow dan NoFollow, banyak sekali postingan yang membuka wacana tentang hal tersebut. Namun postingan ini terlahir secara naluriah berdasarkan komentar yang masuk dan mungkin yang akan masuk tentang "mengapa optimasi-blog "DoFollow"?
Optimasi-Blog yang "DoFollow" dimaksudkan untuk berbagi backlink dengan para pengunjung sebagai rasa penghargaan atas semua komentar yang diberikan dalam postingan. Jadi setiap pengunjung yang berkomentar secara otomatis akan meninggalkan linkback untuk sedianya diindeks oleh mesin pencari. Semakin banyak kamu berkomentar (dengan memasukkan link tertentu) dalam blog "DoFollow", maka semakin besar peluang blog kamu untuk terindeks oleh mesin pencari. Pasti kamu sering mendengar para blog mania berburu blog yang ber-PR tinggi untuk sekedar mendapatkan backlink. Hmm... naga-naganya OB mau promosi "agar kamu sering berkomentar di blog ini".
Kalau begitu bagus "DoFollow" dong? Tergantung nafsi-nafsi yang menilai dan agar lebih tidak berat sebelah "DoFollow" ada kekurangannya juga. Apa-apa aja tuh? Begini ceritanya, pada dasarnya setiap blog (blogger, wordpress, dan lain-lain) menganut "NoFollow" dalam post untuk komentar. Hal ini tidak lain dan tidak bukan diperuntukkan agar mengeliminasi bertebarannya "SPAM". "SPAM" dalam komentar tersebut berupa link-link yang dimasukkan oleh komentator dan tidak/kurang berhubungan dengan isi posting serta isi komentar. Contoh :
Fulan bin fulan said ...
nice posting, bro. Kunjungi juga :
<a href="http://…">Mencari uang gratis</a>, <a href="http://…">Makan ngga makan asal ngumpul</a>;
Kalau "DoFollow" sudah jelas komen-komen seperti di atas akan diindeks oleh search engine (apa ngga berabe tuh). Imbasnya yang lain, peringkat blog kamu akan lambat naik. Bahkan jika blog kamu dianggap search engine sebagai penebar "SPAM", maka bersiap-siaplah untuk di "BANNED" (ampun kk).
Sekedar berbagi dengan para pengunjung yang berkomentar dalam blog "DoFollow" :
Link kamu cukup diletakkan satu saja, yaitu pada saat memasukkan identitas "beri komentar sebagai".
Untuk lebih optimal, identitas "beri komentar sebagai" dipilih "Name/URL". Kalau bisa yang berhubungan dengan isi posting (link yang berkualitas), minimal kamu masukkan nama dan alamat blog kamu.
Paling penting "jangan meninggalkan SPAM". Masa sudah diberi linkback gratis dibalas dengan "sampah".
Ngomong-ngomong, kamu pernah ngga membayangkan "jika blog-blog DoFollow punah"; "tidak ada link yang men-support blog kamu"; "tidak ada backlink gratis"; etc. Namun OB yakin yang berkomentar di blog ini (DoFollow yang OB jalani sampai sekarang) sudah pada tahu dan mengerti, sehingga kita akan sama-sama meneriakkan "NO SPAM TO MY COMMENTS".
Nah, kamu sudah tahukan? profit dan resikonya bagi blog yang menganut "DoFollow". Akhirnya pilihan ada di tangan kamu pribadi...
Sistem operasi windows adalah jembatan penghubung antara user atau pengguna komputer dengan aplikasi-aplikasi yang berbasis windows sehingga sistem operasi windows sangatlah penting untuk selalu diperhatikan dan dirawat agar penggunaan sistem operasi windows tetap stabil sehingga aplikasi yang ada di dalamnya tetap bisa dapat digunakan.
Namun tidak selamanya sistem operasi itu berjalan mulus
Sistem operasi windows adalah jembatan penghubung antara user atau pengguna komputer dengan aplikasi-aplikasi yang berbasis windows sehingga sistem operasi windows sangatlah penting untuk selalu diperhatikan dan dirawat agar penggunaan sistem operasi windows tetap stabil sehingga aplikasi yang ada di dalamnya tetap bisa dapat digunakan.
Namun tidak selamanya sistem operasi itu berjalan mulus
Selain variasi font yang udah saya terangkan terlebih dahulu pada blog ini, masih ada variasi font yang cara penggunaan sedikit lebih mudah yaitu menggunakan Fontburner.
Yang benar-benar mudah untuk menginstal font. Anda hanya perlu menempatkan sedikit kode di atas </head> tag.
Nah setelah kita menginstal Fontburner maka otomatis tag seperti h1, h2, h3 akan berubah ke bentuk font yang udah kita instal tadi.
Hanya pergi ke Fontburner memilih font Anda dan di bawahnya akan menjadi code.Install itu di atas </head> template yang Anda dan yang dilakukan.
Untuk mengubah teks di posting menggunakan Html seperti ini
<div class="Nama Font kamu">tulis teks kamu disini</div>
karena warna default fontnya adalah hitam, kamu bisa mengedit file phpnya dan setelah diedit kamu bisa upload ke google site (misalnya)...
Jika kamu masih ragu kamu bisa menghubungi saya melalui komentar dan saya akan senang untuk membantu.
Selain variasi font yang udah saya terangkan terlebih dahulu pada blog ini, masih ada variasi font yang cara penggunaan sedikit lebih mudah yaitu menggunakan Fontburner.
Yang benar-benar mudah untuk menginstal font. Anda hanya perlu menempatkan sedikit kode di atas </head> tag.
Nah setelah kita menginstal Fontburner maka otomatis tag seperti h1, h2, h3 akan berubah ke bentuk font yang udah kita instal tadi.
Hanya pergi ke Fontburner memilih font Anda dan di bawahnya akan menjadi code.Install itu di atas </head> template yang Anda dan yang dilakukan.
Untuk mengubah teks di posting menggunakan Html seperti ini
<div class="Nama Font kamu">tulis teks kamu disini</div>
karena warna default fontnya adalah hitam, kamu bisa mengedit file phpnya dan setelah diedit kamu bisa upload ke google site (misalnya)...
Jika kamu masih ragu kamu bisa menghubungi saya melalui komentar dan saya akan senang untuk membantu.
Hmm... dari judul aja udah ketahuan ketinggalan zamannya. Udah banyak OB yang memposting ini. Yah, daripada ngga ada sama sekali, mending di-ada-in. Kata-kata klasik yang muncul hanya sekedar untuk menambah daftar postingan. Widget ini berguna agar yang diterjemahkan adalah halaman yang bersangkutan saja, atau dengan kata lain "tidak seluruh blog". Demonya dapat kamu kunjungi blog utuharies.blogspot.com. Tertarik untuk memasang widget ini, ayo kita ulas trik blogger-nya "tarik mang..." :
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Masukkan kode Google translate berikut di atas kode yang berwarna merah :
<div style='text-align: right;'><div id='google_translate_element'/><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id' }, 'google_translate_element'); } </script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div>
Translate akan muncul di kanan bawah postingan kamu.
Kode yang berwarna biru dapat kamu ganti dengan center (tengah) atau left (kiri).
Kode translate hanya berlaku untuk blog yang berbahasa Indonesia, coba perhatikan kode yang berwarna merah (id).
Jika kamu ingin meletakkan Google translate di kanan atas tepat di bawah judul posting, cari kode di bawah ini :
Copy kode Google translate di atas dan paste-kan di bawah kode yang berwarna merah.
Jangan lupa disimpan.
Catatan penting: gunakan bahasa Indonesia yang baik dan benar dalam melakukan posting, sehingga hasil translate akan mendekati maksud serta tujuan penulis.
Sekarang lihatlah tampilan salah satu postingan di blog kamu, udah terpampang translate-nya atau belum...
Hmm... dari judul aja udah ketahuan ketinggalan zamannya. Udah banyak OB yang memposting ini. Yah, daripada ngga ada sama sekali, mending di-ada-in. Kata-kata klasik yang muncul hanya sekedar untuk menambah daftar postingan. Widget ini berguna agar yang diterjemahkan adalah halaman yang bersangkutan saja, atau dengan kata lain "tidak seluruh blog". Demonya dapat kamu kunjungi blog utuharies.blogspot.com. Tertarik untuk memasang widget ini, ayo kita ulas trik blogger-nya "tarik mang..." :
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Masukkan kode Google translate berikut di atas kode yang berwarna merah :
<div style='text-align: right;'><div id='google_translate_element'/><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id' }, 'google_translate_element'); } </script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div>
Translate akan muncul di kanan bawah postingan kamu.
Kode yang berwarna biru dapat kamu ganti dengan center (tengah) atau left (kiri).
Kode translate hanya berlaku untuk blog yang berbahasa Indonesia, coba perhatikan kode yang berwarna merah (id).
Jika kamu ingin meletakkan Google translate di kanan atas tepat di bawah judul posting, cari kode di bawah ini :
Copy kode Google translate di atas dan paste-kan di bawah kode yang berwarna merah.
Jangan lupa disimpan.
Catatan penting: gunakan bahasa Indonesia yang baik dan benar dalam melakukan posting, sehingga hasil translate akan mendekati maksud serta tujuan penulis.
Sekarang lihatlah tampilan salah satu postingan di blog kamu, udah terpampang translate-nya atau belum...
Title Blog atau judul blog yang selalu muncul ketika link sebuah blog di klik atau artikel blog diklik adalah sebuah halaman index blog. Pada halaman index blog biasanya yang muncul pada title bar di browser adalah nama dari blog itu sendiri.
Tidak ada masalah memang bila yang muncul pada browser adalah nama blog, jadi artikel yang manapun yang dibuka tetap yang terlihat pada title bar
Title Blog atau judul blog yang selalu muncul ketika link sebuah blog di klik atau artikel blog diklik adalah sebuah halaman index blog. Pada halaman index blog biasanya yang muncul pada title bar di browser adalah nama dari blog itu sendiri.
Tidak ada masalah memang bila yang muncul pada browser adalah nama blog, jadi artikel yang manapun yang dibuka tetap yang terlihat pada title bar
Tidak jarang pengunjung blog ingin mengajukan saran, masukan, atau pertanyaan diluar konteks posting yang kita buat. Bisa pula ada yang ingin memasang iklan, siapa tau... Tentu mereka ingin mengontak sang pemilik blog. Betul tidak? Tapi bagaimana caranya kalau mereka tidak menemukan fasilitas untuk menghubungi pemilik blog. Buka profil, kemudian lihat alamat email, login ke email dia, masukkan alamat email pemilik blog, dan akhirnya "send". Wah, terlalu rumit, bro. Jarang-jarang ada yang seperti itu... Jadi tidak ada salahnya apabila kita sebagai owner blog menyediakan fasilitas "kontak kami" tersebut dalam blog. Manfaatnya agar pengunjung blog dapat dengan mudah mengontak kita, apalagi jika ditambah dengan embel-embel "secret" atau "important". Nah, trik blogger kali ini kita akan mengulas cara memasang kontak kami dengan menggunakan widget EmailMeForm. Ayo, kita kuliti triknya (kaya pisang atau kacang atau hewan sembelihan aja he.. he..)
Berikut step by stepnya untuk membuat kontak kami :
Kamu bisa mengindahkan langkah ini, jika kamu merasa tidak perlu yakni membuat posting "Terima Kasih". Hmm... yang seperti apa yah? Contohnya seperti posting "Terima Kasih" ini.
Catatan :
Agar postingan "Terima Kasih" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).
Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").
Apabila kamu belum ada akun di EmailMeForm, klik Signup Now for Free.
Setelah selesai ngisi form pendaftaran, tunggu verifikasi email.
Kalau udah nongol di email kamu, klik link untuk verifikasi dan kamu akan dibawa kembali ke halaman EmailMeForm.
Login dengan akun kamu.
Klik Control Panel --> "Create a New Form".
Step 1
Web form Name : Nama yang kamu inginkan, atau biarkan saja (contoh : Kontak Kami, Contact Us, etc).
Recipients Emails : Alamat email yang akan menerima pesan.
Thank you page : Alamat halaman web/blog yang berisi ucapan terima kasih. Kalau kamu membuat seperti pada point pertama, maka kamu bisa memasukkan alamat postingannya disini.
Next --> Step 2
Berisi form yang akan diisi oleh pengunjung blog untuk mengontak kita via email, terdiri dari : Your Name, Your Email Address, Subject, dan Message. Bisa kamu rubah atau biarkan sesuai dengan yang ada.
Next --> Step 3
Next --> Step 4
Next --> Step 5
Next --> Step 6
Finish
Klik "get the HTML Code" --> Copy kode dalam text area di bawah tulisan "Copy and paste this HTML code into your page:" dan paste dalam notepad atau text editor lainnya.
Selanjutnya, buat sebuah postingan seperti biasa dan copas kode HTML di notepad ke dalam postingan kamu, contohnya seperti postingan "Kontak Kami" ini.
Catatan :
Agar postingan "Kontak Kami" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).
Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").
Terbitkan.
Terakhir buatlah link ke "Kontak Kami" yang berfungsi untuk memudahkan pengunjung menggunakan fasilitas ini, contoh ; menu navigasi, link di sidebar, dan sebagainya.
Selamat memasang "Kontak Kami" dengan widget EmailMeForm...
Tidak jarang pengunjung blog ingin mengajukan saran, masukan, atau pertanyaan diluar konteks posting yang kita buat. Bisa pula ada yang ingin memasang iklan, siapa tau... Tentu mereka ingin mengontak sang pemilik blog. Betul tidak? Tapi bagaimana caranya kalau mereka tidak menemukan fasilitas untuk menghubungi pemilik blog. Buka profil, kemudian lihat alamat email, login ke email dia, masukkan alamat email pemilik blog, dan akhirnya "send". Wah, terlalu rumit, bro. Jarang-jarang ada yang seperti itu... Jadi tidak ada salahnya apabila kita sebagai owner blog menyediakan fasilitas "kontak kami" tersebut dalam blog. Manfaatnya agar pengunjung blog dapat dengan mudah mengontak kita, apalagi jika ditambah dengan embel-embel "secret" atau "important". Nah, trik blogger kali ini kita akan mengulas cara memasang kontak kami dengan menggunakan widget EmailMeForm. Ayo, kita kuliti triknya (kaya pisang atau kacang atau hewan sembelihan aja he.. he..)
Berikut step by stepnya untuk membuat kontak kami :
Kamu bisa mengindahkan langkah ini, jika kamu merasa tidak perlu yakni membuat posting "Terima Kasih". Hmm... yang seperti apa yah? Contohnya seperti posting "Terima Kasih" ini.
Catatan :
Agar postingan "Terima Kasih" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).
Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").
Apabila kamu belum ada akun di EmailMeForm, klik Signup Now for Free.
Setelah selesai ngisi form pendaftaran, tunggu verifikasi email.
Kalau udah nongol di email kamu, klik link untuk verifikasi dan kamu akan dibawa kembali ke halaman EmailMeForm.
Login dengan akun kamu.
Klik Control Panel --> "Create a New Form".
Step 1
Web form Name : Nama yang kamu inginkan, atau biarkan saja (contoh : Kontak Kami, Contact Us, etc).
Recipients Emails : Alamat email yang akan menerima pesan.
Thank you page : Alamat halaman web/blog yang berisi ucapan terima kasih. Kalau kamu membuat seperti pada point pertama, maka kamu bisa memasukkan alamat postingannya disini.
Next --> Step 2
Berisi form yang akan diisi oleh pengunjung blog untuk mengontak kita via email, terdiri dari : Your Name, Your Email Address, Subject, dan Message. Bisa kamu rubah atau biarkan sesuai dengan yang ada.
Next --> Step 3
Next --> Step 4
Next --> Step 5
Next --> Step 6
Finish
Klik "get the HTML Code" --> Copy kode dalam text area di bawah tulisan "Copy and paste this HTML code into your page:" dan paste dalam notepad atau text editor lainnya.
Selanjutnya, buat sebuah postingan seperti biasa dan copas kode HTML di notepad ke dalam postingan kamu, contohnya seperti postingan "Kontak Kami" ini.
Catatan :
Agar postingan "Kontak Kami" tidak muncul di halaman Beranda/Home (pada saat klik Terbitkan Entri/Publish Post), ubahlah tanggal posting dengan meng-klik "Opsi Entri", lihat sebelah kanan "Tanggal dan jam entri" (dimundurkan tanggal/bulan/tahunnya).
Dan posting ini juga tidak perlu ada komentar (pilih opsi "Komentar Pembaca" dengan "jangan izinkan").
Terbitkan.
Terakhir buatlah link ke "Kontak Kami" yang berfungsi untuk memudahkan pengunjung menggunakan fasilitas ini, contoh ; menu navigasi, link di sidebar, dan sebagainya.
Selamat memasang "Kontak Kami" dengan widget EmailMeForm...
Spoiler apaan OB? "Oh, asessoris yang biasa digunakan di belakang mobil, sehingga kaya mobil balap". Kalau OB membahas mobil, apa ada hubungannya dengan optimasi blog??? (wkakakakakak). Maksud spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu. Ujung-ujungnya kita menggunakan "button" lagi, "button" memang ngga ada matinya (he..he.. no promotion). Khusus pengguna Wordpress, pluginnya dapat langsung diunduh di felixtriller.de. Sedangkan untuk blogger, mari kita ulas triknya tentang memasang spoiler.
Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.
<ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li>
<li>Kamu juga bisa memasukkan image</li>
<center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg"/></center>
<li>Klik button "Tutup" untuk menghilangkan area ini</li></ul>
</div></div></div></div>
Keterangan :
Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.
Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.
Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.
Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="" (yang berkelap-kelip) dapat ditambah atau dikurangi.
Hasilnya :
Silakan disimak dan dicermati :
Di sini kamu bisa memasukkan teks, kode, atau script
Kamu juga bisa memasukkan image
Klik button "Tutup" untuk menghilangkan area ini
Akhirnya selamat menyembunyikan teks, image, dan/atau widget dengan spoiler...
Spoiler apaan OB? "Oh, asessoris yang biasa digunakan di belakang mobil, sehingga kaya mobil balap". Kalau OB membahas mobil, apa ada hubungannya dengan optimasi blog??? (wkakakakakak). Maksud spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu. Ujung-ujungnya kita menggunakan "button" lagi, "button" memang ngga ada matinya (he..he.. no promotion). Khusus pengguna Wordpress, pluginnya dapat langsung diunduh di felixtriller.de. Sedangkan untuk blogger, mari kita ulas triknya tentang memasang spoiler.
Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.
<ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li>
<li>Kamu juga bisa memasukkan image</li>
<center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg"/></center>
<li>Klik button "Tutup" untuk menghilangkan area ini</li></ul>
</div></div></div></div>
Keterangan :
Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.
Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.
Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.
Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="" (yang berkelap-kelip) dapat ditambah atau dikurangi.
Hasilnya :
Silakan disimak dan dicermati :
Di sini kamu bisa memasukkan teks, kode, atau script
Kamu juga bisa memasukkan image
Klik button "Tutup" untuk menghilangkan area ini
Akhirnya selamat menyembunyikan teks, image, dan/atau widget dengan spoiler...
Kamu tahu dong yang namanya "button", yap,... button yang kita optimasi kali ini merupakan visualisasi tombol yang ada pada layar monitor kamu. Pada saat kamu meng-klik tombol tersebut (dengan menggunakan mouse) maka akan terjadi sesuatu (Kamus Komputer dan Teknologi Informasi). Sok ilmiah, padahal nyontek tuh (ha..ha.. bruaaakkk). Kok, ada bunyi "bruaaakkk"-nya? Sorry, saking terpingkalnya, OB jatuh dari kursi. Kembali ke button! Untuk peng-kode-annya dalam HTML dijabarkan sebagai berikut :
<button type="button">Tulis teks kamu di sini</button>
Hasilnya :
Mudah bukan? Kalau begitu selesai deh postingnya... Lho kok simpel kali OB? It's just kidding, friend. Yuk, kita ikuti lanjutan trik bloggeroptimasi button dalam blog.
Sebelum beranjak lebih jauh, mari sama-sama kita kupas peng-kode-an sederhana lainnya untuk menghiasi sebuah "button". Contohnya seperti di bawah ini :
padding : Jarak tepi button dengan teks di dalamnya (ke dalam), 0 10px 0 10px artinya padding atas=0; kanan=10px; bawah=0; kiri=10px.
margin: jarak button dengan tepi bidang gambar (ke luar), 5px 0 5px 0 artinya margin atas=5px; kanan=0; bawah=5px; kiri=0.
font : huruf teks.
Catatan :
Masih banyak asessoris kode lainnya yang dapat kamu tambahkan dalam "button" tersebut.
Namun tidak jarang, kita ingin membuat lebih dari satu button dalam menghiasi blog. Apabila karakteristik "button" yang akan kamu tambahkan sama dengan "button" yang telah ada, tentu kamu akan senantiasa berulangkali menulis kode yang sama pula. Betul tidak? Alangkah kurang efesiennya penulisan kode HTML yang berulang-ulang tersebut. Sehingga adalah merupakan hal yang arif, jika kita mengatur kode tersebut agar lebih multiguna gitu loh. Nah, disinilah muncul peran CSS (jangan tanya kepanjangannya, ya?) yang bermanfaat untuk menampilkan elemen HTML. Mari kita ambil kode HTML "button" diatas dan akan kita jadikan ke dalam bentuk CSS :
#buttonku {
background:#000000;
color:#FFFFFF;
font:bold 20px Verdana, Geneva, sans-serif;
margin:5px 0 5px 0;
padding: 0 10px 0 10px; }
Catatan :
Dalam blog kode CSS biasanya berada diantara kode <b:skin><![CDATA[ ... ]]></b:skin>.
Selanjutnya tinggal mengatur HTML-nya seperti ini :
<button id="buttonku" type="button">Click Me too!</button>
<button id="buttonku" type="button">Click Me too..too!</button>
... dst
Hasilnya :
..dst
Catatan :
Apabila kamu ingin lebih memperdalam ilmu pemprograman ini yang di antaranya termasuk HTML dan CSS, coba kunjungi W3schools.
Hmm... rasanya ada yang kelupaan nih? Oh, iya...! Sekarang bagaimana kalau "button" tersebut ingin kita letakkan sebuah link. Caranya cukup mudah, yakni dengan menyisipkan kode HTML "button" ke dalam kode link yang lebih kurangnya digambarkan sebagai berikut :
<a href="...alamat yang dituju..." target="blank"><button type="button">Tulis teks kamu di sini</button></a>
Keterangan :
target="blank" diartikan link akan diarahkan ke tab baru.
Tips :
Jika link berada dalam blog kita sendiri, sebaiknya jangan diarahkan ke tab baru (boros he..he..). Sebaliknya jika link berada di luar area blog, silakan tambahkan kode target="blank" tersebut.
Kamu pun bisa mencoba untuk mengobrak-abrik kode lainnya, sehingga tampilan "button" tersebut berkesesuaian dengan apa yang kamu inginkan. Akhirnya, Selamat ber-"button" ria...
Kamu tahu dong yang namanya "button", yap,... button yang kita optimasi kali ini merupakan visualisasi tombol yang ada pada layar monitor kamu. Pada saat kamu meng-klik tombol tersebut (dengan menggunakan mouse) maka akan terjadi sesuatu (Kamus Komputer dan Teknologi Informasi). Sok ilmiah, padahal nyontek tuh (ha..ha.. bruaaakkk). Kok, ada bunyi "bruaaakkk"-nya? Sorry, saking terpingkalnya, OB jatuh dari kursi. Kembali ke button! Untuk peng-kode-annya dalam HTML dijabarkan sebagai berikut :
<button type="button">Tulis teks kamu di sini</button>
Hasilnya :
Mudah bukan? Kalau begitu selesai deh postingnya... Lho kok simpel kali OB? It's just kidding, friend. Yuk, kita ikuti lanjutan trik bloggeroptimasi button dalam blog.
Sebelum beranjak lebih jauh, mari sama-sama kita kupas peng-kode-an sederhana lainnya untuk menghiasi sebuah "button". Contohnya seperti di bawah ini :
padding : Jarak tepi button dengan teks di dalamnya (ke dalam), 0 10px 0 10px artinya padding atas=0; kanan=10px; bawah=0; kiri=10px.
margin: jarak button dengan tepi bidang gambar (ke luar), 5px 0 5px 0 artinya margin atas=5px; kanan=0; bawah=5px; kiri=0.
font : huruf teks.
Catatan :
Masih banyak asessoris kode lainnya yang dapat kamu tambahkan dalam "button" tersebut.
Namun tidak jarang, kita ingin membuat lebih dari satu button dalam menghiasi blog. Apabila karakteristik "button" yang akan kamu tambahkan sama dengan "button" yang telah ada, tentu kamu akan senantiasa berulangkali menulis kode yang sama pula. Betul tidak? Alangkah kurang efesiennya penulisan kode HTML yang berulang-ulang tersebut. Sehingga adalah merupakan hal yang arif, jika kita mengatur kode tersebut agar lebih multiguna gitu loh. Nah, disinilah muncul peran CSS (jangan tanya kepanjangannya, ya?) yang bermanfaat untuk menampilkan elemen HTML. Mari kita ambil kode HTML "button" diatas dan akan kita jadikan ke dalam bentuk CSS :
#buttonku {
background:#000000;
color:#FFFFFF;
font:bold 20px Verdana, Geneva, sans-serif;
margin:5px 0 5px 0;
padding: 0 10px 0 10px; }
Catatan :
Dalam blog kode CSS biasanya berada diantara kode <b:skin><![CDATA[ ... ]]></b:skin>.
Selanjutnya tinggal mengatur HTML-nya seperti ini :
<button id="buttonku" type="button">Click Me too!</button>
<button id="buttonku" type="button">Click Me too..too!</button>
... dst
Hasilnya :
..dst
Catatan :
Apabila kamu ingin lebih memperdalam ilmu pemprograman ini yang di antaranya termasuk HTML dan CSS, coba kunjungi W3schools.
Hmm... rasanya ada yang kelupaan nih? Oh, iya...! Sekarang bagaimana kalau "button" tersebut ingin kita letakkan sebuah link. Caranya cukup mudah, yakni dengan menyisipkan kode HTML "button" ke dalam kode link yang lebih kurangnya digambarkan sebagai berikut :
<a href="...alamat yang dituju..." target="blank"><button type="button">Tulis teks kamu di sini</button></a>
Keterangan :
target="blank" diartikan link akan diarahkan ke tab baru.
Tips :
Jika link berada dalam blog kita sendiri, sebaiknya jangan diarahkan ke tab baru (boros he..he..). Sebaliknya jika link berada di luar area blog, silakan tambahkan kode target="blank" tersebut.
Kamu pun bisa mencoba untuk mengobrak-abrik kode lainnya, sehingga tampilan "button" tersebut berkesesuaian dengan apa yang kamu inginkan. Akhirnya, Selamat ber-"button" ria...
Dilihat dari judul artikel kali ini navigasi blog yang dimaksud adalah navigasi yang terlihat saat pengguna internet melihat-lihat isi blog kita, dimana di bagian akhir dari sebuah artikel biasanya bertuliskan Older Posts untuk melihat postingan lama dan Newer Posts untuk melihat postingan artikel terbaru.
Navigasi Older Posts dan Newer Posts ini bisa diganti dengan navigasi yang lain seperti
Dilihat dari judul artikel kali ini navigasi blog yang dimaksud adalah navigasi yang terlihat saat pengguna internet melihat-lihat isi blog kita, dimana di bagian akhir dari sebuah artikel biasanya bertuliskan Older Posts untuk melihat postingan lama dan Newer Posts untuk melihat postingan artikel terbaru.
Navigasi Older Posts dan Newer Posts ini bisa diganti dengan navigasi yang lain seperti
atau yang diistilahkan dalam dunia blogger adalah "quickedit pencil" merupakan shortcut image yang disematkan dalam posting (umumnya di bawah posting)dan akan terlihat jika kamu telah login ke akun blogger kamu. Quickedit pencil berguna untuk mengedit postingan secara cepat dengan satu kali klik. Kadang-kadang ada saja dari para blogger yang kurang menikmati fasilitas tersebut karena alasan yang berbeda-beda, seperti ; merusak pemandangan, tidak biasa menggunakan, de-el-el. Nah, jika kamu mau, kamu bisa menghilangkan icon pensil tersebut. Caranya gampang dan cepat (itulah choki-choki), berikut "step"i wonder-nya :
kurang lebih sama pengertiannya dengan quickedit pencil, bedanya hanya dalam penggunaannya. quickedit pencil digunakan untuk edit posting, sedangkan icon obeng dan kunci (quickedit) digunakan untuk editing gadget atau widget dalam blog. Cara menghilangkan icon/image quickedit ini pun terbilang mudah, yakni menambahkan kode CSS di bawah ini dalam template blog kamu.
