Blog List: alternatif pengganti Blogroll?

Blogger Draft telah menambahkan daftar fitur baru dengan nama Blog List.
Konsep Blog List sebenarnya mengacu pada Blogroll, yang membuatnya berbeda Blog
List lebih menonjolkan link/title disertai Rss Feed yang berguna dari pada
sekedar menampilkan daftar link blog (Blogroll). Ketika menambahkan URL pada
Blog List, secara otomatis Blogger akan mencoba mendeteksi apakah link
tersebut memiliki Atom atau Rss Feed, jika tidak blogger tetap akan menambahlan
link tersebut dalam daftar.  Kita juga dapat menambahkan sendiri alamat
blog apa saja yang ingin ditampilkan atau dapat mengimpor langsung dari alamat
Google Reader.

Selain itu kita juga bisa menetapkan berapa banyak blog  yang dimasukan
dalam daftar, kemudian melakukan penyortiran serta dapat mengatur sendiri sesuai
urutan. Yang membuatnya lebih istimew BlogList akan menampilkan icon sesuai alamat
link tujuan.

Sesuai konsep yang saya lihat  bisa disimpulkan Blog list ini bertujuan menampilkan alamat
Rss Feed berbeda lalu mengelompokannya kedalam satu list manajemen Feed. (tolong
diralat jika salah)

Contoh tampilan Blog List:

Cara pasang Blog lisl pada blog:

1. Masuk ke
http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Kemudian pada tab Template "Tambahkan sebuah Elemen
Halaman"

4. Pilih Daftar Blog (Baru!)
kemudian masukan daftar link tujuan yang
diinginkan, alamat bisa berupa link blog atau langsung pada alamat link Rss Feed.

5. Jangan lupa disimpan.

 

Selamat mencoba :)

Description: Blog List: alternatif pengganti Blogroll? Rating: 5.0 Reviewer: Unknown ItemReviewed: Blog List: alternatif pengganti Blogroll?

Pasang Meta Tags di Blogger

Meta tags merupakan cara menyampaikan infomasi penting ke search
engine (Mesin Pencari) mengenai informasi suatu halaman, Ada banyak meta tag
sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya
yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan
robots. Mengenai penjelasan meta tags karena sudah terlalu banyak yang menulis
hal ini jadi om pilih aja salah satu situs terbaik yang bisa dipercaya,
informasi yang om ambil berasal dari alamat ini

http://www.promosi-web.com/ (semua penjelasan tidak ada pengeditan
sebagaimana aslinya)

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari
halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan
usahakan agar description ini bisa menjadi

kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh
penulisan meta tag description adalah sebagai berikut :

<meta name="description" content="Promosi-web.com is a
search engine tutorial that explain how to get

top rangking in all major search engine and get high traffic for your web site.
Available in Bahasa

Indonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta
tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah
kalimat-kalimat awal yang ada pada halaman tersebut.

Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag
description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda
berupa sebuah menu, maka deskripsi yang

ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us
...welcome to our online store, the best place on the

web to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa
yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari
meta tag keyword adalah

sebagai berikut :

<meta name="keywords" content="keyword1 keyword2 keyword3
...">

atau ada juga yang menulis dengan pemisah tanda koma :

<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan
pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang
perlu diperhatikan disini adalah jangan

mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh
pemakaian meta tag keyword yang salah adalah :



<meta name="keywords" content="bali, bali hotels, travel
in bali, bali island, bali weather>

Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh
berikut ini tidak akan dianggap spamming oleh search engine :

<meta name="keywords" content="bali hotels travel bali
island bali weather">

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang
tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap
spamming. Misalkan web Anda

memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan
"MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini
merupakan keyword favorit di internet dan

banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang
mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat
berguna sekali terutama jika seuatu

website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan
menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta
tag robots adalah sebagai berikut :

<meta name="robots" content="index | noindex | follow |
nofollow">

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri
semua link yang ada maka tambahkan perintah berikut ini :

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

Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk
mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).

Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun
menelusuri link yang ada pada suatu halaman web.

<meta name="robots" content="noindex nofollow">

Lalu bagaimana memasang Meta Tags di Blogger :

Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk
ke Edit HTML kemudian copy paste  kode dibawah
ini, biasanya kode meta tags diletakan dibawah kode
<title><data:blog.pageTitle/></title>  dan jangan lupa merubah kode warna
merah di bawah sesuai dengan deskripsi blog kamu.

<meta content=' Tulis
deskirpsi disini'  name='description'/>

<meta content='keyword1 keyword2 keyword3 ...'
name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Selama Mencoba, Happy Blogging :)

Description: Pasang Meta Tags di Blogger Rating: 5.0 Reviewer: Unknown ItemReviewed: Pasang Meta Tags di Blogger

Mendelegasikan Blogger OpenID ke URL lain

Berita pada

blogger draft semula tidak memberikan dukungan
OpenID kepada URL Blogger yang
menggunakan blogspot custom domain dan server FTP eksternal,  namun semua
ini tidak jadi kendala karena sekarang kita bisa menggunakan OpenID Delegation
dimana kita dapat mendelegasikan alamat url blogger kita pada domain atau alamat
URL kita yang lain. Jadi bisa dikatakan kita meminjamkan identitas OpenID
blogger agar biasa di gunakan oleh url lain yang kita berikan hak akses.

Sebagai contoh, kita memiliki alamat blog
http://namakamu.blogspot.com sebagai identitas OpenID, kemudian kita juga
memiliki http://www.namakamu.com, lalu
bagaimana kita menggunakan url blogger kita pada
http://www.namakamu.com sebagai identitas
OpenID? caranya cukup tambahkan kode dibawah ini dibawah kode <head> yang
terdapat dalam http://www.namakamu.com.

<link rel="openid.server" href="http://draft.blogger.com/openid-server.g"
/>

<link rel="openid.delegate" href="http://namablog.blogspot.com"
/>

Sekarang kita sudah bisa menggunakan http://www.namakamu.com.
sebagai indentitas OpenID Blogger ke banyak website yang mendukung OpenID
authentication dan selanjutnya setiap kali kita menggunkannya  kita akan
diarahkan ke blogger sign in.

Sebenarnya pendelegasian ini tidak hanya dengan url blogger OpenID, saya
sendiri menggunakan
myopenid.com pada alamat blogger custom domain saya, pendelegasian dibawah
ini saya temukan pada blog

maseko.com silahkan dicoba.

Mendelegasikan  OpenID Myopenid

<link rel="openid.server" href="http://www.myopenid.com/server"
/>

<link rel="openid.delegate" href="http://ooms.myopenid.com/"
/>

<meta http-equiv="X-XRDS-Location" content="http://ooms.myopenid.com/xrds"
/>

Mendelegasikan  OpenID Wordpress

<link rel="openid.server" href="http://ooms.wordpress.com/?openidserver=1"
/>

<link rel="openid.delegate" href="http://ooms.wordpress.com/"
/>

<meta http-equiv="X-XRDS-Location" content="http://ooms.wordpress.com/">

 

Warna merah diatas jangan lupa ganti
dengan alamat kamu sendiri. Selamat mencoba :)

Description: Mendelegasikan Blogger OpenID ke URL lain Rating: 5.0 Reviewer: Unknown ItemReviewed: Mendelegasikan Blogger OpenID ke URL lain

URL Blog sebagai identitas OpenID

OpenID bisa dikatakan
sebagai sistem login terpusat, OpenID bertujuan untuk mempermudah system login
dengan hanya menggunakan satu username untuk login kebanyak situs. Dengan
openID kita tidak perlu melakukan banyak registrasi ke situs berbeda, cukup
satu kali registrasi, kita sudah bisa login ke banyak situs dan tentu saja
situs yang bisa dilakukan login merupakan situs yang support terhadap
OpenID.

Setelah

Google (blogger) mendukung OpenID provider, ini merupakan keuntungan buat
pengguna blogger karena hanya dengan mengaktifkan OpenID pada profile blogger,
kita sudah bisa menggunakan URL blog untuk melakukan otentifikasi ke banyak
situs yang telah mendukung OpenID 1.1.

Cara mengaktifkan URL blogger sebagai identitas OpenID

1. Masuk ke
http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Pada halaman Panel Kontrol masuk pada Edit
Profil kemudian beri tanda centang pada pilihan Aktifkan OpenID
untuk blog.

4. Jangan lupa disimpan

Mulai sekarang Url blog kita sudah bisa digunakan untuk login ke berbagai
situs yang support dengan OpenID login. thanks

Description: URL Blog sebagai identitas OpenID Rating: 5.0 Reviewer: Unknown ItemReviewed: URL Blog sebagai identitas OpenID

Hasil karya dari Dzofar (ndop).

Membuat gambar jadi kartun dengan
software khusus itu dah biasa, namun yang
luar biasa membuat nya secara manual. walaupun ada situs yang menyediakan jasa
untuk keperluan tersebut  tapi harganya masih mahal. Untungnya om punya
teman yang jago mengubah gambar menjadi kartun dengan waktu yang cepat, kalo
tidak salah hanya beberapa kurang lebih 3 jam jadi, udah gitu gratis lagi hehehe memang om suka
yang gratisan.

Dzofar (ndop) merupakan nama panggilan yang punya gawean gambar dibawah. walau hanya
kenal sebatas dunia maya namun om yakin nih orang punya keahlian yang layak di
acungi jempol karena kemampuannya menguasai Corel Draw. Lihat saja
kemampuan olah gambar dibawah dengan goresan tangannya yang terlihat sangat
piawai dan detail yang sangat rapi, sudah barang tentu seorang Dzofar tidak bisa
diremehkan dalam bidangnya. Penasaran pengen kenal Dzofar lebih jauh atau pengen
belajar buat gambar kamu jadi kartun kunjungi aja blognya di
http://ndop.blogspot.com/

Thanks ya sobat dah buatin gambar om jadi kartun dan teruslah berkarya.

Description: Hasil karya dari Dzofar (ndop). Rating: 5.0 Reviewer: Unknown ItemReviewed: Hasil karya dari Dzofar (ndop).

Fasilitas baru "Subscribe To Feeds" dari blogger.

Pada draft blogger  telah disediakan fasilitas baru berupa elemen
halaman untuk  menambahkan widget "subscribe to feeds" dengan style
dropdown. Karena masih dalam modus konsep, fasilitas ini belum ditemukan dalam
element halaman standar blogger, namun kita bisa menjajal versi ujicoba-nya.
Lihat contoh tampilan widget "subscribe to feeds" disamping kanan:

 

Cara pasang pada blog:

1. Masuk ke http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Kemudian pada tab Template "Tambahkan sebuah Elemen Halaman"

4. Pilih Link Berlangganan (Baru!)
Lalu tambahkan ke blog.

5. Selesai, selamat mencoba :)

Description: Fasilitas baru "Subscribe To Feeds" dari blogger. Rating: 5.0 Reviewer: Unknown ItemReviewed: Fasilitas baru "Subscribe To Feeds" dari blogger.

Setting Cname Record pada EveryDNS (Blogger Custom Domain)

Melihat respon pembaca yang begitu antusias mengenai Custom Domain di blogger
membuat saya ingin mengulas lebih lanjut tentang pilihan DNS gratis lainnya,
pada tulisan terdahulu sudah saya jelasin secara rinci mengenai konfigurasi DNS
pada layanan DNSPark.net 

(baca disini) kali ini pilihan DNS gratis jatuh pada layanan
EveryDNS.net, pilihan ini
mengingat banyak rekan yang mengeluh rumitnya proses setting dan pendaftaran
pada DNSPark.

Pada kenyataanya memang konfigurasi pada EveryDNS terlihat lebih mudah
dan tidak berbelit-belit dari pada DNSPark namun tetap saja menurut saya
fitur Everydns tidak selengkap layanan DNSpark. Dibalik kekurangan everyDNS tentu saja ada kelebihan, Yang jelas untuk rekan yang mau
Custom Domain di blogger dengan cepat dan mudah EveryDNS merupakan
pilihan yang tepat.

Custom Domain di blogger tentu saja tidak luput dari bahasan seputar
konfigurasi Cname Record, CNAME (Canonical Name) adalah domain name
alias, yaitu salah satu syntax yang dipergunakan dalam DNS untuk mengarahkan
Domain ke alamat tertentu. Untuk memudahkan setting Cname pada EveryDNS ikuti
saja tutorialnya di bawah ini:

Cara Daftar Domain dan Setting Cname Record:

1. Lakukan pendaftaran terlebih dahulu
http://www.everydns.net

2. Pada kolom Signup, masukan data yang diminta berupa user name,
alamat email dan password.

3. Jika sudah terdaftar kemudian lakukan proses Login.

4. Kemudian tuju ke kolom
Add new domain:
(basic)

5. Masukan alamat
domain kamu (contoh: domainkamu.com) kemudian klik button >> (basic)

6. Jika tidak ada
kesalahan, maka pada kolom
Primary Domains:
akan
tampak nama domain yang telah dibuat.

7. Klik nama
domain yang ingin di konfigurasi.

8. Pada kolom
Add a record:

-
Fully Qualified
Domain Name: -> masukan www

- Record Type:
-> pilih Cname

 -
Record Value: -> masukan ghs.google.com

9. Kemudian klik button Add Record

10. Pada tahapan ini semua proses sudah selesai. Lihat pada kolom Current
Record: jika tampak seperti gambar dibawah maka setting Cname kita sudah
berhasil.

Setting pada Domain Manage:

 

Setelah kita melakukan setting pada DNS sekarang yang
dilakukan yaitu melakukan setting pada Domain Manage,  yang harus diingat
setting pada domain manage biasanya berbeda tergantung layanan domain service
dimana kita melakukan registrasi, namun rata-rata pada domain manage mempunyai
setting untuk mengarahkan nama domain ke server tujuan yang akan digunakan.

Karena saya menjelaskan menggunakan layanan EveryDNS
maka nama server tujuan untuk domain yang akan digukanan adalah sebagai berikut: 

ns1.everydns.net

ns2.everydns.net

ns3.everydns.net

ns4.everydns.net

 

Setting pada Blogger

 

Pilih tab Pengaturan -> Publikasikan -> arahkan pada
"Domain Anda" kemudian masukan nama domain. contoh : www.o-om.com atau
blog.o-om.com

Contoh setting pada blogger:

 

Pada tahapan ini semua proses telah selesai...dan selamat
sudah punya nama domain sendiri :)

 

Informasi :

 

Setelah semua proses diatas kita tidak bisa langsung
mengakses nama domain, waktu yang perlukan mungkin agak lama bisa sampai 1x24
jam bahkan pada beberapa informasi ada yang sampai 48 jam. sering-sering saja
melakukan ping atau melakukan pengecekan berkala dengan mengetikan manual pada
web browser atau bisa mengunakan tools
WinMTR jika diperlukan.

Description: Setting Cname Record pada EveryDNS (Blogger Custom Domain) Rating: 5.0 Reviewer: Unknown ItemReviewed: Setting Cname Record pada EveryDNS (Blogger Custom Domain)

Dropdown Label pada New Blogger

"Gimana cara buat menu dropdown label seperti dropdown archive
pada new blogger?" kutipan dari pertanyaan pada email oom.

Pernah terpikirkan mengganti tampilan nama label dengan style dropdown
label? tentu saja ya :) karena semakin banyak artikel yang kita tulis tentu
semakin banyak pula label atau kategori yang ditambahkan, tidak masalah jika
nama label kita cuma 5 atau 10 nama label, lalu bagaimana jika sampai 20 atau
lebih sedangkan label dalam standar blogger akan tampil tersusun kebawah dan tentu
saja cara standard ini akan  memakan tempat pada halaman blog kita nantinya.

Tidak seperti menu arsip pada blogger yang bisa diset dalam tampilan
dropdown, label dalam blogger tidak memiliki fasilitas ini. Jangan khawatir
karena para pemikir jenius diluar sana sudah memikirkan hal ini (bukan om lho
hihihi :). Sedikit tambahan, sebelum kita menggunakan kode dibawah ini pastikan
bahwa element label sudah terpasang pada blog, jika tidak jangan harap menemukan
kodenya :)

Contoh tampil menu dropdown label:

Ikuti tutorial dibawah ini untuk membuat dropdown label:

 

(sebelum mencoba jangan lupa backup code dengan menekan
link Download Template Lengkap)

Langkah pertama, masuk pada tab template -> Edit Html  -> jangan
lupa beri tanda cek pada Expand Template Widget -> kemudian cari kode
dibawah ini:

Tips : Agar mudah dalam pencarian sebaiknya cari kode
(<data:label.count/>)

   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

Jika sudah ketemu ganti seluruh  kode diatas dengan kode dibawah ini:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Warna merah
<option>Select a label</option>
bisa kita ganti dengan kalimat sendiri.

Selamat mencoba, happy blogging with o-om's blog :)

Description: Dropdown Label pada New Blogger Rating: 5.0 Reviewer: Unknown ItemReviewed: Dropdown Label pada New Blogger