Feed | Kompas Blogger

Cara Mengetahui Apakah Optimasi SEO Blog atau Website kamu berlebihan ?

2015-04-11T10:00:00.000+07:00

Jika Anda berada di blog tentang SEO maka hal - hal ini sering anda temukan, maka Anda akan tahu tentang apa semua itu ini adalah berhubungan dengan update Google. Google cukup aktif akhir-akhir ini, apa lagi dengan Penguin dan Panda dan 50 update kecil lainnya. Intinya, google akan berusaha keras untuk kembali menghasilkan hasil pencarian yang berkualitas baik untuk penggunanya. Google menurun, dan terus menurun karena "spam" website yang melakukan optimasi SEO yang berlebihan. Anda pastinya pernah mendengar tentang hal ini "over-optimization". Jadi apa sebenarnya optimasi SEO yang berlebihan ? Dan bagaimana mengetahui situs anda, atau beberapa situs lainnya yang melakukan optimasi yang berlebihan ?

Ilustrasi Overoptimized

Sekarang optimasi SEO yang berlebihan bukan hal yang baik. Jika menggunakan cara seperti itu, maka segera berhenti! Saya tahu beberapa situs telah menemukan celah dalam algoritma Google, dan mengeksploitasi mereka dengan melakukan optimasi yang berlebihan, tapi itu tidak berarti harus melakukan hal yang sama. Siapa yang tahu kapan akan terkena pada website kita? Optimalisasi Search Engine yang berlebih mungkin memenangkan pertarungan dan pertempuran, tapi diperang mereka tidak bisa menang.

Kepala Tim web-spam Google, Matt Cutts, mengatakan pada Maret bahwa Google telah bekerja menghukum situs yang terlalu dioptimalkan untuk beberapa bulan terakhir. Dia menjelaskan dengan ini, bahwa Google berencana untuk lebih memerangi hal seperti itu sehingga tidak ada yang mendapat keuntungan, dan peringkat atas ditentukan oleh kekuatan kasar, yaitu konten yang baik, bukan trik licik (black hat SEO). Dengan cara ini, situs dengan SEO sedikit tetapi konten yang baik akan muncul, sementara situs dengan SEO tambahan tapi miskin isi akan turun. Jadi mari kita sekarang berbicara tentang over-optimasi, dan bagaimana Anda bisa mendeteksi atau menghindarinya.

Apa hukuman yang didapat pada optimasi yang berlebihan ?

Meskipun pernyataan yang jelas dari Google seperti "tindakan tegas terhadap Blach Hat SEO ", ide apa sebenarnya menimbulkan ketidaksenangan Google masih samar-samar. Google tidak membiarkan orang berada pada hal yang bersifat rahasia. Seperti kata mereka;

While we can’t divulge specific signals because we don’t want to give people a way to game our search results and worsen the experience for users, our advice for webmasters is to focus on creating high quality sites that create a good user experience and employ white hat SEO methods instead of engaging in aggressive webspam tactics

Dari penjelasan dari pesan dan pemberitahuan Google kita bisa mendapatkan ide umum mengenai apa hal yang harus kita hindari. Berikut adalah beberapa praktek optimasi yang berlebihan yang perlu untuk ditinggalkan jauh-jauh.

Bad Inbound Link

Baru-baru ini, Google mulai memberikan banyak pesan peringatan kepada webmaster melalui Webmaster Tools, menginformasikan mereka tentang struktur link yang buruk dengan situs mereka. Sebaiknya jangan membeli backlink. Ini adalah hal yang tidak baik bagi blog. Jadi lihat seperti apa link yang Anda miliki. Mulai gunakan Google Webmaster Tool untuk mendapat notifikasi.

Praktek lain yang cukup umum adalah dengan membuat inbound link dari situs-situs lain yang sebernarnya dimiliki orang yang sama. Biasanya, orang membuat beberapa situs untuk melengkapi situs utama mereka. Situs-situs tersebut, tentu saja adalah kualitas rendah. Beberapa orang bahkan mungkin menggunakan mekanisme otomatis untuk membuat sisi-website terlihat asli. Jadi jika Anda memiliki link yang datang ke website Anda dari situs lain Anda sendiri, maka praktek ini termasuk dalam kategori over-optimasi (optimasi yang berlebihan).

Link Anchor teks juga sangat penting. Anchor teks adalah teks yang menampilkan bukan link yang sebenarnya. Sebagai contoh, Google adalah teks jangkar untuk www.google.com link. Sekarang jika banyak inbound link Anda memiliki anchor teks yang sama, maka itu mengisyaratkan otomatisasi. Hal ini biasanya terjadi saat Anda membeli backlink, itu mengapa Anda tidak harus melakukan itu.

Cloaking dan Teks Tersembunyi

Sekarang Anda mungkin tidak menyadari tentang backlink, tetapi anda harus tahu apa yang Anda lakukan ketika Anda menyembunyikan atau cloak beberapa konten. Ini adalah black hat SEO teknik. Cloaking berarti menyembunyikan beberapa konten dari mesin pencari, atau menampilkan versi teks untuk mesin pencari yang berbeda dengan yang disajikan kepada pengguna. Hal ini biasanya digunakan di over-promosi, phishing, dll.

Hidden text adalah teks yang dibuat tidak terlihat oleh pembaca sehingga mereka tidak dapat melihat apa yang mereka mengklik. Trik ini dapat dicapai dengan bermain-main dengan warna. Sebagai contoh, teks putih tidak akan muncul dengan latar belakang putih. Teknik-teknik ini tidak etis, dan curang. Dan Anda tidak harus menggunakannya.

Tinggi Kepadatan Kata Kunci ( density keyword )

Menggunakan terlalu banyak kata kunci pada judul, meta deskripsi, paragraf intro dll dianggap sebagai over-optimasi, karena memasang kata kunci yang lebih adalah upaya untuk memperoleh perhatian mesin pencari. Google telah mulai menghukum situs yang memiliki kepadatan kata kunci tinggi. Biasanya, jika kepadatan 2-3% maka dianggap tinggi.

Interlinking berlebihan

Interlinking konten dalam situs Anda adalah praktek SEO yang baik. Kami selalu menyarankan orang untuk interlink lebih sering. Dalam hal optimasi yang berlebih, beberapa webmaster melakukan interlink terlalu banyak, lebih dari beberapa link di setiap posting yang akan menunju pada halaman yang sama. Dan untuk membuat keadaan menjadi lebih buruk, mereka bahkan membuat link berulang kali ke halaman home mereka. Nah itu dapat menjadi sebuah bencana.

Penggunaan Heading yang tidak benar

Tag H1 jauh lebih menarik bagi mesin pencari dari tag lain. Sehingga beberapa orang menggunakan tag h1 untuk mendapatkan beberapa perhatian. Nah itu salah sama sekali. Selalu gunakan satu, dan hanya satu tag h1 per halaman. Gunakan tag h2 dan h3 untuk judul dan subjudul.

Terlalu banyak Redirect

Sekarang jika Anda mengubah nama untuk halaman, dan mengalihkannya maka baik-baik saja. Tapi mengarahkan hanya demi memperoleh pendapatan iklan atau mengarahkan ke halaman afiliasi sangat tidak baik. Terlalu banyak redirect, dan Google akan menangkapnya sebagai spamming.

Duplikat Konten

Sering terjadi bagi mereka yang tidak mampu menulis konten berkualitas, dan menggunakan taktik optimasi yang berlebih lebih. Dan karena mereka tidak memiliki banyak konten untuk ditulis, mereka kembali menggunakan konten mereka yang banyak. Sementara tanda kutip dan hal-hal yang bisa saja, tapi menyalin paragraf dari posting lama dan mengulang adalah salah.

Pop Up

Kau tahu orang tidak suku ketika melihat iklan pop-up di situs Web yang mereka. Sementara pop-up sendiri buruk, beberapa webmaster membuatnya bahkan lebih buruk. Ada yang menipu pengunjung dengan merancang 'tanda silang' tombol keluar di mana biasanya berada. Dan ketika seseorang ingin menutup iklan tersebut, mereka mengklik tombol ini, yang sebenarnya adalah sebuah link ke sebuah iklan atau sesuatu. Sementara itu memastikan klik per tayang tinggi, sangat tidak etis, dan tidak pernah harus digunakan.

Nah, sekian dulu untuk Bagaimana mengidentifikasi Optimasi SEO berlebihan dari blog atau website serta yang harus Anda hindari. Jika Anda masih menggunakan, maka saya sarankan untuk meninggalkannya.

Bagaimana Cara Menulis Judul Posting Blog yang Disukai Search Engine ?

2015-04-04T08:22:00.003+07:00

Optimalisasi Judul Posting

Hampir 80% dari lalu lintas yang Anda terima dari Search engine tergantung pada judul Posting Anda. Judul menjadi hal terpenting setelah Konten. Dalam terminologi Konten adalah Raja di SEO tetapi Judul mengikuti setelahnya dalam prioritas. Jika penulis blog mendedikasikan minimal perhatian mereka terhadap bagaimana mereka menulis judul blog maka saya yakin tidak ada lagi yang perlu dioptimalkan. Search engine perlu alasan memberikan peringkat pada posting anda dan Anda harus tahu cara untuk itu dan alasannya. Belajar SEO adalah sederhana namun hal yang paling penting ketika kita berharap untuk mendapatkan penghasilan online dan kita semua harus tahu bagaimana membuat penggunaan yang tepat dari hal ini. Jadi mari kita lihat beberapa tips berguna yang dapat membantu saya dan ribuan orang lainnya.

Apakah yang dimaksud dengan Optimalisasi judul ?

Optimalisasi Judul adalah salah satu hal yang dapat memaksimal robot dari mesin pencari menuju sebuah artikel yang tepat. Cara paling mudah untuk memahami bagaimana mengembangkan keterampilan SEO yang baik adalah untuk mengarahkan search engine seperti manusia dan mengambil suka dan tidak suka seperti pada manusia. Dengan menggunakan pendekatan ini ada beberapa hal yang Anda harus tahu saat menulis judul. Dan tidak lagi subjektif yang dapat membingungkan untuk diingat. Saya hanya berbagi beberapa tips yang bekerja dan masuk akal. Tiga tips di bawah ini adalah lebih dari cukup untuk memahami apa sebenarnya adalah Judul yang disukai Search Engine.

Gunakan tool Google Keyword untuk menganalisis Keywords
Gunakan Maksimal Judul dengan 66 karakter
Membuat judul yang menarik!

1 - Gunakan Google Keyword Tool

Selalu meneliti kata-kata yang Anda gunakan. Menggunakan kata cerdas membawa hasil yang cerdas pula. Sebagai contoh jika Anda ingin menulis nama negara di judul seperti America, kemudian memeriksa bagaimana sebagian besar orang menulis itu. Apakah mereka menuliskannya sebagai America,US, atau United stated

Untuk tahu mana kata digunakan secara luas secara global maka Anda harus penelitian dengan menggunakan Google Keyword tool. Cukup Tuliskan satu kata per baris dan tekan tombol Cari untuk melihat hasil seperti yang ditunjukkan di bawah ini.

Anda dapat melihat dengan jelas bahwa US kata adalah kata pencarian yang sangat dengan 83.100.000 pencarian Bulanan secara Global diikuti dengan kata America dengan 45.500.000 pencarian. Jadi jika Anda menggunakan kata US bukan United Stated atau America maka jelas trafik ke situs Web Anda akan lebih besar. Selalu gunakan tool ini untuk analisis kata kunci. Dibutuhkan beberapa menit untuk tahu apa kata kunci harus Anda gunakan.

2 - Gunakan Maksimal Judul dengan 66 karakter

Web master dan bahkan pengoptimalan SEO menggunakan kata kunci berulang / frase yang relevan dengan situs mereka. Meskipun ini tampaknya merupakan ide bagus, tetapi dapat mengurangi kesempatan Anda untuk mendapat peringkat lebih tinggi pada kategori tertentu di hasil search engine. Search engine memberikan pentingnya untuk jumlah kata kunci per baris. Jadi jika Anda menggunakan terlalu banyak kata kunci di judul maka Anda hanya membuat judul Anda lebih membingungkan di mesin pencari dan akan dianggap sebagai spam. Google menampilkan sekitar 66 karakter pertama dari judul Anda dan yahoo 120 karakter. Sisa dari judul akan dipotong. Lihat beberapa kesalahan saya di masa lalu,

Lihat bagaimana judul yang dipotong hanya setelah sekitar 66 karakter? Inilah yang perlu Anda hindari. Sekarang lihat judul dibawah,

Lihat bedanya? Faktanya kedua posting di atas membawa trafik kita sekitar 100-200 pengunjung per hari.

3 - Buatlah judul Anda Menarik

Mengapa artikel Anda mendapat peringkat lebih tinggi oleh mesin pencari? Anda harus membuktikannya untuk robot search engine bahwa judul Anda adalah yang terbaik dalam setiap aspek. Buat robot dan pembaca anda selalu yang pikirannya. Robot menyukai kata kunci dan judul yang pendek dan pembaca menyukai apa yang menari!
Lihat judul berikut sebagai contoh,

Mempelajari tips terbaik dalam menulis judul yang disukai mesin pencari untuk website Anda

Kata-kata dalam judul di atas mengandung banyak frase dan menghitung total 80 karakter termasuk spasi. Sekarang lihat judul ini,

Bagaimana Menulis Judul Post yang Disukai Search Engine?

Judul di atas adalah menarik, berisi dua kata kunci yaitu Disukai Search Engine, Judul Post dengan memberikan Bagaimana-di awal dan tanda tanya (?) Pada akhir judul dan semua ini jumlah total 56 karakter.

Ringkasan

Ini adalah apa yang perlu untuk dilakukan dalam menulis judul Posting yang sangat optimal dan menarik,

Selalu menganalisis kata kunci Anda menggunakan alat Kata Kunci Google.
Eja kata-kata Anda dengan benar dan menjaga Grammarnya tetap benar
Menulis judul yang pendek dengan satu atau dua kata kunci
Pastikan judul tidak lebih dari 66 karakter
Buatlah judul Anda menarik bagi robot dan pembaca dengan menambahkan perhatian-gambaran frasa dan simbol. Gunakan kata-kata seperti Cara, Tips terbaik, Top 10, gratis, mudah dll
Selalu mencoba untuk mengakhiri judul dengan tanda tanya atau tanda seru bila diperlukan.

Sekian untuk saat ini semoga membantu..

10 Tips untuk Mengoptimalkan Judul Postingan Blog

2015-03-23T07:39:00.001+07:00

Judul merupakan bagian paling penting dari keseluruhan struktur sebuah blog. Ini dapat membangun atau menghancurkan seluruh posting kita. Memilih judul yang ideal dapat menjadi rumit jika kita tidak berkonsentrasi pada strategi yang tepat. Setiap blogger menginginkan judul postingnya memiliki kata-kata kunci/keyword yang banyak sehingga pembacanya dapat mendapatkan bagian yang tepat dari blog. Umumnya judul posting mewakili seluruh isi dalam sebuah artikel. Sebuah judul posting tidak hanya meningkatkan blog kita tetapi juga dapat berdampak signifikan terhadap SEO (Search Engine Optimization).
Untuk mengoptimalkan sebuah judul postingan blog bisa jadi menjadi masalah bagi hampir setiap blogger. Alasan utama di balik itu adalah kurangnya bimbingan yang tepat.

Apakah Judul Posting Membuat Perbedaan terhadap SERPs?

Ilustrasi SERPs

SERPs singkatan dari (Search Engine Results Page) Halaman Hasil Search Engine. Lebih dari 95% pengguna Google mencari hasil pada halaman pertama dan jarang mengklik tombol next untuk melihat hasil pada halaman berikutnya. Jadi selama post Anda berada di halaman pertama, jumlah pengujung ke blog anda akan terus ada. Judul memainkan peran penting dalam membawa trafik ke
blog Anda. Trafik utama didasarkan pada judul posting dan kemudian ke isi/konten dari post. Ketika “Bots” menjelajahi blog mereka mencari semua data yang relevan di dalam Judul yaitu pos, Deskripsi, kata kunci, judul dan semua tag gambar. Jadi semuanya hanya akan dihitungan dan posting blog yang dioptimalkan akan membuat blog anda bertahan di halaman pertama Google.

1. Semakin Sederhana hasil yang didapat bisa lebih baik:

Kita harus menggunakan kata kunci yang paling umum dalam judul untuk meningkatkan jumlah pengunjung yang datang keblog, tetapi jika kita memilih judul yang irasional (tidak logis) maka ini tidak hanya akan mempengaruhi SEO tetapi juga dapat menyesatkan pembaca. Yang perlu di ingat yaitu kita akan memberikan informasi berkualitas kepada pembaca jadi jangan menulis judul yang sulit tetapi harus buatlah lebih sederhana, karena Google menyukai kesederhanaan.

2. Tujuan dalam menulis Judul Posting:

Tujuan dalam menulis yaitu untuk pembaca jadi janganlah terlalu berfikir secara egois apa yang kita mau. Pembaca akan mempercayai dengan mata tertutup jadi tugas kita untuk menyediakan mereka dengan informasi yang akurat. Contohnya jika kita membuat posting tentang Apel dan judul posting dengan Pisang maka pembaca yang sedang mencari tentang Pisang akan mendarat di tempat yang ia tidak pernah dicari, dan karenanya karena kekonyolan kita, kita akan kehilangan pembaca setia. Jadi kita harus menjaga aspirasi dan berpikir tentang audiens kita dan terlebih lagi kita harus memilih judul sesuai dengan isi postingan kita.

3. Membuat Judul Posting Deskriptif:

Judul memberikan ide kepada pembaca kita apa tentang semua isi posting, memberikan pengetahuan dasar kepada pembaca tentang topik yang tercakup dalam posting kita. Jadi kita harus memilih judul yang jelas dan dapat menjelaskan tentang isi dari artikel yang dibuat. Kita dapat menggunakan kata kunci kreatif untuk membuat judul yang unik dari yang lain, tapi harus memperhatikan jumlah karakter pada judul yaitu 75 karakter.

4. Gunakan Sinonim untuk Membuat Judul Post Anda unik Dari Lainnya :

Umumnya dalam memilih judul posting, kita sering melakukan pencarian untuk memeriksa apakah kata kunci yang akan kita gunakan dalam judul tidak diambil oleh orang lain, dan sebagian besar setelah mencari kita sampai pada kesimpulan bahwa kata kunci yang sudah digunakan. Jadi dalam situasi ini kita tidak perlu menjadi lebih sibuk sebaliknya kita dapat menggunakan teknik tata bahasa yang akan memberi kita kata kunci arti yang sama dengan kata yang berbeda, ya saya berbicara tentang sinonim. Pada dasarnya sinonim adalah kata-kata yang hampir sama atau serupa dalam arti misalnya, pada kata “Kreatif” kita dapat menggunakan “Artistik”, dan dengan menggunakan sinonim kita menargetkan konten yang sama tetapi dengan kata kunci yang berbeda.

Jika Anda menggunakan Microsoft Word maka Anda dapat memilih sinonim yang sangat mudah dan efektif. Untuk memilih sinonim

Buka Ms Office.
Sekarang hanya menyisipkan judul posting Anda.
Setelah menyisipkan judul cukup klik kanan pada kata yang ingin Anda ubah.
Setelah menekan klik kanan menu drop down akan dibuka dan kemudian tempatkan kursor mouse anda ke atas sinonim.
Dan di sini Anda akan melihat daftar kata yang berbeda dengan arti yang sama sekarang pilih kata kunci untuk judul yang sesuai dengan sempurna posting Anda.

5. Membuat Judul Anda Pendek (Gunakan hanya Keywords Penting):

Cobalah untuk menggunakan judul singkat tapi cerdas, dengan menulis judul posting singkat kita menyadari bahwa bot Search engine bahwa kita hanya mencari konten niche tertentu ini adalah alasan mengapa mempertahankan kualitas dalam postingan kita. Cobalah untuk membuat judul sesingkat mungkin dan pastikan tidak pernah melebihi 75 karakter. Untuk menjaga kualitas saya sarankan Anda untuk menggunakan 60 karakter dalam setiap judul posting Anda.

6. Menggunakan Kata yang Sedang Trend di Judul Post:

Cobalah untuk menggunakan kata-kata trendi dalam judul posting Anda untuk menarik perhatian pembaca ini tidak hanya akan meningkatkan trafik Anda, tetapi juga akan memainkan peran penting untuk membangun pembaca Anda. Orang ingin "Hot" Latest topics. Tapi tetap saja kita perlu menggunakan kata kunci trendi yang terkait dengan niche kita dan harus berkaitan dengan isi konten.

7. Menggunakan Kata Kunci Penting dalam Judul Post:

Sekarang tip ini adalah yang paling penting, Kata kunci memainkan peran penting untuk membangun audiens sehingga Anda harus memilih kata kunci posting lebih hati-hati. Seperti yang saya sebutkan sebelumnya kata kunci yang ada di judul posting menentukan berapa banyak trafik yang akan anda dapatkan, semakin baik dalam memilih semakin banyak trafik yang akan anda dapatkan. Hanya mencari kata kunci yang paling relevan dan apakah cocok terhadap konten Anda kemudian masukkan dan menikmati hasil kata kunci.

8. Menggunakan Kata “Eye Catching”

Kebanyakan pengguna mencari artikel-artikel atau konten yang terbaik di pasar misalnya, jika anda membeli buah dari toko kami, kami selalu pastikan itu adalah kualitas yang unggul. Dengan cara yang sama pembaca kami hanya ingin untuk membaca konten yang berkualitas terbaik sehingga dengan menggunakan kata kunci seperti HOT, terbaik, sempurna, baik, sangat baik akan membuat orang untuk memeriksanya.

9. Membuat Judul Posting yang Bertanya:

Dunia kosakata benar-benar besar, kita dapat memilih ekspresi yang tak terhitung jumlahnya untuk judul kita dan dengan teknik yang sama dalam membuat judul bertanya paling efektif untuk mendapatkan perhatian dan menarik perhatian pembaca. Misalnya menggunakan Bagaimana, Apa, Cara, dalam judul yang dibuat.

10. Jadilah unik dan Satu - Satunya - Peraturan SEO

Google mencintai keunikan tidak peduli itu adalah konten atau judul, judul yang unik selalu membuktikan diri penting. Karena judul yang unik kita memperoleh peringkat tinggi di SERP dan karenanya ini tidak hanya akan meningkatkan lalu lintas kita tetapi juga memiliki dampak yang besar dalam SEO.

Jadi itulah bagaimana kita dapat memilih judul posting yang sempurna untuk blog kita dan website. Bahwa judul Posting adalah jantung dari konten sehingga kesalahan konyol bisa menghancurkan seluruh posting kita. Dengan mencoba tips ini pasti akan meningkatkan trafik bagi blog anda. Sekian semoga sukses.

Hal - Hal yang Menyebabkan Blog/ Website Terkena Google Panda

2014-12-07T10:00:00.000+07:00

Oke, nah kira - kira mengapa situs atau blog kita bisa terkena dampak dari google panda dan google penguin tersebut ?.
Ada beberapa hal yang mungkin bisa menyebabkan blog kita terkena dampak tersebut yaitu :

Gambar Master Kung Fu Panda :D

1. Over Optimasi

SEO yang berlebihan bisa jadi sesuatu yang kurang baik untuk blog kita. Seorang blogger terkadang berlebihan dalam hal ini. Misalnya ketika berkomentar di blog-blog dofollow terlalu intensif, memang hal ini perlu namun lakukan secara wajar, dan imbangi pula dengan berkomentar di blog nofollow.

2. Kepadatan kata kunci yang tinggi.

Sebagai contoh adalah artikel blog yang terlalu banyak mengulang kata-kata dan kalimat yang sama, padahal isinya nol besar. Ini berpotensi dianggap spam terkena dampak google penguin. Yang perlu dilakukan adalah dengan memperbanyak variasi kata bukan dengan mengulang-ulang kalimat yang sudah ada.

3. Virus dan malware

Misalnya kita akan membuka situs abc.com ternyata situs tersebut mengandung malware, sehingga google memberikan peringatan kepada kita sebelum masuk ke blog tersebut. Bahkan bisa saja blog kita di banned jika banyak laporan mengenai adanya malware di blog kita. Untuk mengetahuinya silakan masuk ke akun Google webmaster tools, disitu akan diketahui ada tidaknya virus atau malware tersebut.

4. Tingginya bounce rate.

Bisa dibilang bounce rate adalah rasio antara jumlah pengunjung dengan bukaan halaman (pageviews) postingan blog. Blog yang ringan, artikel menarik, unik dan menarik akan membuka lebih banyak peluang pageviews yang lebih tinggi. Begini, satu pengunjung yang masuk bisa jadi membuka lebih dari satu atau bahkan 10 postingan blog kita. Semakin banyak pengunjung membuka postingan kita, maka semakin rendah tingkat bounce rate blog kita. Ada rumus tertentu untuk menghitungnya, sehingga jika bounce rate semakin rendah, maka semakin bagus pula blog sobat di mata google. Semakin tinggi bounce rate, semakin berisiko blog kita terkena dampak google panda dan penguin dan terlempar jauh ke halaman belakang google search. Sobat bisa melihat ini di statistik blog, sebagai contoh sobat bisa menggunakan layanan gratis google analytics. Cara mengatasinya ialah dengan membuat artikel menarik dan loading blog yang ringan agar pengunjung betah.

5. Duplikasi Konten

Kesamaan judul dan seluruh isi artikel juga bisa berdampak terhadap blog kita. Karena itu jangan copas mentah-mentah isi postingan blog orang lain. Google sekarang sudah sangat cerdas, dan sangat membenci yang namanya duplikasi artikel alias copy paste artikel. Lantas bagaimana jika postingan kita original buatan sendiri namun tidak masuk halaman awal google, dan dicopas oleh blog lain tapi masuk halaman pertama misalnya? Saran saya silakan laporkan blog copas ke dmca google.

6. Ada link blog kita dari atau ke Blog maupun Website yang sudah di Banned oleh Google

Ini juga menjadi polemik, kita harus hati-hati dan harus tau, apa saja blog yang terkena banned oleh google, jadi jangan asal tancap link. Kita tidak tahu bahwa tancapan link itu justru kita letakkan di blog yang sudah terkena banned oleh google.

7. Banyak Broken Link

Broken Link paling di benci google panda, ketika sebuah blog terdapat banyak broken link, maka bersiaplah mendapat pinalty google, mengapa ini terjadi? Jelas alasannya, Membuat kecewa pembaca. Ntah apa jadinya ketika anda memberikan link kepada pembaca tapi ternyata link itu gak ada atau mati, lalu kesalkah orang tersebut? Jika iya, begitu juga dengan google.

8. Terdeteksi dengan IP yang sama

Anda nyepam di blog dengan IP yang sama seperti di blogspot anda nyepam dimana-mana, nah ini juga akan kena imbas pinalty google.

9. Internal Link yang berlebihan sehingga menjadi link scheme

Internal link itu penting tapi jika berlebihan ternyata berakibat fatal. Bagaimana tidak, PINALTY GOOGLE hadiahnya. Kita harus bijak memberikan internal link, jangan sampai internal link itu justru menjadi bumerang untuk blog kita sendiri. Untuk mensiasati hal ini, anda harus membuat internal link untuk tulisan yang setema.

10. Meniru atau mencontek domain tertentu

Ini juga di benci google, misalnya anda punya blog cabe, kemudian anda membuat blog yang notabenenya punya orang lain temanya, misalnya anda jadi buat blogcabemanis. Ini jelas bahaya karena google akan menfinalty anda sebagai plagiat domain.

11. Menyembunyikan Link atau hidden link

Anda ingin menipu, maka google juga akan memberikan hadiah yakni pinalty google. Menyembunyikan link tidak saja membuat pembaca jadi kebingungan, namun juga terkesan menipu, lalu sangatlah pantas jika penipu kena pinalty google.

Dan masih banyak lagi, Intinya adalah kita buat artikel yang berkualitas, tidak menipu pembaca dan tidak membingungkan pembaca. Demikian sedikit penjelasan mengenai hal-hal yang dapat menyebabkan blog terkena google panda . Mudahan sobat bisa memahami kata - kata saya. hehehe. Salam.

Apakah yang dimaksud Google Panda dan Google Penguin serta bagaimana cara kerjanya dan dampaknya ?

2014-12-06T10:00:00.000+07:00

Google merupakan pemimpin dan pioneer dalam hal pencarian di internet. Dalam beberapa tahun terakhir Google berhasil menguasai sekitar 2/3 saham dalam dunia internet dan terus memaksimalkan kecerdasan mesin pencarinya, Sebagai contoh, baru beberapa bulan google mengupdate algoritma google Panda lama setelah itu sekitar 3 bulan kemudian kembali google mengupdate yang namanya google penguin. Google Panda saja sudah cukup ditakuti oleh pengelola situs, dan di tambah lagi update google penguin. Banyak situs yang terkena efek dari update google panda dan penguin ini.

Gambar Ilustrasi Google Panda Dan Google Penguin

Nah, kira-kira apaan sih Panda dan penguin itu? Mengapa harus ada google panda dan penguin ?. Dan bagaimana cara kerja mereka hingga berpengaruh besar terhadap SERP (search engine result page) sebuah situs?. Disini saya akan menjelaskan sedikit apa yang dimaksud dengan google panda dan penguin tersebut, yang saya sarikan dari berbagai sumber. Mungkin bagi sebagian sobat blogger pemula masih bingung, karena itulah kita wajib mengetahui istilah ini.

Google Panda dan google penguin di luncurkan google dalam hal ini bertujuan dalam rangka mengoptimalisai mesin pencari mereka. Karena banyak keluhan yang disampaikan pengguna google search, mengapa setiap mereka mencari artikel tertentu yang muncul di halaman pertama adalah justru situs-situs spam yang tidak menampilkan artikel yang diinginkan. Banyak situs-situs yang memanfaatkan kelemahan google search sehingga mereka menggunakan teknik Black HAT SEO dalam mengoptimasi situsnya. Nah disinilah maka google terus-menerus mengupdate teknik algoritma mesin pencarinya termasuk panda dan penguin yang jaraknya hanya sekitar 3 bulan.

Tentang Google Panda

Google Panda adalah Algoritma terbaru mesin pencari google tahun 2010 akhir atau awal tahun 2011, setelah sebelumnya google melakukan update algoritma pencarian dengan nama "Google Caffeine". Penyebab google melakukan update ke Google Panda adalah karena Google Caffeine belum memberikan hasil pencarian (search google) yang baik terhadap situs-situs supaya tampil diposisi utama SERP, sehingga di awal tahun 2011 Google melakukan update algoritma search engine dengan maksud hasilnya bisa lebih baik. Sekitar 12% situs-situs besar di dunia telah terkena dampak Google Panda ini. Banyak dari situs-situs tersebut terlempar dari halaman pertama pencarian google. Selama masa periode itu Google terus memperbaiki kinerja Panda nya sebanyak 12 kali hingga 20 April 2012. Buat sobat yang mungkin postingannya pernah berada di halaman pertama namun sudah hilang terlempar hingga halaman kesekian bisa jadi terkena dampak google Panda ini.

Mengenai Google Penguin

Google Penguin adalah lanjutan dari update google panda sebelumnya. Diperkenalkan pada tanggal 24 April 2012. Sekali lagi, itu ditujukan untuk menghukum situs spam. Sejauh ini, telah berpengaruh sekitar 3% dari situs seluruh dunia. Sebelum rilis, Google mengatakan;

In the next few days, we’re launching an important algorithm change targeted at web spam. The change will decrease rankings for sites that we believe are violating Google’s existing quality guidelines. We’ve always targeted web spam in our rankings, and this algorithm represents another improvement in our efforts to reduce webspam and promote high quality content. While we can’t divulge specific signals because we don’t want to give people a way to game our search results and worsen the experience for users, our advice for webmasters is to focus on creating high quality sites that create a good user experience and employ white hat SEO methods instead of engaging in aggressive webspam tactics.

Kalo boleh saya mengartikan kurang lebih seperti ini;

Dalam beberapa hari ke depan, kami akan meluncurkan sebuah algoritma baru yang ditargetkan pada web spam. Perubahan ini akan menurunkan peringkat sebuah situs yang diindikasikan telah melanggar pedoman google. Kami selalu menargetkan web spam dalam rangking google dalam upaya mengurangi web spam dan menyajikan konten berkualitas tinggi. Meskipun kami tidak dapat membocorkan sinyal khusus karena kita tidak ingin memberi orang cara untuk mempermainkan hasil pencarian kami dan memperburuk pengalaman bagi pengguna, saran kami untuk webmaster adalah fokus pada menciptakan situs berkualitas tinggi yang menciptakan pengalaman pengguna yang baik dan menggunakan metode white hat SEO bukannya terlibat dalam taktik webspam agresif.

Dengan beberapa update algoritma google ini, sudah banyak situs-situs yang dihukum sehingga turun peringkatnya di google search, penurunan traffic kunjungan dan turunnya pula pagerank situs / blog mereka. Dan situs-situs yang benar-benar menyajikan konten berkualitas dan orisinal telah merasakan keuntungan dari algoritma google ini.

Bagaimana cara kerja google panda?

Google panda menekankan atau mengantisipasi adanya content farm mengingat banyaknya content-content farm saat ini yang merugikan blogger lainnya dan menguntungkan web yang memasang content farm saja.

Apa itu content farm?

Menurut terjemahan Wikipedia: Content farm adalah content atau artikel-artikel pada website yang tulisannya dikerjakan oleh penulis lepas (freelance writer) untuk menghasilkan content yang memenuhi algoritma pencarian (mesin pencari secara otomatis) dengan maksud menghasilkan pendapatan iklan melalui tampilan yang menarik perhatian pembaca.

Apa akibatnya jika google mengetahui sebuah web menggunakan content farm?

Akibat ringan: Google menurunkan ranking blog yang terdeteksi menggunakan "content farm" sehingga nantinya web/ blog pengguna content farm akan sulit di posisi utama mesin pencarian google.
Akibat Berat: bukan tidak mungkin sebuah web/ blog mengalami penurunan drastis atau tidak lagi ditemukan dimesin pencari google.

Demikian sedikit penjelasan mengenai apa yang dimaksud dengan google panda dan penguin, efek serta pengaruhnya terhadap blog kita serta blog seperti apa yang berpotensi terkena dampak algoritma terbaru google ini. Mudahan sobat bisa memahami kata-kata saya. hehehe. Salam Blogger.

Google mengupdate HTML Editor Template Blogger

2014-12-05T10:00:00.000+07:00

Bagi kalian yang gemar dalam mengutak - atik template blogger dan mungkin belum tahun fitur pembaharuan terbaru Blogger, ini merupakan berita yang bagus bagi kalian. Mulai tahun 2013 kemarin Google mengupdate/ meningkatkan fungsi dari HTML editor yang ada pada bagian template.

Gambar Ilustrasi Blogger HTML Editor yang baru

Seperti apa yang ditulis pada Blogger Buzz bahwa peningkatan fungsi ini untuk kalian para pengembang web (pembuat template) ataupun yang senang dalam merubah - rubah tampilan blog dengan menggunakan HTML, Javascript dan CSS.
Tambahan fitur yang ada pada editor HTML baru ini dapat mempermudah dalam pengeditan template yang dilakukan oleh pengguna blogger.
Fitur-fitur yang ada diantaranya : penomoran baris (line numbering), Penanda sintaks (syntax highlighting), auto-indentation dan code folding.
Berikut ini sedikit gambaran tampilan dari Editor HTML yang baru pada blogger:

Tampilan Template HTML Editor Blogger

Jump to widget (untuk memudahkan dalam pencarian widget blogger)

Code folding (untuk menggumpulkan/menyembunyikan satu kelompok kode)

Preview Template (Melihat tampilan blog sebelum template disimpan)

Selain fitur diatas ada juga fitur untuk mencari kata/kode tertentu yang ada pada template yaitu dengan menekan Ctrl+F. Atau jika ingin menggantinya dengan kata/kode yang baru dengan cara Ctrl+Shift+F.

Nah dengan semakin banyaknya fitur baru yang ada pada blogger ini mungkin menjadi salah satu bukti keseriusan google agar dapat menjadi nomor satu dalam penggunaan blog di dunia. Serta membuat para pengembang web khususnya platform blogger dapat lebih dimudahkan sehingga kreatifitas mereka dalam membuat template blogger semakin bertambah.
Sekian.

Apakah pengertian dari Tag Kondisional/ Conditional Tags ?

2014-12-04T11:45:00.000+07:00

Kali ini saya akan mencoba menjelaskan sedikit tentang apa itu tag kondisional/ conditional tag khususnya pada blogger. Jika masuk kebagian Template dan memilih edit HTML di situ kita bisa menemukan banyak tag kondisional. Tag kondisional ini digunakan untuk menampilkan/tidak menampilkan seuatu elemen tertentu atau bisa juga untuk mengfungsikan/tidak mengfungsikan halaman yang kita kehendaki.

Ilustrasi Conditional Tags

Supaya tidak semakin bingung dengan penjelasan diatas berikut ini adalah contoh tag kodisional yang umum digunakan pada blogspot.

<b:if cond='data:blog.url == data:blog.homepageUrl'>Element/Objek</b:if>
Coba perhatikan contoh diatas. Tag kondisonal selalu diawali dengan <b:if> dan diakhiri/tutup dengan </b:if>. Pada setiap bagian tag <b:if> pasti akan ada atrribut cond. Atribut ini menjadi penentu/petunjuk yang menyatakan suatu kondisi. Pada kode data:blog.url == data:blog.homepageUrl merupakan nilai dari atribut yang menjelaskan maksud dari kondisi yang diinginkan.

Kode data:blog.url disini berarti suatu keadaan URL dari sebuah halaman, sementara kode data:blog.homepageUrl adalah perwakilan dari URL halaman muka (homepage). Sperti ini jika kamu memiliki sebuah blog dengan alamat http://contoh.blogspot.com, maka kode data:blog.homepageUrl dapat diartikan sebagai http://contoh.blogspot.com. Bila diartikan kode diatas :

TAG KONDISIONAL

ARTI KODE

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

Jika keadaan halaman saat ini sama dengan URL halaman muka/homepage, maka Element/Objek akan ditampilkan/difungsikan.

Pernyataan diatas bisa dibalik dengan mengganti pembandingnya saja. Secara normal, sebuah pembanding dapat dituliskan sebagai == yang berarti "sama dengan" atau "menyetujui keadaan". Kode pembanding tersebut juga dapat kita balik menjadi != yang berarti "tidak sama dengan" atau "bukan" seperti ini:

<b:if cond='data:blog.url != data:blog.homepageUrl'>Element/Objek</b:if>

Kode di atas berarti:

TAG KONDISIONAL

ARTI KODE

<b:if cond='data:blog.url != data:blog.homepageUrl'>Element/Objek</b:if>

Element/Objek hanya akan ditampilkan apabila keadaan halaman saat ini tidak sama dengan halaman muka/homepage.

Penerapan tag kondisional ada 2 yaitu secara langsung dan secara tidak langsung. secara langsung umumnya seperti pada contoh diatas tapi bila ingin melihat contoh lain yaitu:

TAG KONDISIONAL

ARTI KODE

<b:if cond='data:blog.url == data:blog.homepageUrl'><div id='cnth'>Element/Objek</div></b:if>

Jika keadaan halaman saat ini sama dengan URL halaman muka/homepage, maka <div id='cnth'>Element/Objek</div> akan ditampilkan/difungsikan. Sedangkan pada penerapan tidak langsung sebenarnya tag kondisional digunakan untuk mengapik kode CSS dan untuk menghilangkan kode sasarannya digunakan deklarasi display:none seperti contoh berikut:

TAG KONDISIONAL

ARTI KODE

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
#objek1{display:none;}
</style>
</b:if>
......
<div id='objek1'>OBJEK1</div>

Seluruh elemen yang memiliki ID objek1 akan disembunyikan apabila keadaan halaman saat ini tidak sama dengan halaman muka/homepage.

Pernyataan di atas pada prinsipnya mempunyai makna yang sama dengan: OBJEK1 hanya akan ditampilkan apabila keadaan halaman saat ini sedang berada di halaman muka/homepage".

Nah Begitulah sedikit penjelasan tentang apa itu tag kondisional pada platform Blogger semoga bermanfaat.

Sumber: DTE ~ Pemahaman Tag Kondisional Tingkat Pertama

Jenis - Jenis Tag Kondisional pada Blogger

2014-12-03T11:35:00.000+07:00

Ilustrasi Conditional Tags

Melanjutkan artikel sebelumnya yang menjelaskan apa itu tag kondisional ? serta bagaimana penggunaannya. Kali ini saya memberikan jenis-jenis bentuk tag kondisional yang ada pada blogspot.

Tag Kondisional Halaman Muka/Homepage

Halaman Muka/Homepage yang biasa disebut juga dengan beranda adalah halaman url awal atau tanpa cabang. seperti:

http://nama_blog_saya.blogspot.com

Bentuk dari tag kondisionalnya seperti berikut:

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

Tag Kondisional Halaman Item

Item disini merupakan halaman posting. Sehingga bentuk urlnya merupakan url dari halaman posting seperti:

http://nama_blog_saya.blogspot.com/2012/10/url-judul-postingan.html

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
     OBJEK 
</b:if>

Tag Kondisional Halaman Statis

Halaman statis merupakan jenis halaman khusus dari Blogger yang akan berakhir pada nama berkas, namun saat halaman tersebut telah terbit halaman tersebut tidak akan masuk dalam daftar arsip blog, seperti ini:

http://nama_blog_saya.blogspot.com/p/baru-baru-ini.html
http://nama_blog_saya.blogspot.com/p/lama-lama-ini.html

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
     OBJEK 
</b:if>

Tag Kondisional Halaman Indeks

Halaman indeks adalah semua jenis halaman yang bukan halaman item:

http://nama_blog_saya.blogspot.com/p/baru-baru-ini.html
http://nama_blog_saya.blogspot.com
http://nama_blog_saya.blogspot.com/2012/12/lorem-ipsum.html

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Label

Halaman label merupakan tipe halaman hasil sortir label posting, yang umumnya diawali dengan cabang search/label/ kemudian diakhiri dengan kata kunci label, seperti ini:

http://nama_blog_saya.blogspot.com/search/label/Mengenai

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.searchLabel'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Tertentu

Tag kondisional ini digunakan jika kamu ingin menampilkan atau menyembunyikan objek pada tipe halaman tertentu yang bersifat sangat spesial.

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Kesalahan/Error Page

Halaman kesalahan/error page adalah halaman yang tidak ditemukan. URL yang tidak benar dan mengarah kepada sesuatu yang tidak pernah ada pada blog kita:

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
     OBJEK 
</b:if>

Tag Kondisional Halaman Label Tertentu

Sama dengan tag kondisional halaman label, hanya saja dengan nama label tertentu seperti berikut:

http://nama_blog_saya.blogspot.com/search/label/Template

Bentuk tag kondisionalnya:

<b:if cond='data:blog.searchLabel == &quot;Template&quot;'>
    Saya akan tampil di halaman label `Template`
</b:if>

Tag Kondisional Halaman Pencarian Halaman pencarian adalah tipe halaman hasil pencarian, yaitu halaman yang akan terbuka ketika kamu mengetik kata kunci pencarian pada kotak pencarian blog, serperti berikut:

http://nama_blog.blogspot.com/search/q?=css

Bentuk dari tag kondisionalnya seperti berikut:

<b:if cond='data:blog.searchQuery == &quot;css&quot;'>
    Saya akan tampil di halaman pencarian yang memiliki kata kunci `css`
</b:if>

Nah itu lah beberapa tag kondisional yang ada pada blogspot. Semoga dapat membantu.

Sumber: DTE ~ Tag Kondisional Tingkat lanjut

Apa itu HTML5 dan Kelebihannya ?

2014-12-02T11:27:00.000+07:00

Gambar Ilustrasi HTML5

Pada bagian sebelumnya saya menuliskan arikel tentang apa itu HTML?. Sekarang saya akan memberikan sedikit bacaan tentang apa itu HTML5 yang merupakan penyempurnaan dari versi HTML yang sebelumnya.

Pengertian HTML5

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Penanagan kesalahan yang lebih baik
Lebih markup untuk menggantikan scripting
HTML5 merupakan perangkat mandiri
Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran
Dukungan yang lebih baik untuk penyimpanan secara offline
Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut

<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>

Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini

<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
</object>

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

<video src=tutorialku.mp4>
</video>

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.

Apakah Browser Saya Support HTML5?

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Sekian untuk saat ini semoga bermanfaat.

Apa itu File Dokumen XML dan Apa Gunanya Pada Blogger ?

2014-12-01T10:59:00.001+07:00

Gambar Ilustrasi isi dokumen XML

Bagi para blogger pasti mengetahui tipe file yang satu ini yaitu XML. XML biasanya dijumpai pada file-file template dari blogger atau juga pada backup dari blog kita. Dari hal tersebut saya mencoba menjelaskan sedikit apa itu XML.

Apakah XML Itu ?

XML kependekan dari eXtensible Markup Language, dikembangkan mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada bulan Februari 1998. Teknologi yang digunakan pada XML sebenarnya bukan teknologi baru, tetapi turunan dari SGML yang telah dikembangkan diawal 80-an dan telah banyak digunakan pada dokumentasi teknis proyek-proyek berskala besar. Pada saat HTML dikembangkan tahun 1990, para penggagas XML mengadopsi bagian paling penting pada SGML dan dengan berpedoman pada pengembangan HTML menghasilkan markup language yang tidak kalah hebatnya dengan SGML.

Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’), tag penutup(diawali dengan ‘</ ‘diakhiri ‘>’) dan atribut elemen(parameter yang dinyatakan dalam tag pembuka misal <form name=”isidata”>). Hanya bedanya, HTML medefinisikan dari awal tag dan atribut yang dipakai didalamnya, sedangkan pada XML kita bisa menggunakan tag dan atribut sesuai kehendak kita. Untuk lebih jelasnya lihat contah dibawah:

<pesan>
<dari>MIS Manager</dari>
<buat>HRD Manager</buat>
<buat>Bagian rekrut</buat>
<buat>Computer Suport team</buat>
<subyek>Permohonan Tenaga kerja baru</subyek>
<isi>Mohon diberikan tenaga kerja baru untuk mengisi lowongan di Departemen MIS</isi>
</pesan>

pada contoh diatas <pesan>, <dari> <buat>,dan <isi> bukanlah tag standard yang telah di tetapkan dalam XML. Tag-tag itu kita buat sendiri sesuai keinginan kita. Sampai di sini XML tidak melakukan apapun. Yang ada hanyalah informasi yang di kemas dengan tag-tag XML. Kita harus membuat software lagi untuk untuk mengirim, menerima atau menampilkan informasi di dalamnya.

XML memiliki tiga tipe file:

XML, merupakan standar format dari struktur berkas (file).
XSL, merupakan standar untuk memodifikasi data yang diimpor atau diekspor.
XSD, merupakan standar yang mendefinisikan struktur database dalam XML.

Kegunaan dari XML

XML adalah segalanya tentang manajemen data memungkinkan ketersediaan format yang sesuai untuk kita. Untuk mengenal tentang bagaimana XML mampu menangani data-data kita, sebaiknya perhatikan keterangan berikut :

XML memungkinkan kita untuk mengumpulkan informasi dan menggunakannya kembali dengan berbagai cara.
Data XML tidak dibatasi pada satu format aplikasi. Kita dapat mendisain suatu dokumen XML yang memungkinkan kita untuk mengumpulkan data secara online dan menggunakannya dalam dokumen yang berbeda, database, dan spreadsheet. Sebagai contoh, seandainya perusahaan kita mengumpulkan informasi-informasi penjualan terhadap suatu produk menggunakan dokumen XML yang terisi data. Data XML yang sama bisa digunakan untk membuat arsip pembelian, laporan pengawasan, dan grafik penjualan.
Pembuatan informasi yang portabel memerlukan perencanaan dan disain sebelum informasi dikumpulkan.

Keunggulan XML bisa diringkas sebagai berikut

Pintar (Intelligence). XML dapat menangani berbagai tingkat (level) kompleksitas.
Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Seperti Microsoft membuaat bahasa MSXML atau Macromedia mengembangkan MXML.
Mudah pemeliharaannya.
Sederhana. XML lebih sederhana.
Mudah dipindah-pindahkan (Portability). XML mempunyai kemudahan perpindahan (portabilitas) yang lebih bagus.

Sekian semoga bermanfaat.

Membuat Halaman Fans Google Plus

2012-04-23T13:15:00.000+07:00

Google baru saja melaunching fitur Halaman Google plus yang bisa kita nikmati mulai sekarang. Tampilan Halaman fans Google plus tidak jauh berbeda dengan tampilan profil G+ pada umumnya.
Perbedaannya hanya terletak di bagian :

Gambar Google+ Page

ihwal (informasi akun) yang lebih ringkas dibandingkan dengan profil,
Tambahan “Bagikan laman” yang tidak terdapat di halaman profil, dan
Tombol +1 yang terletak di bawah foto profil halaman fans.

Sampai saat ini, fitur yang tertanam di halaman G+ hanya baru itu saja. Dari fungsi stream hingga upload foto semuanya sama, alias tidak jauh beda dengan halaman profil google plus..
Sama seperti tujuan membuat halaman fans facebook untuk blog, saya kira kita semua sudah paham maksud dan tujuan membuat halaman fans google plus, langsung saja sikat gan..

Cara membuat halaman fans google plus

1. Silahkan menuju ke halaman ini atau lihat di footer ^^

2. Pilih Kategori laman. Pada kasus ini saya memilih lainnya (others)

3. Masukkan Judul laman fans Google plus anda, dan alamat website (jika ada)

4. Privasi Halaman fans google plus Anda juga bisa diatur di bagian tersebut.

5. Klik Buat, kemudian atur slogan dan upload foto untuk mempercantik halaman fans Anda di google plus.

Hasilnya lihat tampilan di bawah ini

Jika laman G+ sudah dibuat, dan ingin mengaksesnya kembali, cukup login menggunakan akun g+ saja seperti biasa. Saat berada di beranda (home) sorot di nama akun miliki kita (lihat gambar di bawah ini) kemudian pilih laman yang ingin diakses

Satu hal yang lebih penting lagi, setiap kita mengupdate stream / status di laman fans G+ maka secara otomatis akan terupdate juga ke halaman profil akun personal G+, dengan asumsi jika settingan privasi stream tersebut diset ke publik.
Silahkan Mencoba dan Semoga Bermanfaat ^^
Benar gak sih, kehadiran SosMed mulai menggantikan SEO.. so, buat kita-kita yang kalah bersaing di SERP, mungkin.. sudah saatnya kita mulai gencar memanfaatkan ke-viral-an system social media sharing.

Cara Membuat Badge Google Plus di Web

2012-04-23T13:12:00.003+07:00

Seperti halnya badge facebook, Google plus juga memiliki badge google plus yang bisa anda pasang dan integrasikan antara blog dengan halaman profil google+ anda.

Untuk membuat badge Google Plus di web apakah di blogspot atau di wordpress sebetulnya sangat mudah. Hanya memerlukan sedikit kode yang bisa anda ambil di halaman ini

cara membuat badge Google plus

Semua yang anda butuhkan tinggal anda sesuaikan saja dengan bentuk/ ukuran badge profil google plus anda. tapi sebelum itu anda harus menyiapkan URL halaman profil Google +.
Banyak cara untuk mendapatkan URL profil Google+, bisa melalui halaman profil sendiri yang diklik kemudian dicopy URLnya di address bar atau melalui halaman setting privasi akun Google+.
Nah, di bawah ini langkah-langkah mengambil URL profil melalui halaman setelan akun Google plus anda.

Cara mengambil link profil Google +

Login terlebih dahulu ke halaman Google+ anda
Sorot dan klik icon “setting” di ujung kanan atas Google+
Klik “setelan Google+” (versi bahasa Indoensia)
Ketika anda telah memasuki Google Accounts, pada panel sebelah kiri pilih dan klik “profil dan privasi”
Silahkan copy URL halaman Profil Google + anda
Selesai. Silahkan pastekan ke halaman membuat badge google plus

Langkah-langkah cara mengambil link halaman profil Google +

Selanjutnya, setelah anda mendapatkan kode badge google plus, untuk memasangnya di blog, tentukan sendiri dimana anda ingin meletakknya. Untuk menaruhnya di sidebar, gunakan widget text bagi pengguna wordpress atau gunakan add to gadget berupa html/javascript bagi pengguna blogspot. Bisa juga anda letakkan di halaman profil about me blog anda atau halaman statis tentang saya di blogspot.
Nah, bagi anda yang punya blog entah blogspot atau wordpress sudah saatnya kita membiarkan pembaca blog kita tahu tentang Google + dan terhubung dengan mereka lewat situs jejaring sosial Google +. Artinya, jika blog kita atau sang founder memiliki akun Google plus, maka akan berkesempatan dan diharapkan pengunjung menginvite kita ke dalam circle jaringannya.
Apalagi, blog-blog besar sudah memasang badge Google+ ini di blognya. Sepertinya akan menjadi ajang perlombaan untuk meraih pembaca setia melalui Google+
Meskipun fitur ini tergolong bagus, tapi saya yakin Google masih mengembangkan fitur lainnya untuk para blogger. Sebab Badge Google plus hanya sebatas halaman profil saja, mungkin ke depan akan bermunculan lagi fitur yang tak kalah hebatnya yang akan menguntungkan kita semua.
Berikut adalah hasil dari tombol profil Google+ saya

Apakah anda sudah membuat badge google plus untuk blog anda? di tunggu tanggapannya ^^

Kumpulan Karakter Wajah Lucu Untuk Status Facebook dan Twitter

2012-04-18T15:22:00.000+07:00

Konon sebuah gambar itu dapat bercerita mewakili beribu kata. Dengan gambar, kita dapat menyampaikan pesan atau cerita dengan lebih jelas dan mudah difahami oleh orang lain.

Kamu pasti sering melihat atau bahkan menggunakan karakter-karakter wajah saat menulis sms, chatting, membuat status atau berkomentar untuk menggambarkan emosi hati kamu saat itu. Karakter itu dinamakan emoticon, yang diantaranya senyum , tertawa , sedih atau berkedip sebelah mata .

Dalam perkembangannya kita sering menemukan wajah lucu yang dirangkai secara kreatif dari beberapa karakter huruf atau simbol. Karakter ini bisa menjadikan status Facebook atau Twitter kamu jadi lebih seru.

Bahkan bisa dijadikan sebuah rangkaian gambar yang lucu, contoh seperti gambar diatas, yaitu orang yang lagi marah dengan menganggat meja kemudian melemparnya hingga terbalik.

beberapa contoh karakter lucu dari yang simpel sampai yang lebih rumit, ini bisa dijadikan koleksi kamu untuk bikin seru status Facebook, Twitter atau aktifitas social media lainnya.

Kamu tinggal copy karakter ini dan menaruhnya di kotak penulisan status.

No. 1	٩(●̮̮̃•̃)۶ ٩(-̮̮̃-̃)۶ ٩(͡๏̯͡๏)۶ ٩(-̮̮̃•̃)۶ ٩(×̯×)۶
No. 2	⊙▂⊙ .. ⊙０⊙ .. ⊙︿⊙ .. ⊙ω⊙ .. ⊙﹏⊙ .. ⊙△⊙
No. 3	●▂● .. ●︿● .. ●ω● .. ●﹏● .. ●▽● .. ●△●
No. 4	ಠ_ಠ ಥ_ಥ ¯(°_o)/¯ ◕ ‿ ◕
No. 5	m(><)m o(╥﹏╥)o //(ㄒoㄒ)// {{{(>_<)}}}
No. 6	✿◕‿◕✿ ❀◕‿◕❀ ❁◕‿◕❁ ✾◕‿◕✾
No. 7	εїз Ƹ̴Ӂ̴Ʒ
No. 8	><((((º> <º))))><
No. 9	ヅツッシ
No. 10	☹ ☺ ☻ ت
No. 11	Ü ϡ ﭢ 웃 유
No. 12	(,”)♥ ♥(“.) ( =’o'= ) (>’.’<) (=’ :’) (°.°)
No. 13	(╮°-°)╮┳━┳ (╯°□°)╯ ┻━┻

Bisa juga karakter ini disimpan sebagai auto-text atau auto-correct di Smartphone kamu, sehingga lebih mudah saat ingin memakainya.

Kumpulan ini sedikit diantara banyaknya karakter-karakter yang beredar luas. Jika kamu punya koleksi karakter lain yang lebih unik atau ada referensi situs, ayo berbagi disini.

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot

2012-03-20T17:47:00.001+07:00

Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel.

Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan berdasarkan pada label: Home > Label > Posting. Menu ini akan muncul pada halaman posting, label, arsip, dan tidak muncul di bagian homepage.

Menu/navigasi breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting.

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.

2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya:

<b:include data='posts' name='breadcrumb'/>

4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

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

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

note: karena banyaknya problem yang disampaikan ketika mengedit, perhatikan benar-benar instruksinya serta pahami istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh:

<b:include data='top' name='status-message'/><data:adStart/>

Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah <b:include data='top' name='status-message'/>, itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya:

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Enjoy menu breadcrumbs baru di Blog Blogger/Blogspot-mu!

Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon

2012-03-20T17:28:00.002+07:00

Jika kita melihat dan mengamati tulisan older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya anda perlu memperhatikan tampilannya agar lebih menarik pengunjung untuk meng-klik-nya.

Anda dapat dengan mudah mengubahnya menjadi tulisan lain atau gambar (icon) dengan cara sebagai berikut:

1. Masuk ke dashboard > design/rancangan > edit HTML, klik "Expand Widget Templates".

2. Cari kode yang berwarna merah sebagai berikut:

Wujud barisnya biasanya seperti ini, kopi kode yang berwarna merah dan masukkan ke kotak pencarian browser (Ctrl+F).

expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>

(yang terakhir adalah Home/Beranda, biasanya ada dua, jadi cari satu lagi).

3. Perhatikan poin-poin berikut:

a. Jika ingin mengganti dengan tulisan lain:

<data:newerPageTitle/> adalah newer post, hapus dan ganti dengan "Previous" atau kata-kata sejenisnya yang diinginkan.

<data:olderPageTitle/> adalah older post, hapus dan ganti dengan "Next" atau kata-kata sejenisnya yang diinginkan.

<data:homeMsg/>adalah home/beranda (biasanya ada dua, jadi jika ingin mengganti, maka ganti keduanya), biarkan begitu saja atau ganti dengan "Home" atau kata-kata sejenisnya yang diinginkan.

Contoh:

expr:title=’data:newerPageTitle’>Next</a>
expr:title=’data:olderPageTitle’>Previous</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>

b. Jika ingin mengganti dengan gambar (icon):
Masukkan script image source sebagai pengganti dari tulisan: <img src="url gambar icon"/>
contoh:

expr:title=’data:newerPageTitle’><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNMBLQsmcb-RCgxf9wCkUEgKV_F8DclQTsVtIWdZdBDA7IkZmuSCcfpPxWQhAY4VVeqjrNlug2iBr4DrQfvN1olBB8RP6jMA7H0TIg8NJ2Ew2GuBDnl668cZmcO1w_z7p_4e-JRYWe6OJ/s1600/next.png"/></a>
dan seterusnya......

Anda dapat menggunakan gambar berikut, seperti yang dipakai blog ini, namun upload dan host sendiri ya. Klik kanan di atas gambar dan klik "save image as", atau bisa cari di internet. Lalu upload gambar dan ambil direct link-nya, masukkan seperti contoh diatas.

4. Langkah terakhir, preview terlebih dahulu, atau langsung save.

Cara Membuat dan Memasang Tanda Tangan di Blog

2012-01-28T16:52:00.001+07:00

I BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat tampilan tanda tangan tersebut. Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan pula di blog sebagai blog author signature.

Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga tutorial ini akan mengetengahkan langkah-langkah membuat signature dengan online tool tersebut.

1. Masuk ke mylivesignature.com.

2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar, klik "register"

3. Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis sendiri di screen tool, upload gambar yang di-scan, atau menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi pertama), karena cara itu lebih mudah.

4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.

5. Langkah selanjutnya adalah memilih jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah preview. Setelah itu 'klik next'.

6. Pilih warna tanda tangan dan background. Sesuaikan background dengan background halaman blog, atau pilih/centang "transparent".

7. Setelah gambar jadi, anda akan dibawa ke halaman hasil akhir gambar. Di halaman tersebut terdapat gambar tanda tangan/signature dan di bwahnya tertera ID dari tanda tangan tersebut. SImpan ID jika dibutuhkan kembali di kemudian hari. Untuk menyimpan gambar, klik kanan, lalu pilih 'save as' atau 'save image as'

Cara Memasang Tanda Tangan Di Bawah Posting Blog

1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.

2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:

a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:

Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.

Kelemahan dari cara ini adalah susunan struktur pada badan post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih lama

b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:

Melalui Edit HTML, sobat dapat memasukkan script secara lebih leluasa dan juga dapat menambahkan aturan-aturan tertentu agar struktur tampilan lebih sempurna.

- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:

< img border="0" src="urlgambartandatangan.jpg" />

Namun, jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan tulisan atau bergeser.

- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:

<div>< img border='0' src='urlgambartandatangan.jpg' /></div>

Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.

- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:

<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>

- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.

- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.

- Jangan lupa centang "Expand Widget Templates"

- Cari <data:post.body/>

- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.

- Save Template.

Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.

Cara Mengganti "Post a Comment" Blogger Dengan Teks Lain/Gambar

2012-01-28T16:46:00.003+07:00

ke "Post a Comment" atau "Tambahkan Komentar" yang muncul sebelum/di bagian atas kotak komentar mungkin nampak kurang elegan. Pertanyaannya, apakah bisa mengganti teks "Post a Comment / Tambahkan Komentar" seperti yg terlihat di kotak komentar di bawah ini?

Setelah sekian waktu mengeksplor template XML Blogger, saya menemukan bahwa ada banyak tag yang merupakan perintah kepada host (dalam hal ini, Blogger) untuk menampilkan konten, widget, ataupun sekedar teks pada blog Blogger/Blogspot. Hampir semuanya kemudian dapat dipahami indikasinya melalui arti teks tag-tag tersebut dalam bahasa Inggris. Misalnya <data:post.body/>, berarti perintah untuk menampilkan data yang termuat dalam post body atau data di dalam tubuh posting. Tag ini berfungsi memberikan indikasi permintaan browser kepada host untuk menampilkan isi sebuah posting, serta menentukan posisinya.

Beberapa waktu yang lalu saya pernah membuat posting tentang Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon. Konsepnya adalah mengganti tag-tag template XML blogger dengan teks ataupun gambar. Demikian pula dengan teks "Post a Comment" atau "Tambahkan Komentar", sobat tinggal mencari tag yang memberi perintah untuk menampilkan teks tersebut.

Sobat Blogger dapat mengubah teks Post a Comment tersebut menjadi seperti contoh berikut:

Bagaimana Cara Ganti "Post A Comment/Tambahkan Komentar" dengan Teks Lain/Gambar?

1. Masuk ke Edit HTML/Edit Template. (jika perlu, backup/download template)

2. Centang/Klik "Expand Widget Templates" (jangan sampai terlewatkan!)

3. Cari tag berikut:

<data:postCommentMsg/>

(tag tersebut berarti: perintah untuk menampilkan pesan tertentu pada fitur comment. Secara default, dalam bahasa Inggris, pesan itu adalah "Post A Comment", atau dalam bahasa Indonesia, "Tambahkan Komentar")

4. Di template Blogger biasanya ada dua tag yang sama, maka cari keduanya dan ganti semuanya dengan cara berikut:

Jika ingin mengganti dengan teks:

Hapus dan ganti tag tersebut dengan teks yang diinginkan. Misalnya: "Berikan Feedback", "Add Your Feedback", "Kasih Komentar Yaw!", atau apapun, asal jangan "Kasih Duit Dong!".

Jika ingin mengganti dengan gambar/image:

Hapus dan ganti tag tersebut dengan tag gambar/image berikut:

<img border="0" src="http://urlgambar.com/gambarcomment.jpg" />

Ganti http://urlgambar.com/gambarcomment.jpg dengan url (direct link) dimana sobat telah mengupload gambar.

5. Save Template. Done!

Cara Menambahkan Icon / Gambar di Depan Judul Posting Blogger

2012-01-28T16:42:00.001+07:00

Icon/Gambar di depan judul posting blog dapat menambah daya tarik. Icon tersebut juga dapat memberikan kesan tampilan judul posting yang indah dan dapat memberikan perwakilan akan arti penting judul posting tersebut. Di Blogger, kemungkinan untuk menambah dan memodifikasi berbagai macam pernak-pernik sangatlah mungkin. Seperti pernah saya singgung di posting Cara Mengganti "Post a Comment" Blogger Dengan Teks Lain/Gambar, dengan sedikit memahami tag-tag xml template Blogger, kita dapat memodifikasi atau menambahkan tag-tag HTML sesuai dengan selera kita.

Gambar Logo Blogger Indonesia

So, bagaimana cara memasang icon/gambar di depan posting Blogger/Blogspot?

1. Masukke dashboard > Design > Edit HTML/template.

2. Klik/centang "Expand Widget Templates".

3. Cari kode/tag berikut:

<b:if cond='data:post.url'>

4. Kemudian lihat selengkapnya hingga bagian tag-tag berikut:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

Tag-tag diatas adalah yang mengatur bagian judul posting, baik url maupun isi judul (title) posting.

5. Copy kode HTML-gambar di bawah ini:

<img src="URL-GAMBAR/ICON" />

6. Letakkan/sisipkan kode di antara <a expr:href='data:post.url'> dan <data:post.title/>.

Note:

a) Setiap template memiliki aturan CSS posisi dan tampilan gambar di dalam posting yang berbeda-beda; pada umumnya dalam hal border, margin dan padding. Hasilnya, bisa saja gambar tidak sejajar dengan judul. So, saya akan masukkan styling berikut agar gambar memiliki aturan khusus dan tidak menggunakan aturan umum yang dibawa oleh template dan selanjutnya lebih baik copy dan gunakan kode berikut:

<img src="URL-GAMBAR/ICON" style="border:0;padding:0;margin-right:10px" />

Anda dapat mengubah nilai 10 pada margin-right untuk menentukan jarak antara gambar/icon dengan judul posting. Tambahkan pula styling yang lain jika dibutuhkan.

b) Sebelum memasukkan url gambar dan seluruh tag gambar di dalam template, sesuaikan dahulu ukuran gambar dengan judul posting, baik dalam hal pemilihan warna icon maupun tinggi dan lebar icon. Edit gambar terlebih dahulu sebelum diupload. Hal ini ditujukan agar gambar memiliki kesesuaian dengan judul posting dan. Jangan sampai gambar terlalu besar/kecil.

7. Setelah semua beres, masukkan tag HTML gambar seperti cara yang telah ditunjukkan di atas. Contoh:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><img src="URL-GAMBAR/ICON" style="border:0;padding:0;margin-right:10px" /><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

8. Preview terlebih dahulu, jika sudah beres, save template.

Have a nice blogging!