Wordpress Admin

Cara mengimplementasikannya?
Masukkan kode berikut, tentunya dengan pengubahan:

<script type="text/javascript">
   1:  
   2: function pipeCallback(obj) {
   3: document.write("<ol>");
   4: var i;
   5: for (i = 0; i < obj.count ; i++)
   6: {
   7: var href = "'" + obj.value.items[i].link + "'";
   8: var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
   9: document.write(item);
  10: }
  11: document.write("</ol>");
  12: }
</script>
   1:  
   2: <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=c92ac21897d8b56e61cfa85930dd89a1&filter=nickname&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>

Pada kode di atas, di baris ke-13 atau baris ke-2 di paling bawah, terdapat kata-kata:

url=http%3A%2F%2Fnamablog.blogspot.com

Silakan Anda mengganti namablog dengan alamat blog Anda.

Bagaimana membuat agar fitur baru ini menarik perhatian pengunjung?


Anda bisa membuat award, misalnya membuat "Komentar Award" atau semacamnya, dengan menggunakan fasilitas Komentator Teraktif sebagai media penghitungan. Dan "Komentar Award" ini bisa menjadi penarik perhatian pengunjung.

Bagaimana? Anda tertarik?

Apa keunggulannya dengan program lain?
Sebelumnya saya pernah menggunakan ScribeFire untuk memposting tulisan. Namun, setelah saya mengenal Windows Live Writer, saya merasa saya sedang jatuh cinta kepada program ini. Kenapa dan mengapa?

1.  Tampilan yang menarik dan menawan hati. Anda sudah terbiasa dengan Microsoft Word? Aplikasi ini memiliki tampilan yang sangat mirip dengan Microsoft Word.
   
2. Fasilitas pengeditan yang sangat hebat. Mulai dari fitur manipulasi tabel, hingga menambahkan hotspot image bisa dilakukan di program ini. Maka, untuk sekadar menambah hyperlink bisa dilakukan dengan sangat mudah.
   
3. Manipulasi gambar yang sangat hebat. Anda bisa menambahkan foto yang berefek kertas photo, menambahkan bayangan, dan sebagainya.

Namun ada satu kekurangan dari Windows Live Writer. Saat diinstalasi, ia harus tersambung dengan internet untuk mendownload file tambahan. Dan repotnya, ia membutuhkan file update terbaru dari Microsoft. Ternyata Mas Eko sudah menanganinya dengan menyertakan link download file yang sudah diinstalasi. Jadi, tinggal jalankan file WindowsLiveWriter.exe, dan tanpa instalasi Anda tinggal menyelesaikan pengaturan blog Anda, dan siap mengetik tulisan.

Download Windows Live Writer [hacked by MasEko.com] here
Download Microsoft .NET Framework 2.0 here

Pahami dulu bagaimana cara memasukkan fungsi ini ke dalam blog.
Bagi pengguna Blogger, Anda bisa masuk ke bagian Tata Letak, dan di bagian yang diinginkan, klik "Tambahkan Gadget". Lalu pilih bagian HTML/JavaScript, dan masukkan kode di bagian ke dua.

Bagi pengguna Wordpress dan sebangsanya, seperti Blogdetik, dan Dagdigdug, Anda bisa masuk ke bagian Tampilan/Theme, lalu pilih bagian Widget, dan masukkan widget Teks. Selanjutnya, edit teks itu, dan masukkan kode di bagian ke dua di bawah ini.

Kode untuk menampilkan fungsi:
Gunakanlah tag HTML berikut ini:

<a href="ymsgr:sendIM?Masukkan ID YM Anda di sini">
<img border=0 src="http://opi.yahoo.com/online?u=Masukkan ID YM Anda di sini&amp;m=g&amp;t=angka tampilan yang diinginkan"/></a>

Angka tampilan adalah angka dari gambar-gambar berikut. Jadi, bila Anda menginginkan tampilan di gambar nomor 5, Anda tinggal mengganti t=5, dan yang lain.

Pilihan gambar yang tersedia:
Sampai saat ini sudah ada 17 variasi gambar.

<marquee>Teks Anda di sini</marquee>

Sesimpel itu, dan hanya itu. Maka yang akan tampil di blog Anda seperti di bawah ini:

Teks Anda di sini

Tentu Anda bisa mengatur lebih dari sekadar bergerak dari kanan ke kiri. Seperti misalnya, memberi warna latar belakang, mengatur kecepatan gerakan teks, mengatur arah gerakan teks, mengatur lebar dari blok marquee, dan sebagainya. Tentunya Anda harus menggunakan atribut tambahan di bagian <marquee>.

Merekalah para Laskar Pelangi itu Merekalah para atribut-atribut marquee...:

bgcolor="nama-warna-yang-diinginkan-dalam-bahasa-Inggris" digunakan untuk memberikan latar warna pada marquee yang diinginkan.
direction="left/right/top/down" digunakan untuk mengatur arah tulisan pada marquee yang diinginkan.
behavior="scroll/slide/alternate" mengatur cara bergeraknya: apakah itu bergerak berputar, bergerak sekali lalu berhenti, ataukah bergerak ke kiri, dan memantul ke kanan, dan seterusnya.
title="pesan-anda-di-sini" digunakan untuk menampilkan pesan saat mouse berada di atas teks marquee.
loop="angka/-1/infinite" digunakan untuk mengatur jumlah pengulangan.
width="angka" digunakan untuk mengatur lebar dari blok marquee. Bisa dalam satuan piksel, atau dalam satuan persen.
height="angka" digunakan untuk mengatur tinggi dari blok marquee. Bisa dalam satuan piksel, atau dalam satuan persen.

Cara menggunakan atribut-atribut tersebut:
Tambahkan atribut tersebut ke dalam tag <marquee>. Contohnya: <marquee bgcolor="blue">Teks saya di sini!</marquee>

Anda ingin melihat contohnya?
<marquee bgcolor="pink">Saya senang sekali bermain marquee!</marquee>

Saya senang sekali bermain marquee!

<marquee direction="down" bgcolor="pink" behavior="alternate" height="100px" title="Contoh title">Ini contoh penggunaan atribut Direction dan BGColor, serta Behavior dan Title.</marquee>

Ini contoh penggunaan atribut Direction dan BGColor, serta Behavior.

Untuk yang lain, Anda bisa coba sendiri kan? Pasti bisa dong ;-) Anda kan blogger hebat (udah jangan banyak ngigau!)

Oleh karena itu, manfaatkan layanan desain tampilan gratis!
Saat ini banyak situs penyedia template tampilan blog yang bisa didapat secara gratis. Anda tinggal meng-copy dan mem-paste bahasa HTML tersebut di setting tampilan blog Anda.

Misalnya Anda menggunakan Blogdrive, Anda bisa mengarahkan browser ke http://design.blogdrive.com. Layanan yang berslogan <3 Everything Blogdrive ini menyediakan ratusan template untuk Blogdrive. Untuk Blogger, Anda bisa memanfaatkan layanan Google untuk mencari template yang Anda inginkan. Untuk Wordpress, Anda bisa mengunjungi Themes Wordpress di http://wordpress.org/extend/themes.

Kalau Anda punya uang, tidak ada salahnya Anda menyewa seorang ahli desain untuk membuatkan desain unik dan khusus untuk blog Anda. Bahkan, Anda bisa membuat template sendiri dengan memodifikasi template yang sudah ada. Tentu diperlukan keterampilan HTML untuk melakukan hal ini.

Tambah elegan dengan penunjuk waktu, tambah komunikatif dengan kotak seruan, dan tambah fungsional dengan statistik.
Fasilitas tambahan yang bisa membuat unik blog Anda adalah menambahkannya dengan penunjuk waktu atau jam. Situs penyedia layanan penunjuk waktu dalam bentuk jam ini antara lain http://www.clocklink.com.

Jangan lupakan kotak seruan, atau lazim dikenal sebagai shoutbox. Ini berfungi untuk menjaga komunikasi Anda dengan pengunjung blog Anda yang meninggalkan pesan.

Dan yang tak kalah pentingnya, Anda bisa menambahkan statistik pengunjung. Selain untuk melihat statistik pengunjung blog Anda, beberapa situs penyedia layanan seperti http://www.histats.com menyediakan tampilan menarik untuk menyuguhkan informasi pengunjung kepada para pengunjung blog Anda.

Sumber: Hand Book for Blogger, oleh Michael Firewall, dengan beberapa tambahan dan pengubahan.

1. Log-in ke layanan Blogger, baik itu Blogger-in-Draft atau Blogger normal.
2. Masuk ke menu Tata Letak, dan klik Edit HTML.
3. Beri tanda centang pada "Expand Template Widget".
4. Masukkan kode-kode berikut sebelum kode ]]></b:skin>:
   .comment-body-author {
   background: #E6E6E6; /* Warna Background */
   border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
   margin:0;
   padding:0 0 0 20px;
   }
5. Kemudian cari kode berikut. Mungkin tidak akan sama persis, tapi usahakan semirip mungkin. Kemudian masukkan kode yang berwarna merah.
   <dl id='comments-block'>
   <b:loop values='data:post.comments' var='comment'>
   <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
   <a expr:name='"comment-" + data:comment.id'/>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   said...
   </dt>
   
   <b:if cond='data:comment.author == data:post.author'>
   <dd class='comment-body-author'>
   <p><data:comment.body/></p>
   </dd>
   <b:else/>
   
   <dd class='comment-body'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p><data:comment.body/></p>
   </b:if>
   </dd>
   
   </b:if>
   
   <dd class='comment-footer'>
   <span class='comment-timestamp'>
   <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
   <data:comment.timestamp/>
   </a>
   <b:include data='comment' name='commentDeleteIcon'/>
   </span>
   </dd>
   </b:loop>
   </dl>
6. Sudah? Klik Simpan Template.