Mengetahui Kode HTML Yang Ada di Elemen Blog

Menyambung dengan artikel Mengedit Tampilan Widget Blogger Berbeda Beda yang sudah di posting beberapa hari yang lalu, kali ini saya akan mencoba menjelaskan poin yang belum jelas yaitu pada edit CSS bagian title widget, yang abu abu antara h2 dan h3. Nah, kali ini kita akan mencoba mengupas sebenarnya apakah abu abu lebih ke hitam atau lebih ke putih.

Mengetahui tag yang terdapat pada title widget sangatlah penting, kenapa?? Tentu saja dengan mengetahuinya, maka kita akan bisa mengkostumisasikannya sesuka hati. Tag benar, CSS benar :D. Cara di bawah ini akan sangat membantu, bukan hanya untuk title widget, juga bisa untuk elemen elemen lain pada blog sobat. Sebelumnya, untuk permulaan silahkan sobat membaca artikel ini.

Untuk menentukan tag yang tepat sebenarnya sangat mudah, sobat hanya memerlukan firebug atau developer ekstension. Cara ini saya khususkan untuk browser Google Chrome. Namun, jika ada yang ingin untuk browser lain, bisa komen di kotak komentar. Lagi mau lihat pasar dulu :D

Disini saya akan contohkan untuk melihat tag pada title widget. Pertama yang harus sobat lakukan, adalah membuka ini. Kemudian tekan CTR: + SHIFT + I. Setelah itu, akan muncul seperti ini.

Kemudian sobat arahkan kursor ke bagian bawah sebelah kiri. Sehingga hasilnya akan seperti ini.

Kemudian arahkan ke title widget hingga muncul seperti ini.

Kemudian lihat di bagian bawah layar, maka akan terlihat kode html kurang lebih seperti ini.

Maka, dengan begitu dapat disimpulkan bahwa title widget blog menggunakan kode H3. Dengan begitu maka konfigurasi CSSnya menjadi seperti ini

.sidebar h3 {
...................
}

Kemudian cari kode ini di CSS sobat, atau buat baru jika tidak ada. Dan konfigurasikan sesuka hati. Dan, selamat tahun baru 2013 besok :D

Read More

Mengedit Tampilan Widget Blogger Berbeda Beda

Mengedit widget sekaligus pada blogspot mungkin bagi sobat masih terbilang mudah, namun bagaimana jika widget yang diedit berbeda satu sama lain. Tentu kedengarannya tidak terlalu mudah, kan? Nah, yang akan kita coba bahas kali ini adalah bagaimana caranya agar tampilan setiap widget bisa berbeda.

Memang ada manfaatnya..??

Pernahkah sobat melihat blog yang bergaya magazine atau yang lebih dikenal di kalangan blogger sebagai blogazine. Sedikit mengupas ampas terlebih dahulu, blogazine adalah gaya blog yang mengedepankan design atau keindahan setiap posting dan tentunya..berkualitas. Setiap posting atau artikel dibuat berbeda. Untuk apa?? itulah konsep blogazine. 

Masih belum ngerti nih..??

Pernahkah sobat membaca majalah..?? Setiap artikel yang ada pada majalah dibuat semenarik mungkin dengan gaya berbeda setiap artikelnya. Begitu juga dengan blogazine, blogger blogazine membuat artikelnya semenarik mungkin dengan gaya berbeda dari setiap artikel. Dengan ini, blog tidak terlihat monoton. Akibatnya, pembaca akan kembali lagi ke blog tersebut untuk melihat artikel kreatif selanjutnya. Pembaca dibuat kagum oleh empunya blog. Saya sendiri juga kagum terhadap beberapa blog bergaya blogazine, seperti salah satu artikel dari smashing magazine, sobat bisa lihat di sini.

Lalu, bagaimana caranya..??

Sebelumnya, sobat harus mengerti terlebih dahulu. Ini penting bagi pemula seperti saya. Setiap elemen harus ( lebih tepat sebaiknya ) mempunyai pengenal. Sama seperti kita di dunia nyata, seperti KTP atau Kartu Pelajar. Dengan pengenal itulah kita bisa mengenali yang mana A dan yang mana B. Sehingga, kita bisa memodifikasi ( dalam dunia nyata, kita misalkan memanggil ) salah satu elemen tanpa harus menganggu elemen yang lain. Kita bisa memodifikasi A tanpa menggangu B. Inilah hal yang sangat penting untuk kita ketahui. Walaupun diatas telah disebutkan bahwa setiap elemen seharusnya mempunyai pengenal, namun tak ditutup kemungkinan ada elemen yang tidak mempunyai pengenal. Istilahnya imigran gelap :D.

Tapi, tenang saja, setiap widget yang ada di blog berbasis blogspot secara otomatis telah terbentuk pengenalnya. Nah, pengenal itu sekarang yang akan kita manfaatkan. Sekarang tugas sobat adalah mengetahui pengenal tersebut. 

1. Pertama, login ke blogger.com, lalu pilih tab template
2. Kemudian, pilih edit html

Disini bagian pentingnya. Sobat harus bisa menemukan pengenal dari widget sobat. Biasanya akan seperti ini:

<b:widget id='Label1' locked='false' title='Kategori Blog' type='Label'/>
<b:widget id='LinkList1' locked='false' title='Link Sobat' type='LinkList'/>

Kalau sobat kesulitan mencarinya, gunakan title widgetnya, misalnya seperti di atas, yaitu Kategori Blog dan Link Sobat. Gunakan CTRL + F untuk pencarian.

Setelah menemukan pengenalnya ( id atau class ) seperti diatas, contohnya Label1 dan LinkList1, maka sekarang kita tinggal mengedit CSSnya. Sebelumnya, catat dulu id yang ingin diubah, misalnya di sini saya simpulkan yaitu widget dengan title Kategori Blog dengan pengenal ( id ) Label1. Catatnya harus sama persis, hurufnya, besar kecilnya.

Kemudian kita harus mengedit CSSnya. Temukan kode ]]></b:skin>

 dengan menggunakan CTRL + F. Setelah itu, tepat di atasnya pastekan kode di bawah ini

#Label1
{
......
}

Sebelumnya, pastikan tulisan id nya sama persis, tidak ada huruf yang kebalik, besar kecil hurufnya harus sama. Gunakan tanda # untuk mengawali id.

Kemudian terserah sobat mau memodifikasi bagaimana.. Contohnya sebagai berikut..

#Label1
{
background : red ; /* ini untuk mengatur warna background (lebih jelas lihat di sini ) */
/* tambahkan kode yang sobat suka */
}
#Label1 h2 /* untuk title widget, h2 atau h3 tergantung dari template sobat, cara melihat bisa disini */
{
margin-left : 10px ; /* mengatur batas antara pinggir widget dengan title widget */
/* tambahkan kode yang sobat suka */
}

TIPS

• Kalau widget tidak dipakai lagi, hapus kode CSSnya.

Yang lainnya bisa dikreasikan sendiri, tidak mungkin menyebutnya satu persatu..:D
Semoga tips kali ini bisa membantu sobat yang lagi gemar gemarnya edit template .. Have a nice day.. :D 

Read More

Apa itu Keyword Density?

Sesuai dengan posting sebelumnya yaitu mengenai keyword density. Keyword Density adalah salah satu hal yang patut diperhatikan oleh para blogger dalam meningkatkan SEO dari blognya. Keyword Density adalah jumlah percent keyword yang ada dalam artikel maupun halaman utama blog. Cara mencari Keyword Density adalah sebagai berikut.

Jumlah pengulangan keyword/total kata di seluruh halaman*100= Keyword Density

Jadi, misalkan sobat menulis sebuah artikel dengan jumlah pengulangan keyword A sebanyak 10 kali sedangkan total kata di halaman tersebut 100 kata, maka keyword density yang ada di halaman tersebut A=10%.

Lalu, bagaimana keyword density yang SEO?

Keyword yang baik adalah keyword yang tidak berlebihan, bukan? Keyword density yang baik adalah tidak lebih dari 5%. Jadi, jika total pada suatu halaman itu 100 kata, maka jumlah pengulangan keyword maksimal adalah 5. Keyword Density berbeda beda setiap search enginenya. Jadi, tidak ada tolak ukur yang pasti untuk maksimalnya keyword density. Ada yang mengatkan 5%, 4% atau bahkan 7%.Perlu diingat bahwa yang dihitung adalah pengulangan keyword termasuk keyword itu sendiri, bukan jumlah keyword.

Dari mana saya bisa tahu?

Sobat bisa memprediksikan kata apa yang paling banyak dimuat dalam artikel sobat dan hitung pengulangannya, kemudian lihat total kata dengan menyalinnya ke Microsoft Word, setelah itu hitung dengan rumus di atas. Ada cara yang lebih mudah jika cara diatas terlalu sulit dan lama.

1. Hal pertama yang harus sobat lakukan mengklik link ini

2. Masukkan url artikel sobat

3. Isi captcha

4. Tekan Submit

Jadi, saat membuat artikel, lihat kata terbanyak yang digunakan, kemudian analisa apakah terlalu banyak atau sedikit. Jika sudah terlalu banyak, tambahkan kata kata pada artikel sobat. Kalau sudah terlanjur dibuat, bisa cek dengan cara di atas. Semoga cara mengecek keyword density di atas dapat membantu sobat.

Read More

Cara Memilih Niche ( Topik ) Blog yang Baik

Sebelum mudik, ada baiknya sobat mengetahui arah dan tujuannya. Begitu juga dengan nge-blog, sebelum memulai blogging, ada baiknya sobat mengetahui dulu kemana arah blog sobat. Arah dan tujuan dalam blog disebut niche atau topik blog. Banyak sekali topik blog yang bisa sobat pilih:tips blogspot;tips seo;dll.

Yang kita bahas kali ini adalah bagaimana memilih niche atau topik website yang sesuai sehingga blog tidak berhenti atau bosan di tengah karir blog. Berikut beberapa faktor pertimbangan agar bisa memilih niche website secara tepat dan baik.

#1 Pilih Sesuai Minat, Bakat, dan Hobby
Salah satu cara paling ampuh dan terbaik yaitu memilih apa yang kita sukai. Niche yang dipilih berdasarkan keadaan pribadi. Misalnya hobby, minat, atau bakat sobat secara personal. Kalau sobat suka bermain futsal, maka niche sobat bisa:trik bermain futsal; taktik futsal dan lain lain. Dengan memilih niche berdasarkan kenyataan dan bakat, sobat tidak akan merasa bosan dan jenuh.

#2 Gunakan Keyword Tool
Satu cara tambahan untuk menentukan niche blog adalah dengan menggunakan tool atau jasa pencarian keyword. Dengan keyword tool, sobat bisa melihat keyword keyword yang sedang trend dan populer. Sobat juga bisa mengetahui keyword keyword yang paling banyak dicari. Beberapa jasa keyword yang bisa sobat pakai bisa dilihat di bawah ini:

• WordTracker
• Google Keyword Tools
• Keyword Discovery

#3 Pilih Niche yang Punya Prospek Tinggi

Syarat terbaik memilih niche adalah yang berprospek cerah tapi dengan kompetisi yang sedikit. Prospek disini yang dimaksud adalah yang banyak dicari di search engine. Tapi menemukan niche dengan syarat diatas, kemungkinannya sangat kecil. Biasanya niche yang mempunyai kompetisi yang tinggi adalah niche yang berprospek tinggi. Prospek berbanding lurus dengan kompetisi.

#4 Pilih Niche non-Musiman

Niche yang dipilih sebaiknya yang bukan musiman. Niche yang dipilih bukan niche yang hanya populer karena kondisi tertentu. 

Niche atau keyword adalah salah satu elemen penting dalam membangun sebuah blog. Membuat blog dan mempopulerkannya membutuhkan proses dan kesabaran. Membangun blog harus disertai dengan perencanaan yang matang.

Semoga artikel memilih niche ini bisa membantu sobat dalam membangun blog.

Read More

1 Kesalahan Fatal Penggunaan Gambar di Posting

Sebagian dari anda mungkin bingung kenapa saya tidak lagi menggunakan gambar sebagai penghias artikel, sebagian dari sobat mungkin juga tidak. 2 posting terakhir saya yaitu Apa yang Menarik Dari Blogging? dan Hal Hal yang Harus Diperhatikan Saat Memilih Nama Domain (+Beralih ke Costum Domain) sama sekali tidak menggunakan gambar. Namun di posting ini, saya "terpaksa" harus menggunakan gambar sebagai salah satu bagian tulisan dari artikel ini. Kenapa?? Gambar di sini saya maksudkan agar bisa mempertegas dan memperjelas tulisan ini sehingga saya harap ia bisa menjadi bukti sahih yang valid.

Saya punya pengalaman pahit sesaat setelah menulis artikel 15+ Situs Penyedia Template Blog Terbaik. Saya mereload homepage dari blog ini dan terkejut melihat lambannya loading. Saya berusaha mencari penyebabnya, mulai dari koneksi internet hingga kesalahan pada blog. Ternyata itu semua berawal dari artikel di atas. Blog ini melakukan request terhadap seluruh gambar, baik sebagai thumbnail hingga gambar yang sejatinya di request saat blog sedang dalam kondisi dibuka pada halaman posting, meskipun ada beberapa gambar yang tidak di tampilkan di homepage, namun blog saya tetap melakukan request. Akibatnya, blog ini menjadi super lambat. Bayangkan, ukuran blog mencapai 12 mb. Padahal sebelumnya hanya sekitar 1 mb. Ini wajar karena ukuran gambar pada 15+ Situs Penyedia Template Blog Terbaik bisa mencapai 800 kb. Berikut Screenshotnya..

Celakanya lagi, blog ini menggunakan recent comment yang mengambil 10 postingan terakhir, ini artinya saya harus menulis 10 posting terbaru tanpa gambar agar loading blog tetap terjaga. Tentunya posting posting selanjutnya akan saya usahakan meminimalisir penggunaan gambar dan tetap memiliki kualitas. Ini saya beritahukan agar sobat tidak mengulangi kesalahan fatal seperti ini. Selalu kompress ukuran gambar agar loading blog tidak lamban. Salah satu sarana favorit saya yaitu imageoptimizer.net, selain itu ada Yahoo smush it dan lain lain. Untuk gambar di atas, mungkin sobat bertanya kenapa hanya perlu waktu kurang dari 2 detik untuk meloading blog dengan ukuran 12 mb??Itu semua karena saya masih memiliki cookie di gambar ini sehingga loading blog bisa cepat. Posting ke depannya akan saya usahakan memiliki size yang kecil, ini juga saya maksudkan agar sobat tetap nyaman di blog ini..


Terima Kasih..

Read More

Apa yang Menarik Dari Blogging?

Blog adalah salah satu fasilitas yang paling populer. Ribuan, bahkan jutaan blog telah eksis di internet. Ribuan blog lahir per harinya. Berbagai platform, Blogger, Wordpress dan "Penampung" ide dan tulisan lainnya yang semakin banyak. Berbagai harga, dari berbayar hingga gratisan. Dari domain TLD hingga Subdomain. Rasanya 100 ribuan per tahun tak masalah asalkan punya "wadah" di dunia maya. Timbul satu pertanyaan, Kenapa??Jutaan orang di dunia ini punya satu "http://" di internet. Bahkan lebih. 1 orang bisa 2, 3 dan seterusnya. Mulai dari personal , toko, bisnis dan kepentingan komersial lainnya. Apa yang membuat sangat menarik perhatian sehingga blog lahir seperti titik hujan yang turun?? Apa untungnya?? Apa enaknya??.

Blog saat ini sudah menjadi konsumsi publik, seolah menjadi 'makanan pokok'. Hampir setiap hari, ribuan posting baru muncul di internet, Search Engine pun berusaha meningkatkan kualitas mereka untuk menampilkan hasil yang relevan untuk mengisi kepuasan hati dari setiap blogger. Disamping itu blog juga punya sisi kelam. SARA, comment spam, copy paste seakan tak pernah hilang. Dengan sedemikian banyak sisi kelam tersebut, blog masih menjadi tujuan kenapa harus ke warnet, beli komputer atau laptop, beli modem kemudian berlangganan paket dari berbagai ISP, hingga pasang Speedy atau penyedia lainnya. 

Rasanya beberapa alasan di bawah adalah jawaban kuat untuk pertanyaan hebat di atas:

Blog = Menulis.

Tak bisa dipungkiri, tujuan utama blog adalah menulis. Hasil pemikiran, kreatifitas, ekspektasi, percobaan, kegagalan semuanya dituangkan melalui sebuah tulisan yang kemudian disebut artikel dan di publish melalui sebuah blog. 'Motif'nya berbeda beda. Blog sebagai diary. Tempat menuliskan semua pengalaman pribadi atau kelompok yang ingin di'beritahukan' ke dunia maya. Tips dan trik. Mulai dari tips trik blog, tips trik seo, internet, mobile, dan masih banyak lagi. Blog sebagai 'wadah'. Mulai dari tugas sekolah, kliping atau makalah hingga tugas kuliah. Dan masih banyak lagi motif motif 'menulis' di blog. 

Semua alasan di atas didasari oleh hasrat dan keinginan untuk menulis. Bahkan buku pun tak cukup. Banyak penulis buku yang kemudian mem'publish' tulisannya ke dalam blog. Memang kreatifitas tak pernah hilang. Mati satu tumbuh seribu. Rasanya peribahasa itu tepat untuk mendeskripsikan bagaimana hasrat seorang penulis, blog maupun buku. 

Setidaknya ada 2 fenomena yang (mungkin) tak pernah hilang dari dunia maya. Kreatifitas dan Copy Paste. Bagaimana Copy Paste membunuh satu kreatifitas, tapi seribu kreatifitas tumbuh di kemudian. Blog adalah Cermin.

Blog = Receh.

Rasanya sebuah toko yang tak punya http:// di internet bukanlah sebuah toko. Mereka berlomba lomba punya satu alamat di internet. Ada 3 tujuan kenapa hal tersebut terjadi, transaksi, uang, dan kredibilitas toko. Di alamat tersebut bertemu jutaan pembeli yang me'review' barang atau jasa yang ditawarkan dari toko tersebut. Inilah strategi marketing di dunia maya. Bagaimana mereka mengkonversi pengunjung menjadi transaksi yang berubah menjadi uang dan kredibilitas yang bisa menambah kepercayaan dari konsumen. 

Di samping cara di atas, masih ada fasilitas lain yang dimanfaatkan di internet, iklan. Lihat betapa berjamurnya iklan iklan di internet. Ada juga yang curang dengan "memaksa" pengunjung iklan, baik dengan script atau sebagai rasa terima kasih pengunjung kepada admin blog. Tujuannya simple, uang. Mulai dari toko, obat obatan dan penjualan barang lainnya berlomba lomba memasang iklan baik di sebuah blog. Blog pun kemudian menyediakan space khusus iklan, di header, sidebar maupun dalam posting. Seolah olah saat iklan datang, You are welcome.  Inilah pemanfaatan dunia online, bukan cuma tulisan dan ilmu, internet adalah tempat bertimbunnya uang. Sisi positif, iya tapi bagi mereka yang mendapatkan hasil iklan. Bagi pembaca, iklan yang terlalu mengganggu bisa menurunkan kepercayaan. Tergantung strategi blogger menyikapi agar uang mengalir seiring pengunjung membaca.

Blog => Berbagi.

Blog adalah sarana yang tepat untuk memenuhi keinginan berbagi seseorang. Akses yang mudah, biaya terjangkau dan mudanya pengoperasian menjadi faktor menarik kenapa blog lahir setiap harinya. Bagaimanapun juga, manusia tetaplah manusia. Manusia punya hasrat untuk saling berbagi dan bersosial. Blog saat ini menjadi "buku" digital seorang blogger, mulai dari pemikiran, obsesi, ekspektasi, dan pengalaman semuanya dibagikan melaui sebuah blog. 

Itulah beberapa alasan mengapa blog seolah menjadi magnet di internet. Bahwa blog bukan sekedar tulisan dan artikel. Mereka punya peran  lebih besar. Saat ini, fenomena blogging sudah menjadi hal wajib. Biarlah fenomena ini terus mengalir, seiring kreatifitas tumbuh. Satu hal yang harus diingat, pembaca lebih memerlukan isi posting daripada jumlah posting.

Read More

Hal Hal yang Harus Diperhatikan Saat Memilih Nama Domain (+Beralih ke Costum Domain)

Domain sudah menjadi hal lumrah bagi seorang blogger. Mereka tak lagi panik saat harus mengeluarkan puluhan ribu rupiah per tahunnya. Semua berlomba agar blog mendapat nilai plus dari domain tersebut. Namun, menurut saya, blog adalah blog, tak peduli dan tak terganggu dengan domain maupun hosting.


Saat ini costum domain sangat beragam, mulai dari .net, .us, .tk hingga yang paling terkenal .com karena sifatnya yang menjual dan banyak digunakan (com = commercial :D). Pemasangan costum domain yang mudah dan cepat serta dianggap "terjangkau" ini pun menjadi faktor pendorong. Banyak blogger yang beralih ke costum domain untuk meningkatkan otoritas blog mereka. Namun, pemasangan costum domain pun bisa menimbulkan dampak untuk blog. Selain itu ada beberapa hal yang harus diperhatikan sebelum menggunakan costum domain. Keduanya saya coba rangkum dengan list di bawah ini:

#1 Pastikan Domain Mengandung Keyword.
Sebelum membuat blog, sobat harus memutuskan keyword blog yang akan dipakai nantinya. Cari keyword yang terjangkau untuk dicapai dan bisa dibilang lagi trend tapi dengan jumlah competitor sedikit mungkin. Setelah memutuskan keyword, sobat lanjut ke pemikiran domain. Domain harus mengandung keyword. Misalnya saya membuat sebuah blog dengan keyword "laptop gaming", jadi nanti di domain saya bisa seperti : www.laptop-gaming.com,www.laptopgaming.com, atau www.laptop-game.com. Di contoh url tadi kita bisa menemukan keyword dari isi blog tersebut. Jangan ulangi seperti saya. Tapi, kalau memang sobat merasa mampu membentuk blog tersebut dengan baik, silahkan saja menggunakan domain yang menurut sobat cocok. Misalnya nama sendiri atau lain lain.

#2 Pilah Pilih Domain.
Saat ini, costum domain sangat beragam, baik yang TLD ( Top Level Domain ) maupun subdomain. Contoh Top Level Domain adalah .com, .net, .biz, .me, .us, .org, .co.id, dan .tv. Selain itu masih ada domain domain gratis yang sobat bisa gunakan seperti .tk, .co.cc dan lain lain. Keberagaman inilah yang harus sobat pikirkan . Cari domain yang nantinya mudah diingat dan dilafalkan. Selain itu, domain domain TLD juga bisa meningkatkan otoritas blog di mata pengunjung karena pengunjung melihat .com lebih "hebat" dibanding yang lain. Kini, terserah sobat saja mau pilih yang mana.

#3 Panjang Domain.
Jumlah karakter dari domai juga harus diperhatikan, jangan sampai terlalu banyak sehingga menyulitkan pembaca untuk menulisnya. Menurut saya, yang paling bagus adalah 1 kata. Jika sobat menggunakan 2 kata,     maka terlihat cukup bagus. 3 kata menurut saya terlalu panjang. Gunakan kata kata domain sesuai dengan kebutuhan. misalnya : www.buatblog.com lebih bagus ketimbang www.caramembuatblog.com.

#4 Persiapkan Mental.
Ini saya peruntukkan bagi blogger yang membuat blog baru dengan isi posting baru dan memulai dari awal. Siap siap saja kehilangan pembaca. Salah satunya adalah penurunan hasil SERP, page index dan berdampak pada trafik blog itu sendiri. Saran saya, sobat sebaiknya memberitahukan blog yang baru melalui blog lama. Bisa di sidebar maupun sebagai headline. Poin ini bagi anda yang membentuk blog baru, bukan mengganti domain. Jika sobat menggunakan costum domain untuk blog blogspot, sebaiknya menggunakan fitur yang telah ada di blogspot. 

Banyak yang harus diketahui dulu sebelum menggunakan costum domain. Sobat sebaiknya mengecek apakah hal tersebut benar benar perlu sehingga tidak ada penyesalan di kemudian hari karena terikat oleh biaya yang haru sdikeluarkan setiap tahunnya. Itulah beberapa poin penting.harus sobat perhatikan. Dan yang terakhir, terus isi blog dengan posting yang berkualitas.


Happy Blogging

Read More

15+ Situs Penyedia Template Blog Terbaik

Kalau sobat lagi cari cari template yang pas buat blog, sobat datang di waktu dan tempat yang tepat. Memang cari template buat blog itu susah susah gampang. Kadang kita sudah ketemu sama template yang pas, tapi page numbernya gak ada. Ini yang jadi masalah, sobat pasti ingin template yang langsung pas dan cocok dengan kemauan sobat. Padahal template itu bisa diedit sesuai dengan kemauan kita. Tinggal bagaimana kita mengeditnya. Selain kemalasan dan keberatan untuk edit template, ada banyak faktor lain seperti kecepatan loading, SEO, letak sidebar, warna, design, jumlah gambar yang digunakan dan lain lain..

Berikut artikel yang sebaiknya sobat baca :

- Tips Memilih Template yang SEO

Untuk sobat yang sedang dalam usaha pencarian template, berikut saya sertakan beberapa situs yang sebaiknya sobat kunjungi..

www.creatingwebsite-maskolis.blogspot.com

www.bloggertemplateplace.com www.blogtemplate4u.com www.btemplates.com www.allblogtools.com  www.blogcrowds.com www.bloggertemplates.bamz.us  www.borneotemplates.com www.coolbthemes.com

www.deluxetemplates.net  www.libertybloggers.com  www.mybloggerthemes.com www.newbloggertemplate.net  www.premiumbtemplates.com  www.probthemes.com www.templatesdoctor.com  www.zoomtemplate.com

Sobat sebaiknya memilih template yang sesuai kebutuhan bukan keinginan sehingga nanti tidak ada hal yang terbuang sia sia. Sobat juga harus pintar memilih author dari template sobat. Pastikan saat sobat menemukan sebuah kendala, saat itu mereka ada. Untuk tampilan dan warna semua bisa diedit, sobat tidak harus mencari template yang sesuai dengan selera warna sobat. Karena kemungkinan template untuk 100% sesuai dengan standar sobat sangatlah kecil. Saat memilih template, lihat juga ke kotak komentarnya. Pastikan tidak ada masalah yang berarti. Disana sobat juga bisa menentukan karakter dari author template.

Itulah beberapa situs download template terbaik menurut saya. Template diatas disortir secara acak dan tidak bergantung pada faktor apapun. Namun karena jumlahnya ganjil, maka saya tempatkan maskolis di atas sendirian. Hal itu juga merupakan apresiasi saya kepada maskolis untuk template yang saya gunakan. 

Read More

5 Free Widget Penarik Jutaan Pengunjung Per Harinya

Pengunjung, pengunjung dan pengunjung. Salah satu masalah terbesar, hampir untuk semua blogger. Pengunjung, kata ini hampir bisa menjawab seluruh pertanyaan seputar dunia blogging.

Q: Untuk apa sobat menulis posting..?
A: Untuk pengunjung.

Q: Untuk apa sobat meningkatkan kualitas SEO blog..?
A: Untuk pengunjung.

Q: Untuk apa sobat menulis posting yang jelas dan detail..?
A: Untuk pengunjung yang lebih banyak lagi...

Semua jawaban di atas adalah pada dasarnya. Pada dasarnya, menulis posting yang detail dan jelas yang disertai dengan peningkatan SEO blog adalah untuk pengunjung. Itu belum termasuk pilihan jawaban optional dan tambahan lainnya seperti uang, popularitas dan lain sebagainya.

Untuk masalah mencari pengunjung sebenarnya gampang gampang susah, setelah usaha tinggal berdoa dan sabar. Bagi blogger pemula seperti saya, 1 pengunjung saja rasanya sudah senang sekali. Apalagi jika ada yang meninggalkan jejak seperti komentar. Tak peduli isi spam, yang penting jejak tadi sudah bisa jadi modal dan motivator agar kedapannya lebih bersaing di Google. Namun di balik cara original di atas, masih ada cara "singkat" yaitu dengan membayar dan sobat dijanjikan ratusan hingga puluhan ribu visitor setiap harinya.

Kali ini saya akan coba mengupas salah satu usaha mencari pengunjung yaitu dengan pengoptimalisasian widget. Lebih tepatnya mencari pageview. Widget merupakan senjata ampuh untuk meningkatkan jumlah pageviews .Selain fungsinya sebagai memperindah tampilan dan memperkaya isi blog, mulai dari navigasi dan lainnya, sobat bisa memanfaatkan fungsi extranya seperti yang sudah dikatakan sebelumnya, Navigasi.

1. Popular Post..
Yang ini rasanya semua blog wajib punya. Popular post salah satu widget bawaan dari blogger. Sobat bisa memasangnya di blog dengan menambah gagdet/widgetnya. Namun, sobat bisa menggunakan jasa pihak ketiga untuk urusan ini. Selain warna yang lebih beragam, mereka juga menggunakan design dan layout yang lebih menarik dan atraktif. Tujuan dan hasilnya sama saja, pengunjung dan pageview(s).

2. Related Article.
Related Article letaknya di bawah postingan. Fungsinya untuk menampilkan posting berdasarkan label atau keyword keyword yang sama. Misalnya, sobat sedang membaca artikel yang berjudul memilih template yang SEO. Maka setelah posting related articlenya bisa berupa mengoptimasi gambar agar lebih SEO, menciptakan blog cepat untuk SEO dan lain sebagainya. Kita bisa lihat bahwa disini ada satu topik dan query yang sama, yaitu SEO. Ini akan menarik pengunjung untuk lebih tau mengenai topik SEO tersebut. Hasilnya, "pengunjung" berlipat ganda karena jumlah pageview lebih banyak. Sobat bisa memakai widget buatan Linkwithin sebagai salah satu produk paling populer dan banyak digunakan.

3. Recent Post.
Recent Post berfungsi menampilkan latest article atau artikel terbaru. Meskipun artikel terbaru sudah tertera di homepage, namun widget bisa menampilkan artikel sebelum posting yang sudah ada di homepage. Misalnya sobat mengatur hanya batas 5 posting di homepage, jadi posting ke 6 dan seterusnya sampai batas yang ditentukan bisa di tampilkan melalui widget ini. Widget ini lebih menarik dan atraktif ketimbang widget yang hanya berupa list list biasa. (baca : cara memasang widget recent post).

4. Random Post.
Random Post merupakan widget yang bisa menampilkan posting atau artikel secara acak. Widget ini sangat berguna untuk men"ekspose" artikel artikel yang masih kurang dalam pageview. (baca : cara memasang widget random post).

5. Recommeded Widget.
Sobat jangan mudah tertipu dengan title widget di atas. Maksudnya, bukan widget yang direkomendasikan melainkan widget recommeded for you. Memang namanya adalah widget recommeded for you. Ada juga yang menyebutnya lain. Cara kerjanya, postingan akan muncul ketika sobat terus scroll ke bawah. Untuk demonya bisa di lihat di bola.net. Widget ini sangat efektif untuk meningkatkan jumlah pageview.

Sudah seharusnya widget lebih dioptimasikan untuk pengembangan SEO sobat. Selain pemasangan dan pengoperasian yang mudah, tutorial dan keberagaman widget juga bisa menjadi alasan. Kini, tinggal bagaimanan widget tersebut dapat berkerja dengan baik dan mendatangkan ribuan pageview perharinya. Sobat bisa mengoptimalkan dengan cara cara di atas. Semoga widget widget diatas bisa membantu sobat untuk mendatangkan pageview(s).

Read More

Cara Memasang Widget Random Post

Widget random post adalah widget yang harus dipasang bagi sobat yang sedang dalam usaha pengembangan SEO. Widget ini dapat menarik pengunjung. Widget ini sangat berguna untuk meng"ekspose" posting posting atau artikel artikel yang kalah tenar dengan yang lain sehingga nantinya terjadi keseimbangan. Untuk cara memasangnya sebenarnya sangat mudah. Sobat hanya harus membuat satu widget HTML/Javascript baru. Tempatkan di tempat yang diinginkan. Kemudian pastekan kode berikut ini ke dalamnya..

<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Setelah paste, save, lihat pratinjau kalau memang sudah pas baru simpan..

Widget random post ini sebaiknya di tempatkan di tempat yang eye catching dan mudah dilihat. 

Semoga berhasil..

Read More

Cara Memasang Widget Recent Post dengan Animasi

Widget recent post sangat penting. Selain sebagai memperkaya tampilan, widget ini juga bisa menjadi senjata ampuh untuk meningkatkan pengunjung. Untuk cara memasangnya ikuti langkah langkah berikut..

1. Login ke blogger.
2. Masuk rancangan.
3. Add Gadget  HTML / Javascript di tempat yang diperlukan.
4. Letakkan kode di bawah ini sebagai isinya..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:0px;
margin-left:-5px;
padding:0px 0px;
height:346px;
}
#spylist ul{
width:355px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:287px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgciV9UaS9SoHNKCOkZQmXyEQvTcXvPAU-RvRKWzl9viOGU-nVnQg9-ZtDUVH1pU-MnBuKkbtHu3b8qX7SBe5AqU0toMSFZIlNsq-qF2FKOb6ladJtuk_NPXpc2kMKtG4X1OsfxR7odj_7F/s1600/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
    <script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 400;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Reply(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://kupas-ampas.blogspot.com/";
limitspy=5
intervalspy=6000
</script>
<div id="spylist">
    <script type='text/javascript'>
//<![CDATA[
 /*
 * Script dikombinasikan dari bloggerstricks.com
 * spy effect dari jqueryfordesigners.com
 * Oleh Abu Farhan (www.abu-farhan.com)
 * Modifikasi oleh buka-rahasia.blogspot.com
 */
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>

Link blog silahkan diganti. Pastikan ada slash ( / ) di akhir.

Keterangan..
intervalspy=6000          -----> kecepatan scroll.
limitspy=5                     -----> jumlah postingan yang tampil dalam satu tampilan sekaligus.
numpost=10                 -----> jumlah postingan terakhir yang akan dicrawl.

Perhatikan CSS di bawah ini..

#spylist ul{
width:355px;

#spylist li {
width:287px;

#spylist ul adalah untuk keseluruhan ( background dari widget )
#spylist li adalah untuk list untuk list title posting. Jadi, usahakan lebar dari property width di #spylist li lebih kecil dari lebar di #spylist ul. Ini digunakan agar title menjadi warp text pada tempat yang sempurna dan tidak melebihi batas lebar background. Akibatnya, title akan hilang sebagian karena tidak tampak.




- Script dikombinasikan dari bloggerstricks.com.
- Spy effect dari jqueryfordesigners.com.
- Oleh Abu Farhan (www.abu-farhan.com).
- Modifikasi oleh buka-rahasia.blogspot.com.

Thanks buat yang udah berkontribusi besar untuk widget recent post ini...

Selamat mencoba

Read More

Cara Memasang Meta Tag ( Trik Tips Lengkapnya)

Meta tag sangat diperlukan dalam sebuah blog. Fungsinya adalah untuk memperkenalkan dan meningformasi seluruh isi blog kepada Search Engine layaknya Google maupun Yahoo. Beberapa fungsi diantaranya merupakan deskripsi blog, keyword keyword yang terkandung dalam blog, copyright blog, ataupun bahasa yang digunakan dalam blog itu sendiri. Sekarang fungsi dan jenis dari meta tag sangat beragam. Selain yang sudah disebut diatas, masih ada wilayah waktu yang digunakan, negara asal blog. Semua informasi ini akan diberikan kepada search engine agar mereka bisa mengoptimalkan hasil pencarian untuk keyword atau query tertentu.

Sebelum memulai meletakkan meta tag, sobat harus tau yang satu ini. Menurut penulisannya, meta tag terbagi 2.

<meta content='Author Name here!' name='Author'/>

<meta name='Author' content='Author Name here!'/>

Keduanya hanya berbeda pada peletakan saja, tapi efeknya sama.

Langsung saja, meta tag berada di dalam <head>. Pada dasarnya, sobat hanya perlu meletakkannya tepat di bawah <head> tapi kalau sudah pernah pasang, letakkan saja di bawah kode ini..

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title>

 Kalau tidak ketemu, langsung saja di bawah <head>. Berikut beberapa meta tag dan fungsinya..

<meta content='tips trik blogger blogspot tutorial blog dunia blog berita software full version addons mozilla chrome opini' name='description'/>
<meta content='tips trik, blogspot, blogger, dunia blog, tutorial dan seo, optimalisasi, addons software' name='keywords'/>

Kalau belum pernah di pasang sebelumnya, letakkan di bawah <title><data:blog.pageTitle/></title>. Hal ini bisa saja terjadi kalau template sobat buatan orang lain yang dishare diinternet. Biasanya memang sudah di pasang untuk kemudahan pengguna dan kepentingan SEO.

Meta tag description dan keyword sangatlah penting. Kalau sobat langsung meletakkan seperti yang diatas. Sobat akan mengalami duplicate meta tag dan google sangat membenci hal tersebut. Description dari posting sobat akan sama dengan description dari blog. Akibatnya, sobat akan mengalami penurunan trafik. Oleh karena itu, kita harus menambah b:if cond agar meta tag ini muncul pada saat kondisi tertentu. Sobat tinggal menempatkan meta tag tersebut diantara b:if cond. Hasilnya akan seperti ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'/>
<meta content='tips trik blogger blogspot tutorial blog dunia blog berita software full version addons mozilla chrome opini' name='description'/>
<meta content='tips trik, blogspot, blogger, dunia blog, tutorial dan seo, optimalisasi, addons software' name='keywords'/>
</b:if>

Sesuai dengan tag b:if cond diatas, maka isi atau content dari meta tag description dan keyword sobat hanya akan aktif untuk link homepage. Maka, nanti description homepage blog sobat akan sesuai dengan meta diatas. Untuk postingnya sendiri, sobat tidak perlu takut. Google akan menampilkan description lain yang sesuai dengan query pencarian. Jadi intinya, description dari posting yang ditampilkan di SERP akan di atur oleh Google.  Description ini berisi beberapa kata yang relevan dengan keyword yang sedang dicari. Untuk kata katanya berdasarkan algoritma google. Sobat hanya harus melakukan "serah terima" dengan Google.

Untuk jenis meta tag lain sebenarnya sangat beragam, beberapa contoh dari mereka antara lain:

<meta name="robots" content="index, follow">

<meta name="revisit-after" content="7 days">

<meta name="abstract" content="deskripsi singkat">

<meta name="author" content="nama admin">

<meta name="copyright" content="2012, nama blog/author">

<meta name="distribution" content="global"> 

<meta name="generator" content="blogger">

<meta name="language" content="id">

<meta name="rating" content="general">

<meta name="expires" content="never"/>

<meta name="geo.country" content="id"/>

<meta name="geo.placename" content="Indonesia"/>

<meta name="spiders" content="ALL"/>

Fungsi dari meta tag di atas antara lain.

1. Robot.

Tag ini bertujuan untuk mengatur search engine dalam meng-crawl blog anda.

2. Revisit after.

Mengatur Search engine kapan harus kembali dan mengindex blog anda.

3. Abstract.

Fungsinya hampir sama dengan description. Lebih Spesifik dan disingkat.

4. Author.

Memberi tahu search engine pengelola dan admin blog.

5. Copyright.

Menginformasikan pemilik hak cipta terhadap seluruh isi blog.

6. Distribution. 

Menjelaskan distribusi isi blog. Seperti pengelompokan pembaca berdasarkan wilayah. Content lainnya..

Local

IU -----------------------> Internal Use.

7. Generator.

Memberi tahu Search Engine platform yang digunakan.

8. Languange. 

Menginformasikan bahasa yang digunakan dalam blog.

9. Rating. 

Memberitahu target pembaca.

10. Expires.

Memberitahu Search Engine tenggang waktu sebuah blog untuk ditampilkan di Search Engine atau tidak ada batasan waktu.

11. Geo.Country.

Menginformasikan kepada search engine negara asal blog.

12. Geo Placename.

Fungsinya sama seperti Geo Country. Hanya lebih spesifik.

13. Spider.

Mengaturspider  bot mana saja yang boleh mengindex blog anda..


Catatan : Untuk kostumisasi, silahkan ganti tulisan berwarna biru.

Itulah beberapa meta tag yang sering digunakan dalam sebuah blog. Kalau memang blog anda sudah ada sebelumnya, tinggal tambahkan saja. Terima kasih telah membaca Cara memasang meta tag ( Tips Trik Lengkapnya ).

Read More

Tips dan Cara Mengganti Background Blog

Background memiliki fungsi penting bagi sebuah blog atau website. Selain kenyamanan pembaca, keindahan dan eye catching blog juga tergantung dari background. Untuk kostumisasinya sendiri sebenarnya sangat fleksibel, sobat bisa memberinya warna, menaruh gambar, hingga dengan efek gradient.

Berikut cara cara mengganti background blog..

Untuk langkah paling awal, langsung ke dashboard blog yang akan di edit => rancangan => edit html. Pada edit html, sobat harus menemukan dulu, selector body di htmlnya. Caranya tekan CTRL + F, kemudian cari body, biasanya terletak di awal. Strukturnya seperti ini..

body {propertycss}

atau bisa juga seperti ini..

body {
propertycss
}

ditulisan berwarna merah itulah terdapat property css, misalnya background, width, dan property lainnya. Karena yang ingin diedit adalah background, maka yang diedit adalah value dari property background. Kalau selector body belum ada, cukup ditambahkan saja.Hasilnya akan seperti ini..

body {background:ini value yang akan di rubah;property lain:value lain;}

atau bisa seperti ini ..

body {
background:ini value yang akan di rubah;
property lain:value lain;
}

Kedua contoh di atas berbeda karena penempatan dan optimasi saja, hasilnya tetap sama.
Sobat tidak perlu mengindahkan property dan value yang berwarna hijau , karena saya anggap dalam selector body terdapat banyak property. Fokus hanya pada property dan value background.

1. Warna.
Untuk merubah background menjadi warna tertentu, sobat hanya perlu memasukkan kode warna sebagai valuenya. Bisa berupa kode hex, rgb maupun color name yang bisa dibaca browser,misalnya:whitesmoke,grey atau silver. Hasilnya seperti ini..

body {
background:whitesmoke;
property lain:value lain;
}

Pada contoh di atas, saya menggunakan whitesmoke. Untuk warna lain bisa dilihat di color generator.

2. Gambar.
Jika ingin menggunakan gambar tertentu sebagai background, sobat harus menghostingnya terlebih dahulu. Setelah itu copy dan pastekan direct link gambar ke property background. Sobat harus menambah url sebelum link gambar. Link harus dibuka dan ditutup dengan tanda kurung "(....)".Hasilnya seperti ini.

body {
background:url (link gambar);
property lain:value lain;}

Silahkan ganti link gambar yang berwarna merah dengan link gambar yang sudah di hosting tadi.

3. Warna + Gambar.
Mungkin sobat bingung kenapa harus kedua duanya. Bukankah itu menghabiskan bandwidth?? Penggunaan warna dan gambar sekaligus dimaksudkan untuk mengantisipasi jika suatu saat gambar gagal loading ataupun link salah. Hal ini sangat berpeluang jika gambar yang sobat gunakan bukan dihosting sendiri atau tempat hosting gambar background sedang down. Jadi, saat gambar tidak muncul, maka warna akan menggantikan. Contohnya seperti ini..

body {
background: #f5f5f5 url (link gambar);
property lain:value lain;}

Warna yang digunakan sebaiknya mengikuti warna dominan dari gambar background agar tidak menghilangkan identitas blog. Silahkan ganti warna merah dengan warna dan link gambar anda sendiri.

4. Gradient.
Saat ini gradient banyak digunakan karena bisa menampilkan banyak warna, secara visual mirip dengan gambar. Padahal itu adalah perpaduan warna yang memerlukan css khusus yaitu gradient. Selain itu, memasang efek gradient sebagai background cenderung lebih cepat ketimbang gambar. Untuk penggunaanya, agak sedikit rumit.

background-image: -webkit-linear-gradient([kode warna] [ukuran pixel], [kode warna] [ukuran pixel]); 

Contohnya seperti ini..

body {
background-image:  -webkit-linear-gradient(#cccccc 80px, #f5f5f5 20px)
property lain:value lain;}

Warna merah bisa diganti dengan selera masing masing..Untuk konfigurasi lebih mudah silahkan ke Gradient Generator.

Semoga cara cara di atas dapat membantu sobat dalam mengedit blog agar tampil lebih baik di mata pengunjung. Penggunaan dan pengkostumisasian gradien maupun css hanyalah sebagai layout. Dont forget the king. No shortcut way to become success.

Read More

5 Hal Yang Wajib Diketahui Saat Mengedit CSS

Bagi sobat yang sedang gila gilanya edit tampilan blog, pasti tau yang namanya CSS, kan?? Memang tampilan visual sebuah blog sangat penting. Selain kenyamanan pembaca dan eye catching, kecepatan loading blog juga sangat ditentukan oleh tampilan blog itu sendiri. Salah satu pertimbangan Google untuk hasil SERP maksimal, selain sitelink dan hasil SEO lainnya adalah Loading Blog. Loading blog yang cepat punya kesempatan lebih besar dan lebih baik dimata Google. 

Kali ini saya akan share 5 hal yang sobat semua wajib ketahui saat mengedit tampilan atau CSS.

1.Letak. Yang ini saya akan mencoba angkat kembali. Pasti sobat udah tau, kan?? Letak CSS biasanya terletak dari <b:skin><![CDATA[ sampai ]]></b:skin>. Pengambarannya kira kira seperti ini..

<b:skin><![CDATA[
..............................................................................................................................................................................................................................................................................................

]]></b:skin>

Dititik titik itulah terdapat CSS, meskipun tidak menutup kemungkinannya terdapat langsung di elemennya. Lihat contoh di bawah..

<img src="http://websiteiniasemua.com/img/aaaaaaa.jpg" alt="belajar css" width="304" height="228" border="10px groove" />

Cara penempatan CSS seperti ini dinamakan inline style. Biasa digunakan untuk menjadi "pembeda" dari lain. Misalnya digunakan pada tulisan, judul atau elemen lain yang ingin dibedakan.

2. Margin and Padding. Banyak designer blogger yang masih salah kaprah tentang beda margin dan padding. Fungsinya sama untuk mengatur jarak atau posisi. Sebenarnya masih ada properti postion yang bisa digunakan. Fungsi Margin dan Padding sangatlah beda. Margin cenderung jarak di luar elemen sedangkan Padding jarak di dalam elemen dengan pusatnya(konten). Bingung??2 elemen ini dipecah oleh border. Berikut deskripsi amatirnya..

3. Property dan Value. Yang ini sobat semua wajib tau. Value yang sangat menentukan tampilan nantinya. Value ini harus sesuai dengan Propertynya. Meskipun property yang bisa value berbeda beda, namun intinya tetap sama. Misalnya, px dan %, em, pt dan lain lain. Saat mengedit CSS, lihat dulu propertynya, misalnya width, maka valuenya bisa dengan px, cm, auto dan juga %. Jadi, ketahui dulu value dari setiap property CSS yang akan digunakan. Sebaiknya bereksperimen dulu menggunakan developer tools dari setiap browser yang sobat pakai. Lihat hasilnya, betulkan valuenya maupun propertynya kemudian baru pasang di html sebenarnya..

4. ID dan Class sebagai CSS selector. ID  dan Class bisa sangat berbeda. Fungsinya bagi CSS sama, untuk menjadi selector atau bagian yang akan diubah oleh CSS yang kemudian diletakkan pada HTML. id bisa disebut dengan Individual, dalam artian bahwa elemen yang akan di rubah adalah tunggal. Lihat Contoh di bawah..

#belajarcss {
text-align: center;
background: whitesmoke;
}

Berdasarkan contoh di atas, maka elemen yang diubah adalah elemen dengan id="belajarcss" atau id='belajarcss' karena ada yang menggunakan petik 1 atau 2.
Catatan =

1. Jangan memulai id dengan angka karena tidak akan bekerja di Firefox / Mozilla Firefox.
2. Saat ingin memasang CSSnya, gunakan '#' sebagai atributnya. Lihat contoh di atas.

Sedangkan untuk attribut class yang dirubah adalah sekumpulan elemen yang tergabung dalam sebuah grup tertentu. Jadi, didalamnya terdapat banyak elemen. Lihat contoh di bawah..

.sidebar {
text-align: center;
background: whitesmoke;
}

Berdasarkan contoh di atas, maka elemen yang diubah adalah semua elemen yang tergabung dalam class="sidebar" atau class='sidebar'.
Catatan = 

1. Jangan memulai class dengan angka karena hanya bisa di Internet Explorer.
2. Saat ingin memasang CSSnya, gunakan '.' sebagai atributnya. Lihat contoh di atas.

5. Hasil. Hasil sangat penting untuk diketahui. Sobat harus lihat hasil atau preview sebelum kode CSS tersebut benar benar dipasang. Baca : Addons untuk edit blog.

CSS hanyalah menjadi pengiring konten dalam membentuk SEO. Cara di atas hanya menjadi Navigator. Selalu siapkan konten fresh, original dan penuh kreatifitas dalam perjalanannya.
Semoga beberapa hal "kecil" bisa membantu sobat dalam mengedit tampilan blog/web.

Have a nice blogging day..

reference : w3schools

Read More

Pengertian dan Cara Mendapatkan Google Sitelinks

Sekarang banyak sekali blogger yang sedang dalam usaha mencari membentuk kredibilitas (kualitas, kapabilitas, atau kekuatan untuk menimbulkan kepercayaan) dan otoritas blog baik dimata pengunjung maupun SE. Salah satu tujuannya adalah Google Sitelinks. Berbagai cara sudah dilakukan, mulai dari costum domain atau baik gratis maupun berbayar hingga lomba update artikel sebanyak banyaknya dalam 1 hari. Kali ini saya akan membahas tentang Google Sitelinks. Meskipun saya masih di perjalan ke sana, saya akan coba bagikan beberapa tips dan trik yang sobat bisa gunakan. Sebelumnya sobat harus tau apa itu Google SiteLinks.

Apa Itu Google Sitelinks??

Sitelink adalah sekumpulan link yang muncul di hasil pencarian Google (SERP) di bawah link atau situs tertentu. Bingung?? Berikut penjelasan lebih mudahnya..

1. Hasil pencarian (situs tertentu)
2. Sitelink.

Jumlah sitelink tergantung dan (bisa) berbeda beda. Ada yang 1, 2, 3 dan seterusnya. Namun jumlah sitelink maksimal 6.

Apa Fungsi Sitelinks??

Fungsi sitelink dibedakan menjadi 2:

Untuk admin blog/web.

Sitelink sangat berguna admin blog atau website tersebut. Sitelink menandakan kredibilitas atau kualitas sebuah blog. Selain itu, Sitelink bisa menjadi alat tambahan trafik blog. 

Untuk Pembaca.

Simak ulasan Google berikut ini.

The links shown below some of Google's search results, called sitelinks, are meant to help users navigate your site. Our systems analyze the link structure of your site to find shortcuts that will save users time and allow them to quickly find the information they're looking for.

Bunyinya kira kira seperti ini..

Sekumpulan link yang berada di bawah hasil pencarian Google, dinamakan Sitelinks, dimaksudkan untuk membantu pengguna dalam menjelajah (navigasi) situs anda. Sistem kami menganalisa struktur link dari situs anda untuk menemukan shortcut(jalan pintas) yang akan menghemat waktu si pengguna (tidak membuang waktu si pengguna) dan menjadikan mereka secara cepat dapat menemukan informasi yang mereka cari.

Jadi, intinya, Google Sitelink ditujukan agar membantu si pengguna dan menghemat waktu mereka.

Ada Lain Yang Harus Saya Ketahui??

Simak ulasan Google di bawah ini.

We only show sitelinks for results when we think they'll be useful to the user. If the structure of your site doesn't allow our algorithms to find good sitelinks, or we don't think that the sitelinks for your site are relevant for the user's query, we won't show them. 

At the moment, sitelinks are automated. We're always working to improve our sitelinks algorithms, and we may incorporate webmaster input in the future.  

Terjemahan amatirnya kira kira seperti ini.

Kami hanya menampilkan sitelink untuk hasil pencarian dimana kami pikir mereka (sitelink) berguna bagi si pencari. Jika struktur dari situs anda tiidak sesuai dari algoritma kami dalam mencari sitelink yang bagus, atau menurut kami sitelink dari situs anda tidak relevan (sesuai) dengan  dengan query si pengguna, kami tidak akan menampilkannya.

Saat ini sitelink adalah otomatis. Kami selalu berusaha untuk meningkatkan algoritma sitelink kami ,  dan mungkin kami akan memasukkan saran (masukan) webmaster kedepannya.

Meskipun artinya dibalik sedikit biar mudah, masih ngerti kan??
Jadi sitelink adalah sekumpulan link yang Google anggap itu berguna untuk si pencari. Satu yang harus sobat tau, Sitelink itu otomatis. Artinya Google akan memberikannya otomatis jika memang menurut mereka pantas.

Bagaimana Cara Mendapatkannya??

Beragam dan bermacam cara bisa sobat coba untuk mendapatkan Google Sitelink.

1. Anchor Text. Anchor Text atau text berlink bisa jadi hal paling mudah yang bisa sobat lakukan. Pastikan link sobat tersebut relevan.

2. Alt Tag dan Duplikasi. Google sangat menyarankan alt tag sobat sangat informatif dan padat. Selain itu, pastikan blog sobat tidak terdapat pengulangan kata. Simak pernyataan mereka berikut ini .

For example, for your site's internal links, make sure you use anchor text and alt text that's informative, compact, and avoids repetition.

3. Konten. Google sitelink tidak harus selalu halaman. Sitelink bisa berupa archive jika memang tidak dinonaktifkan. Selain itu, konten berupa posting bisa juga menjadi sitelink. Biasanya konten konten atau posting yang sering dibaca pengunjung. Oleh sebab itu, sobat sebaiknya menulis konten original. Usahakan juga sobat punya posting andalan. Artinya posting yang bisa berupa fresh, atau posting yang banyak di cari pengunjung. Bisa dicoba dengan penjelasan yang detail.

4. Navigasi. Segala bentuk link yang menjadi navigasi maupun lainnya haruslah jelas dan tertata dengan baik sehingga memudahkan pengunjung dan "memudahkan" Google buat Sitelink untuk blog kita.

5. Meta tag. Meta tag yang relevan semakin meningkatkan kesempatan untuk mendapatkan sitelink. Gunakan keyword yang paling dioptimasi paling pertama pada meta tag keyword. Selain itu meta tag description juga harus relevan.

6. Keyword. Terus optimasi keyword sobat, kebanyakan sitelink adalah keyword dari blog atau website tersebut.

7. SERP. Tingkatkan terus hasil SERP blog sobat, dengan konten original dan fresh ataupun dengan kiat kiat optimasi SERP lainnya.

8. Terus bersabar sampai akhirnya dapat sitelink..

Itulah beberapa cara untuk bisa mendapatkan sitelink.


Your Goal is How much time do you have.

Read More