Archive for August, 2007
Email vs RSS Feeds
August 28th, 2007
RSS Pros
1. Subscriber Control - you choose what you want to receive
2. Privacy - no need to release private information in order to subscribe (in most cases)
3. Scannable - easy to scan, saving time
4. No Filtering Issues - nothing is lost to spam filters
5. Reach - syndication expands a companies reach
RSS Cons
1. Tracking - RSS is very difficult to reliably track
2. Metrics - accurate reporting is near impossible
3. Adoption - RSS adoption is still limited, not everyone has an RSS reader
Email Pros
1. One on One - designed for personalization
2. Compatibility - everyone can send and receive email
Email Cons
1. Spam - emails are lost in spam filters
2. More Spam - noise to sound ratio overwhelming
Perhaps this over simplifies the comparison but it clearly shows that the two communication methods excel in different areas.
Link Bait Tips for Blog Posts and RSS Feeds
August 27th, 2007
- attack
- humorous
- contrarian (argumentative)
- notable news
- notable resource
- egotistical
Chinese Blog Policy
August 27th, 2007
The government, through the Internet Society of China, recently drafted a pact that was signed by at least 20 major blog service providers in the country, including Yahoo and Microsoft.
The pact stops short [of] the previous project of making it obligatory for bloggers to register, but it can be used to force service providers to censor content and identify bloggers, the group said in a statement. The pact, unveiled Wednesday, signals an imminent new wave of censorship and repression, the group said.
Blogger Update Adds Video
August 26th, 2007
Menu Navigasi dengan CSS
August 20th, 2007
Hallo sobat, bagaimana kabarnya hari ini? mudah-mudahan sehat selalu ya, biar baca ni artikel semangat, ga loyo gitoe.
Ok, biar ga terlalu garing sedikit demi sedikit kita mulai memasuki topik bahasan, yoi kali ini saya mau membahas tentang cara membuat menu navigasi menggunakan CSS. Nah biar lebih paham apa yang akan saya sampaikan coba sobat arahkan mouse sobat ke navigasi berikut ini:
My Other Site
|
|
|
|
Atau juga yang ini :
|
|
|
|
Bagaimana sobat, sudah mendapat gambaran apa yang akan saya sampaikan? pasti jawabnya iya. Dengan adanya menu navigasi seperti di atas, tentunya akan lebih menarik perhatian para pengunjung blog kita di banding dengan hanya menu biasa, dan selain itu pula menu ini lebih memperjelas bahwa tulisan atau tombol tersebut merupakan sebuah tombol navigasi yang bisa di klik oleh para pengunjung.
Sekarang timbul pertanyaan bagaimana cara membuatnya? bagi yang belum tahu dan berminat untuk mengetahuinya silahkan sobat terus membaca sampai akhir artikel. Untuk membuat menu seperti yang terlihat di atas tadi, kita perlu menambahkan beberapa kode tambahan pada blog kita.
Seperti pada contoh tadi di atas, ada dua jenis menu navigasi yang akan saya bahas yakni yang tidak menggunakan Image backround serta yang menggunakan Image backround, silahkan simak langkah-langkah berikut ini :
untuk cara upload gambar sudah saya terangkan pada pembahasa yang lalu , jika sudah lupa silahkan klik
.
Agar ada contoh, umpamanya kita mempunyai alamat tombol sebagai berikut :
http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif
http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif
- Tambahkan kode berikut sesudah kode
<style type="text/css">dan sebelum kode</style>, ya di mana saja asalkan di antara kode tadi. - copy kode di bawah ini, lalu paste di tempat yang sobat inginkan, bisa di sidebar, footer atau dimana saja, kemudian rubahlah dengan link yang sobat punya :
.unyil{
text-align:left;
display:block;
width:180px;
height:20px;
background:#f0f0f0 url() top right no-repeat;
padding:3px 4px 3px 8px;
margin:7px 10px 7px 0;
}
.unyil:hover{
background:#97A4B9 url() top right no-repeat;
text-decoration:none;
}
<a class="unyil" href="http://rubrik-elektronik.blogspot.com">Rubrik Elektronik</a><span class="hide"> | </span>
<a class="unyil" href="contoh-blog.blogspot.com">Blog Menu D'Tree</a><span class="hide"> | </span>
<a class="unyil" href="http://rohman-freeblogtemplate.blogspot.com">Free Blog Templates</a><span class="hide"> | </span>
<a class="unyil" href="http://kolom-authorized.blogspot.com">Authorized Service</a><span class="hide"> | </span>
biar tidak telalu bingung, sedikit saya uraikan :
.unyil --> kata .unyil bisa diganti apa saja yang penting harus sesuai dengan kode berikutnya.
text-align:left; --> kata left artinya tulisan akan berada di sebelah kiri, ini bisa di ganti dengan kata center atau right
display:block; --> kata block artinya di tampilkan di layar monitor.
width:180px; --> angka 180px adalah lebar dari tombol navigasi sebesar 180px, nah ini bisa di rubah sesuai dengan kondisi blog sobat masing-masing.
height:20px; --> angka 20px adalah tinggi dari tombol navigasi sebesar 20px, ini bisa di ganti sesuai dengan keinginan sobat.
background:#f0f0f0 url() top right no-repeat; --> tulisan #f0f0f0 adalah kode warna dari background, ini bisa di rubah sesuai dengan ke sukaan sobat.
padding:3px 4px 3px 8px; --> nilai padding ini adalah untuk mengatus jarak tulisan pada tombol navigasi, bisa di rubah sesuai kebutuhan.coba-coba aja rubah sendiri.
margin:7px 10px 7px 0; --> margin ini untuk jarak antara satu tombol dengan tombol yang lain, bisa di rubah, coba aja.
.unyil:hover{ --> .unyil:hover artinya yaitu ketika mouse berada pada tombol .unyil akan berubah menjadi seperti yang di definisikan pada kode ini.
background:#97A4B9 url() top right no-repeat; --> #97A4B9 adalah kode warna yang dinginkan ketika mouse berada pada tombol .unyil
text-decoration:none; --> text dekorasi jangan di rubah.
kode-kode tadi akan tampil seperti ini :
|
|
|
|
Bagaimana sudah jelas? mudah-mudahan jelas.
Contoh yang kedua adalah yang memakai background image, dalam hal ini saya ambil contoh dengan image milik saya dan mempunyai alamat seperti ini :
http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif
http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif
prinsipnya kode-kode ini sama dengan diatas, yang membedakan adalah penambahan image doang, coba lakukan langkah berikut ini :
Tambahkan kode berikut sesudah kode <style type="text/css"> dan sebelum kode </style>, ya di mana saja asalkan di antara kode tadi.
.cuplis{
text-align:left;
display:block;
width:180px;
height:20px;
background:#f0f0f0 url(http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:7px 10px 7px 0;
}
.cuplis:hover{
background:#97A4B9 url(http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif) top right no-repeat;
text-decoration:none;
}
<a class="cuplis" href="http://rubrik-elektronik.blogspot.com">Rubrik Elektronik</a><span class="hide"> | </span>
<a class="cuplis" href="contoh-blog.blogspot.com">Blog Menu D'Tree</a><span class="hide"> | </span>
<a class="cuplis" href="http://rohman-freeblogtemplate.blogspot.com">Free Blog Templates</a><span class="hide"> | </span>
<a class="cuplis" href="http://kolom-authorized.blogspot.com">Authorized Service</a><span class="hide"> | </span>
Hasilny akan seperti ini :
|
|
|
|
Yang membedakan hanya pemasangan URL image saja, yang lainnya sama persis. Kata cuplis adalah untuk membedakan dengan perintah menu navigasi unyil, jadi kalau dua efek ini mau besamaan ada dalam satu blog, ya harus berbeda.
Untuk melihat contoh nyata dari aplikasi kode di atas silahkan klik atau !
Mudah-mudahan jelas, soalnya saya pun agak bingung mencari kata-kata yang pas untuk menerangkan ini.
Selamat mencoba !
Daftar Mybloglog
August 20th, 2007
Bagi para sobat yang baru membuat blog, pada kesempatan kali ini saya mau menambahkan perbendaharaan blog tools nya, yakni pasang MyBloglog.
Apa itu Mybloglog ?
Bingung kalau harus mendifinisikan apa itu mybloglog
biar kita tidak sama-sama bingung, silahkan alihkan perhatian sobat ke bagian sidebar sebelah kanan layar monitor, di bawah tulisan Tamu terdapat photo yang ganteng-ganteng serta cantik-cantik.
Nah itu bukanlah photo saya ataupun my family, tapi itu merupakan tamu yang pernah berkunjung ke blog ini dan beliau-beliau inipun sama-sama anggota dari mybloglog, atau barangkali photo sobat sudah terpampang disana? selamat kalau iya, karena sobat
akan mulai jadi orang terkenal. Ko bisa? Ya iiyya...lah, karena tercatat tak kurang dari lima puluh pengunjung setiap harinya yang mampir kemari dan selalu melihat photo sobat, keren kan! makanya sering-sering main kemari biar cepat terkenal..he..he..(wuyyy...udah dong ngelanturnya
).
Bagaimana sobat sudah dapat gambaran? saya yakin sudah. Atau belum? kalau belum bolehlah saya yang mendefinisikan, tapi tentunya dengan versi saya sendiri. Mybloglog adalah suatu situs yang menyediakan layanan untuk melacak (tracking) para pengunjung blog/website dimana apabila pengunjung tersebut merupakan anggota situs mybloglog maka dapat secara otomatis terdeteksi dan di cantumkan dalam menu Recent Reader nya (pembaca terbaru).
Apa manfaat bergabung di mybloglog?
Ada beberapa manfaat kita bergabung dengan mybloglog yaitu :
Dengan adanya photo kita terpampang di blog orang lain, maka ada kemungkinan banyak yang akan berkunjung ke blog milik kita, sekurang-kurangnya dari pemilik blog itu sendiri.
Di mybloglog ada fasilitas tracking untuk memberi peringkat terhadap link-link yang kita pasang, link mana yang banyak di klik pengunjung, maka peringkat link itu semakin baik.
Tak bisa di pungkiri dengan adanya otomatisasi photo kita terpampang tanpa harus menuliskan pesan seperti halnya buku tamu, ini tentunya akan lebih memungkinkan saling kunjung mengunjungi antar pemilik blog.
Dan tentu saja masih ada manfaat-manfaat yang lainnya yang bisa di dapat, akan tetapi untuk menghemat pembahasan hanya itu saja dulu. Nah sekarang bagaimana cara bergabung dengan mybloglog, silahkan ikuti langkah-langkah berikut ini :
- Silahkan klik untuk menuju
- Isi form yang telah di sediakan di bawah tulisan Sign Up Now
- Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Amen24
- Email --> Isi dengan email sobat ( yang valid)
- Passwor --> Isi dengan password yang di inginkan. Contoh : ranggalawe
- Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://rubrik-elektronik.blogspot.com
- Klik Tombol Register
- Terlihat beberapa form yang harus diisi lagi
- Blog/Site Title --> Isi dengan judul blog sobat
- Blog platporm --> pilih blogspot.com
- Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai
- Klik tombol yang bertuliskan Complete Registration
- Klik tulisan Go to Your page
- Klik tombol yang bertuliskan Edit profile yang berada di sebelah kanan atas
- Isi semua data diri sobat (tidak saya sebutkan satu2 karena terlalu banyak)
- Jika sudah selesai di isi semua, klik tombol bertuliskan Update my profile
- Klik tulisam MY HOME untuk kembali ke home
- Klik tombol yang bertuliskan Get Widget
- Klik kotak di samping tulisan c_color_heading_bg kemudian pilih warna yg di sukai pada panel warna untuk
merubah warna background heading - Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk
merubah warna tulisan heading - Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah
warna backround link - Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link
- Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom
- Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160
- Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No juga boleh
- Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size, pilih half-Size juga boleh
- Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah)
- Disamping tulisan Title, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja
- Di bagian bawah, ada tulisan Stat Tracking Script, copy kode script yang di berikan lalu paste pada program notepad, silahkan save terlebih dahulu
- Kembali ke bagian atas
- Klik tombol bertuliskan Preview and Get Code
- Copy seluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code, lalu paste ke dalam notepad
- Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account sobat
- Silahkan close window situs tersebut.
Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita, karena kode ini merupakan Java Script, maka cara memasukan kodenya sama dengan memasukan kode HTML, dan ini sudah saya bahas pada postingan terdahulu. Jika sudah lupa silahkan baca lagi . Selesai.
Untuk melihat contoh nyata dari apa-apa yang saya terangkan tadi, silahkan klik
Selamat menikmati photo-photo ganteng dan cantik dari tamu blog sobat.
User Online Status
August 20th, 2007
Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.
Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.
Ok, biar ga bosan baca intermezo yang terlalu panjang dan garing, langsung saja pada topik bahasan utama.Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari ,
untuk langkah-langkahnya silahkan ikuti langkah berikut :
- Klik untuk menuju
- Klik tulisan Register yang berada di bawah gambar Geo counter Flash
- Tulis alamat email sobat pada kotak kosong di samping tulisan Email
- Tulis address blog milik sobat disamping tulisan URL. Contoh : http://rubrik-elektronik.blogspot.com
- Tulis kata untuk login di samping tulisan Login (4/12). Contoh : amen24
- Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy
- Pilih waktu yang sesuai dengan daerah sobat disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)
- Pilih kategori yang sesuai dengan blog sobat di samping tulisan Category. Contoh : Internet
- Pilih bahasa yang sesuai dengan blog sobat di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada,
belum di akui bo) - Pilih judul blog sobat disamping tulisan Title. Contoh : Rubrik Elektronik
- Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to
service the equipment of electronic - Klik tombol yang berlogo disket
- Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad
- Silahkan close window browser sobat
- langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat, nah untuk langkah ini sudah saya bahas, silahkan klik untuk membacanya
- Selesai
Agar sobat bisa menentukan pilihan mana yang harus di pilih apakah GEOGLOBE, GEOCOUNTER, atau GEOMAP ? Silahkan klik untuk melihat secara nyata gambar dari ketiga pilihan tadi, tunggu beberapa saat,loadingnya lumayan sedikit lama. Kenapa tidak saya cantumkan di sini,alasannya yaitu agar halaman blog ini tidak terlalu berat untuk di akses makanya sengaja saya pisahkan.
Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :
Selamat menikmati tool baru...
Membuat Menu D’Tree
August 20th, 2007
Rupanya sobat Cipto Adhi tertarik dengan menu navigasi yang ada di blog nya , yaitu sebuah navigasi seperti yang tampak pada gambar disamping. Mas cipto Adhi mengajukan sebuah komentar pada kotak komentar di salah satu postingan terdahulu tentang komentar beliau begini : bisa kasih tau kode HTML buat kotak Navigasi kayak punya bloger www.anangku.blogspot.com gw minta kesini karena dah minta ke dia...pelit bgt...g dibls2...makasih nih... ?
Waduh mas cipto ini, ya kata-kata pelitnya kalo bisa jangan di sertain tho, kan saya jadi ga enak sama mas anang, gitu lho. ya wis lah, ga apa-apa. sekarang kita kembali ke (laptop) topik bahasan. Menu navigasi seperti yang tampak pada gambar di atas, itu dinamakan menu d'Tree, kenapa di namakan d'Tree (Tree=pohon)? sebab menu ini mirip dengan pohon yakni mempunyai batang, cabang serta dahan-dahan. Untuk membuat sebuah menu d'Tree tak cukup hanya dengan memakai kode HTML, akan tetapi harus memakai kode javascript. Walaupun begitu tentu saja akan saya terangkan biar para sobat yang sama-sama tertarik menjadi ikut mengerti.
Tapi khusus buat mas cipto, di sini saya tidak akan memberikan contoh persis seperti yang di punyai mas anang,soalnya kalau sama persis, ntar saya di sangka ngejiplak lagi. Oke, yang akan saya berikan adalah sebuah contoh sederhana saja yakni menu d'tree dengan hanya satu cabang saja, karena apa? sebab kalau telalu panjang, saya agak prustasi menuliskan kode kodenya yang ngejelimet.
Untuk membuat menu d'tree, silahkan copy kode berikut lalu paste pada template blog milik sobat :
<!-- awal menu dtree -->
<div style="text-align:left;padding-left:10px">
<link rel="StyleSheet"href="http://www.geocities.com/once179/sitemap/dtree.css" type="text/css" />
<script type="text/javascript"src="http://www.geocities.com/once179/sitemap/dtree.js">
</script>
<div class="dtree" style="background-color: rgb(FF, FF, FF);
padding-top: 10px; width: 185px;">
<a href="javascript: d.openAll();"
class="siteMapLink"><b> Buka semua</b></a> <a href="javascript: d.closeAll();"
class="siteMapLink"><b>Tutup semua </b></a><br>
<br/>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com','','','', '');
//menu
d.add(10, 0,'My Other Blog', '','','','http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif', 'http://i162.photobucket.com/albums/t253/rohman24/otherblog.gif');
d.add(11, 10,'Rubrik Elektronik', 'http://Rubrik-Elektronik.blogspot.com','','','', '');
d.add(12, 10,'Free Blog Template', 'http://rohman-FreeblogTemplate.blogspot.com/','','','', '');
d.add(13, 10,'Authorize Service', 'http://kolom-authorize.blogspot.com/','','','', '');
d.add(20, 0,'Blog Tutorial', '','','','http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif',
'http://i162.photobucket.com/albums/t253/rohman24/Blogtutor.gif');
d.add(21, 20,'Cara membuat blog','http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html','','','', '');
d.add(22, 20,'Membuat Text Area', 'http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html','','','', '');
d.add(40, 0,'Free Download', '','','','http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif', 'http://i162.photobucket.com/albums/t253/rohman24/Untitled-2_03.gif');
d.add(41, 40,'Klik di sini','http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html','','','', '');
d.add(50, 0,'Link Exchange', '','','','http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif', 'http://i162.photobucket.com/albums/t253/rohman24/link-ex_03.gif');
d.add(51, 50,'Free 7','http://free-7.blogspot.com/','','','', '');
d.add(52, 50,'Seven','http://pancaroba.blogspot.com','','','', '');
d.add(80, 0,'Links Sponsor', '','','','', '');
d.add(81, 80,'Resep Bisnis', 'http://www.resepnisnis.com/?id=rohman','','','', '');
d.add(82, 80,'Obral Plus','http://www.obralplus.com/?id=rohman','','','', '');
d.add(110, 0,'Kontak saya','mailto:amn_tea@yahoo.co.id','','','', '');
document.write(d);
//-->
</script>
</div>
</div>
<!-- Akhir menu d'tree -->
Jika masih kurang jelas karena hurufnya terlalu kecil, silahkan klik , saya sudah membuatnya di google pages.
Sedikit penjelasan biar tidak terlalu membingungkan. Alamat-alamat URL di atas adalah
sebagai contoh saja, jika nanti di masukan ke blog sobat maka harus di ganti dengan
alamat URL yang sobat inginkan. Untuk gambar icon, itu juga hanya contoh saja, jadi bisa diganti sesuai dengan keinginan kita.
Trus bagimana cara memasukannya kedalam blog? Untuk memasukan kode java script sama saja seperti memasukan kode HTML, dan itu sudah saya terangkan. jika masih bingung silahkan baca postingan terdahulu atau langsung klik . Saya yakin dengan melihat dan memperhatikan kode diatas, para sobat bisa membuat menu d'tree yang lebih bagus lagi.
Untuk melihat hasil nyata dari kode di atas, silahkan klik . Kenapa tidak di pasang di blog ini? karena untuk sementara waktu saya masih belum tertarik dengan menu tersebut.
Terakhir, jika masih ada pertanyaan, silahkan di ajukan pada kotak komentar.
Tapi jangan lupa daftar google adsense pada banner di blog ini ya biar bikin tutorialnya lebih semangat (huuuuhhhhhh iklan
)
Salam buat para sobat semuanya.




