Showing posts with label Web Designing. Show all posts
Showing posts with label Web Designing. Show all posts

Wednesday, April 30, 2008

Cara Menghilangkan Link Subscribe to Posts (Atom)

Link Subscribe to: Posts (Atom) yang default-nya setia bercokol di bawah blog kita, sesungguhnya berguna untuk mengantarkan sang vistor yang hendak berlangganan Atom Feed dari blog kita ke alamat default-nya. Namun, jika kita sudah mendaftarkan feed kita kepada layanan pihak ketiga seperti Feedburner dan memasang chicklet "Subscribe to RSS Feed" khusus, acapkali link ini hanya "memecah konsentrasi" sang visitor saja dan salah-salah bisa mengurangi pelanggan Feedburner kita yang salah jurusan ke alamat feed kita yang default. Untuk itu, jika Anda hendak menghilangkan link ini, caranya cukup mudah.

  1. Masuk ke Layout > Edit HTML
  2. Beri checklist pada "Expand Widget Templates"
  3. Lebih baik Download Full Templates Anda dulu untuk berjaga-jaga
  4. Cari kode berikut:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Hapus saja bagian yang berwarna biru tua, kemudian Save Template...then it's done! Periksa blog Anda untuk menemukan bahwa link yang menuju ke Subscribe to: Posts (Atom) sudah lenyap. Jika Anda ingin memunculkannya lagi, tambahkan saja kembali code biru tua tadi.

Selamat mencoba,


Matthew Long

Click for More!

Say Good Bye to NoFollow!

Jika Anda pernah mendengar NoFollow, itu adalah sebuah fasilitas default yang disediakan Blogger yang "melarang" spiders dari crawler-nya search engine untuk mengindeks link dan text yang berada di comments sebuah blog. Tujuan utamanya adalah agar para spammers tidak mendapat dukungan dari spiders tersebut sehingga link-link URL mereka menjadi tidak berguna di mata search engine seperti Google, Yahoo, dan lain-lain.

Nah, jika Anda ingin membuat blog Anda lebih "bersahabat", Anda dapat menon-aktifkan nofollow ini. Caranya, pergi ke Layout > Edit HTML, dan beri checklist pada "Expand Widgets Template". Cari code HTML seperti di bawah ini:

<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl' rel='nofollow'>

<a expr:href='data:comment.authorUrl'>
<data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>


Nah, yang harus Anda hapus adalah bagian code yang berwarna biru tua di atas. Setelah selesai, Save Template. Kemudian, untuk meyakinkan visitors bahwa blog Anda bebas dari nofollow, silakan memasang logo universal nofollow yang berada pada awal postingan ini, di halaman depan homepage/blog Anda. Berikut ini code-nya

<a href="http://edorado.blogspot.com/2008/04/say-good-bye-to-nofollow.html" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36HAwRj-TFc93psvSkbX11UbTCLh9TerFJ-BBXORl9hmBF2NCuIdx-QnG2PIyJWltJnu2YBv5VRcBCOfYzA_SmCP-XRDaPBZI_2LNc-DeCUS73fuiYHXl51YFYljyPF_gbx3zIR-hbPA/s200/ifollowblue.gif"/>
</a>


Namun saya ingatkan bahwa free-follow seperti ini bisa jadi seperti pedang bermata dua. Di satu sisi, hal ini dapat membuat blog Anda makin bersahabat dan disukai visitor. Di sisi lain, dapat membuat blog Anda menjadi ladang spam. Jadi yang mana pilihan Anda, pilihlah dengan hati-hati...

Inspiration:
http://www.o-om.com/2008/03/menghilangkan-nofollow-comments-blogger.html

TIPS!TIPS FOR YOU!
Anda juga dapat memanfaatkan free-follow untuk meningkatkan rank blog Anda. Beri saja komentar-komentar yang bermutu pada blog yang juga mendukung free-folow, seperti contohnya blog ini.

Selamat mencoba,


Matthew Long

Click for More!

Tuesday, April 29, 2008

Cara Mengedit Tampilan dari Submit Text-Box

Submit Text Box, atau yang nantinya saya singkat saja menjadi text box, adalah sebuah elemen HTML sebuah halaman blog yang biasanya digunakan untuk men-submit (mengirim) data ke pihak ketiga yang menyediakan layanan tertentu untuk blog kita. Biasanya text box ini digunakan untuk form "berlangganan lewat email" Feedburner (atau FeedBlitz) dan juga Google Search. Tampilan default dari sebuah text box adalah sebagai berikut:






Dapat dilihat bahwa tampilan default text-box yang putih bersih tersebut seringkali kurang menarik bagi beberapa manusia tertentu =) Lalu, bagaimana untuk mengubah style text-box submit tersebut agar lebih menarik?


Pertama-tama, kita harus melihat properties dari HTML code untuk text-box tersebut, yakni biasanya seperti ini:

<input maxlength="120" value="" name="EMAIL" size="20" type="text">

Nah, untuk mengubahnya kita bisa menggunakan style. Caranya, adalah dengan menambahkannya pada tag <input> yang bersangkutan. Beberapa properties yang bisa ditambahkan contohnya:

background-color: untuk mengubah warna dasar dari text-box
color: untuk mengubah warna huruf pada text-box
border:untuk mengubah ukuran border (bingkai) text-box
border-color:untuk mengubah warna border

Untuk percobaan, silakan mengubah text box form email-subscription by Feedburner Anda menjadi:

<input maxlength="120" style="background-color:#C3D9FF;border:4;border-color:#0066CC;" value="" name="EMAIL" size="20" type="text"/>

Lalu, tambahkan pada elemen halaman Anda seperti biasa. Jika berhasil, maka text-box Anda akan berwarna ungu muda, ber-border 4 px, dan mempunyai border berwarna biru gelap, seperti ini:





Selamat mencoba,


Matthew Long

Click for More!

Monday, April 28, 2008

Membuat Recent Comments di Blogger

Apa itu Recent Comments? Sesungguhnya, Recent Comments prinsipnya sama saja dengan Recent Posts yang sudah saya bahas di sini, hanya saja Recent Comments gunanya untuk menampilkan komentar terbaru dari blog visitor Anda.

Untuk membuat Recent Comments, ulangi saja langkah 1-3 dari membuat Recent Posts. Kemudian, untuk Feed URL Anda cukup memasukkan:

http://edorado.blogspot.com/feeds/comments/default

("posts" tinggal diganti "comments". Ingat untuk mengganti "eDorado" dengan nama blog/domain Anda sendiri)

Sisanya sama dengan saat Anda memasang Recent Posts. Jangan lupa untuk memberi title yang berbeda dengan Recent Posts, misalnya "Recent Comments."

Selamat Mencoba,


Matthew Long

Click for More!

7 Langkah Mudah Memasang Recent Posts di Blogger

Recent Posts adalah pernak-pernik blog yang biasanya dipasang pemilik blog untuk menunjukkan artikel apa saja yang baru ditulis dan muncul pada blog yang bersangkutan. Sekarang ini memang sudah banyak disediakan Javascript khusus untuk membuat fasilitas Recent Posts. Namun, jika Anda tidak mau repot-repot, Anda bisa menggunakan URL Feed Anda untuk membuat fasilitas ini dengan sangat mudah di platform Blogger. Langkah-langkahnya sebagai berikut:

1)Masuk ke pilihan Layout > Add Page Elements

2)Pilih Add A Page Element, biasanya pada section sidebar Anda

3)Pilih "Feed"

4)Pada Feed URL, masukkan alamat feed Anda. Contoh untuk eDorado:
-http://edorado.blogspot.com/atom.xml

atau

-http://edorado.blogspot.com/feeds/posts/default

atau jika sudah menggunakan Feedburner

-http://feeds.feedburner.com/eDorado

Pastikan untuk mengganti "eDorado" dengan nama blog/domain Anda sendiri

5)Beri judul pada elemen halaman tersebut, misalnya "Recent Posts"

6)Setelah itu, Anda bisa mengatur elemen dari Recent Posts yang akan ditampilkan, seperti jumlah maksimum Recent Posts yang harus dimunculkan pada halaman blog Anda, lalu apakah Anda mau menampilkan juga nama Anda sebagai author dari Post tersebut, dan juga tanggal serta timestamp dari post tersebut.

7)Jika sudah selesai, click pada Save Page Element. Recent Posts sudah terpasang pada blog Anda. Namun, harap diingat bahwa Recent Posts dipengaruhi oleh Feed Anda, dan Anda tahu bahwa Feed bukan merupakan sesuatu yang real-time (setelah diposting kemudian langsung muncul di feed). Jadi jika belum muncul, bersabarlah untuk menunggu.

TIPS!TIPS FOR YOU!
1)Cara ini akan menghasilkan default Recent Posts yang disesuaikan dengan CSS Style dari template blog Anda. Jika Anda ingin membuat yang lebih "indah", Anda harus membuatnya menggunakan Javascript dan CSS.

2)Untuk Recent Posts, sebaiknya Anda tidak usah menampilkan item Post Author karena ujung-ujungnya toh hanya Anda seorang yang merupakan author dari blog Anda, lain halnya jika blog Anda dimiliki 2 orang atau lebih. Sedangkan untuk Recent Comments, baru item tersebut ditampilkan. Untuk mengetahui cara membuat Recent Comments, Anda dapat melihatnya di sini.

Selamat Mencoba,


Matthew Long

Click for More!