Jumat, 26 Agustus 2011

Cara Berhenti Like Halaman Facebook

C
ara untuk berhenti menyukai atau me-like suatu Halaman atau Page di Facebook sangat mudah, semudah saat baru menyukai halaman tersebut. Bila ingin menghentikan "Like" melalui www.facebook.com, silakan sign in dan menuju ke halaman yang ingin dihentikan "like"-nya dan klik tautan Tidak Suka atau Unlike yang berada di sidebar sebelah kiri bagian bawah. Bila berhasil maka akan muncul kembali tombol Suka atau Like di halaman tersebut.


Jika melalui m.facebook.com dari hape, setelah masuk ke akun Facebook Anda, silakan pergi ke halaman yang dimaksud, kemudian klik link Tidak Suka yang terletak di bagian bawah halaman. Setelah itu akan muncul lagi tombol Suka atau Like di halaman tersebut. Anda dapat kembali menyukai halaman tersebut sewaktu-waktu Anda mau.

Kamis, 25 Agustus 2011

Cara Membuat 3 Kolom di Bawah Header pada Blogger

B
erikut ini langkah-langkah dalam membuat 3 (tiga) kolom atau elemen di bawah Header di Blogger. Selamat menyimak.. Semoga berhasil..

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.


4. Cari kode ]]></b:skin>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

6. Copy kode di bawah ini dan paste di atas kode tersebut.

#box-main-container {
clear:both;
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

7. Cari kode <div id='main-wrapper'> atau bila tidak ada, silakan cari <div class='main-outer'>.

8. Copy kode di bawah ini dan paste di atas salah satu kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

9. Klik tombol SIMPAN TEMPLATE.

Selasa, 23 Agustus 2011

Cara Memasang Image Live Traffic Feedjit di WordPress

F
eedjit merupakan suatu widget yang dapat memantau perkembangan arus lalu lintas pengunjung di blog kita secara real time. Widget ini dapat menginformasikan kepada kita dari kota, provinsi, negara mana para pengunjung blog kita berasal dan kapan waktu terakhir mereka mengunjungi blog kita. Selain itu, di widget ini juga dilengkapi dengan bendera dari pengunjung yang bersangkutan. Bila ingin mengetahui lebih lengkap lagi tentang apa yang terjadi di blog saat itu, kita dapat mengeklik gambar dari widget Feedjit ini. Kemudian kita akan masuk ke halaman Feedjit Live - Updating in real-time.

Nah, berikut ini langkah-langkah dalam memasang widget Feedjit di WordPress.

1. Silakan kunjungi halaman http://feedjit.com/joinimg/

2. Silakan kustomisasi widget sesuai keinginan Anda. Silakan atur warna teks, warna judul, warna latar belakang, dan warna garis tepi menurut selera Anda. Selain itu, atur pula lebar widget sesuai lebar sidebar blog Anda dan berapa maksimal entri yang Anda inginkan. Pratinjaunya bisa Anda lihat di sebelah kiri.


3. Selanjutnya klik area teks, lalu copy kode HTML tersebut.



4. Kemudian masuk ke halaman wp-admin akun WordPress Anda.

5. Klik Tampilan > Widget.

6. Seret widget Teks yang ada di kolom "Widget yang Tersedia" ke sebuah bilah sisi di kanan untuk mengaktifkannya.

7. Berikan judul sesuai keinginan Anda.

8. Lalu paste kode HTML tadi di kotak di bawah kolom judul.

9. Klik tombol Simpan.

10. Lihat blog WordPress Anda.

Senin, 22 Agustus 2011

Cara Memberi Warna pada Huruf Komentar Admin

P
ada beberapa waktu yang lalu saya telah menulis cara membuat warna kotak komentar admin berbeda dengan kotak komentar pengunjung. Nah, pada kesempatan kali ini saya akan membahas hal yang kurang lebih sama. Namun, di sini kita hanya akan memberi warna pada huruf atau font komentar admin. Dengan demikian, secara kasat mata kita dapat membedakan dengan mudah mana komentar admin dan mana komentar dari pengunjung.

Cara untuk memberi warna pada komentar admin ini tidak jauh berbeda dengan cara membuat kotak komentar admin berbeda dengan pengunjung lainnya. Kita hanya perlu mengubah kode CSS-nya saja agar huruf pada komentar admin atau pemilik blog berwarna sesuai keinginan kita. Berikut ini langkah-langkah untuk mengerjakannya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Gunakan Ctrl + F untuk memudahkan pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut.

.comment-body-author {
color:#FF0000;
}
  • #FF0000 merupakan kode warna untuk warna merah, silakan diganti dengan kode lainnya sesuai dengan warna keinginan Anda.
7. Cari kode seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>  
          </dt>

          <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>

          <dd class='comment-footer'>

8. Tambahkan kode:
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
di bawah kode:
<data:commentPostedByMsg/>  
          </dt>
dan kode </b:if> di bawah kode:
<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>
sehingga hasilnya menjadi seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>  
          </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'>

9. Klik tombol SIMPAN TEMPLATE.

Kamis, 18 Agustus 2011

Cara Membuat Widget LinkWithin Muncul Hanya di Halaman Posting

B
ila kita memasang widget LinkWithin pada blog, maka widget ini selain muncul di halaman posting, juga akan tampil di beranda atau home page di bawah posting. Widget yang muncul di beranda ini akan membuat waktu loading home page blog menjadi lebih lama. Nah, agar loading home page menjadi lebih ringan, kita buat saja widget LinkWithin ini tampil atau muncul hanya di halaman posting. Bagaimana caranya? Silakan simak langkah-langkah untuk hide widget LinkWithin di home page berikut ini. Namun sebelumnya, pastikan Anda telah memasang widget LinkWithin pada blog Anda.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-backup template. Hal ini dilakukan untuk berjaga-jaga kalau nanti ada kesalahan dalam pengeditan, kita dapat dengan mudah mengembalikan template ke seperti sebelumnya.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode seperti di bawah ini. Gunakan Ctrl + F, kemudian masukkan kata kunci LinkWithin sebagai kata kunci utamanya.

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>

6. Tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'> dan </b:if> sebelum </b:includable> sehingga hasilnya menjadi seperti di bawah ini.

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>
</b:widget>

7. Klik tombol SIMPAN TEMPLATE.

8. Selesai.

Rabu, 17 Agustus 2011

Cara Membuat Widget Follower atau Pengikut dengan Scroll

M
emberi scroll pada widget di sidebar merupakan salah satu solusi untuk menghemat tempat pada blog. Begitu juga dengan widget Follower atau Pengikut, bila dirasa terlalu panjang maka kita dapat memberikan scroll pada widget tersebut. Caranya sama seperti kita memberi scroll pada widget arsip dan label atau widget-widget lain yang didapat dari pihak Blogger sendiri.


Nah, berikut ini langkah-langkah dalam memberi scroll pada widget Pengikut atau Follower di Blogger. Silakan disimak..

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-back up template.

4. Cari kode ]]></b:skin> (Gunakan tombol Ctrl + F untuk memudahkan pencarian)

5. Biasanya kode id untuk widget Pengikut atau Follower seperti di bawah ini.

<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>

Maka untuk memberi scroll pada widget Pengikut silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#Followers1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}
  • 100px merupakan tinggi scroll, silakan diatur tingginya jangan sampai melebihi tinggi widget Follower aslinya agar terbentuk penggulung atau scroll.
7. Klik tombol SIMPAN TEMPLATE.

Tampilan Baru Halaman Hasil Pencarian Google

P
ada pertengahan bulan Agustus ini, saya menemukan sesuatu yang baru di halaman hasil pencarian Google (www.google.co.id). Bila saya memasukkan kata kunci atau keyword klik munadi, maka di bawah tautan atau link halaman beranda atau home page blog Klik Munadi (klikmunadi.blogspot.com) muncul tautan-tautan posting blog tersebut yang disajikan dalam dua kolom seperti yang terlihat pada screenshot di bawah ini.


Pada screenshot tampak posting-posting yang ditampilkan Google jauh lebih banyak dibanding waktu sebelumnya. Selain itu, Google juga mempunyai tampilan navbar baru yaitu navbar yang dibalut warna hitam seperti yang terlihat pada screenshot di bawah ini.


Bagaimana dengan blog Anda? Cobalah cek di Google. Apakah mengalami hal yang sama?

Selasa, 16 Agustus 2011

Cara Membuat Link Text Menjadi Huruf Miring Saat Disorot Mouse

S
atu hal yang dapat kita lakukan untuk membuat link text di blog menjadi tampak menarik dan terlihat berbeda. Apa itu? Kali kita akan membuat link text pada blog menjadi huruf miring saat disorot dengan mouse. Bagaimana cara melakukannya? Caranya dapat disimak pada penjelasan di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat back-up template. Hal ini berguna kalau kita ingin mengembalikan template seperti semula jika ada kesalahan dalam pengeditan.

4. Cari kode yang mirip dengan kode di bawah ini yaitu kode yang mengandung a:hover.

a:hover {
color:#5588AA;
text-decoration:underline;
}

5. Tambahkan kode font-style:italic; sehingga hasilnya menjadi seperti di bawah ini.
a:hover {
color:#5588AA;
text-decoration:underline;
font-style:italic;
}

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai dan lihat link text yang ada di blog Anda.

Cara Membuat Link Saat Berkomentar di Blogger

T
erkadang saat berkomentar kita perlu menyisipkan sebuah link atau tautan. Kita dapat membuat link pada saat berkomentar karena saat menulis di kotak komentar ibarat kita sedang membuat posting pada posisi Edit HTML. Jadi, bila kita ingin membuat link saat berkomentar, tinggal ditambahkan saja tag pembuat link saat menulis di kotak komentar. Tag sederhana untuk membuat link adalah seperti ini:

<a href="URL target">teks yang diberi link</a>

Contoh:

Untuk membuat link, silakan cek  <a href="http://klikmunadi.blogspot.com/2011/02/cara-membuat-link-di-blogger.html">di sini</a> gan..

Maka setelah komentar diterbitkan, hasilnya akan seperti di bawah ini.

Untuk membuat link, silakan cek di sini gan..

Selain itu, kita juga dapat membuat komentar menjadi efek huruf tebal dengan menambahkan tag <b> dan </b>. Misalnya, <b>ini adalah huruf tebal</b> maka hasilnya menjadi ini adalah huruf tebal. Kita juga dapat menggunakan tag-tag yang lainnya.

Senin, 15 Agustus 2011

Cara Membuat Lencana Facebook Terbuka di Tab Baru

B
ila kita memasang Lencana Facebook di blog Blogger, maka bila diklik Lencana atau Badge tersebut akan terbuka di tab yang sama. Hal ini akan membuat pengunjung kehilangan halaman blog kita karena tergantikan oleh halaman hasil pengeklikan Lencana tersebut. Agar pengunjung tidak kehilangan halaman blog kita, buat saja Lencana tersebut jika diklik akan terbuka di tab baru.

Bagaimana caranya? Caranya cukup mudah yaitu dengan menambahkan kode Lencana Facebook tersebut dengan kode target="_blank" persis seperti kita membuat link terbuka di tab baru. Kode sebuah Lencana Facebook atau Badge kurang lebih seperti di bawah ini.

<!-- Facebook Badge START --><a href="http://www.facebook.com/people/Klik-Munadi/100002086096239" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Klik Munadi">Klik Munadi</a><br/><a href="http://www.facebook.com/people/Klik-Munadi/100002086096239" target="_TOP" title="Klik Munadi"><img src="http://badge.facebook.com/badge/100002086096239.1187.982418615.png" style="border: 0px;" /></a><br/><a href="http://www.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">Create Your Badge</a><!-- Facebook Badge END -->

Anda ganti saja semua kode target="_TOP" yang ada di kode Lencana dengan kode target="_blank" agar bila diklik link-linknya akan terbuka di tab baru.

Cara Memasang Meta Tag Otomatis di Blogger

M
emasang meta tag pada blog merupakan salah satu cara agar blog lebih mudah diindeks oleh mesin pencari seperti Google. Penyampaian informasi penting ke mesin pencari atau search engine mengenai halaman suatu blog dilakukan dengan cara memasang meta tag ini pada blog. Pada kesempatan kali ini saya akan membagikan cara memasang meta tag deskripsi dan keyword setiap posting secara otomatis. Maksudnya, setiap posting kita akan memiliki meta deskripsi yang berbeda antara posting yang satu dengan posting yang lainnya tanpa perlu menambahkan meta tag pada setiap posting secara manual. Hal ini dilakukan agar kita tidak mengalami duplikasi meta deskripsi.

Berikut ini cara memasang meta tag tersebut bagi yang belum pernah memasang meta tag sebelumnya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk berjaga-jaga jika nanti ada kesalahan dalam pengeditan kita sudah mempunyai backup-nya sehingga mudah untuk mengembalikan template seperti semula.

4. Cari kode <title><data:blog.pageTitle/></title>. Gunakan Ctrl + F untuk memudahkan pencarian.

5. Hapus kode tersebut dan ganti dengan kode di bawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Isi dengan deskripsi blog Anda' name='DESCRIPTION'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3, kata kunci dst' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> : <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/></b:if>
  • Ganti tulisan yang berwarna merah dengan deskripsi dan kata kunci yang berhubungan dengan blog Anda.
6. Klik tombol SIMPAN TEMPLATE.

Jumat, 12 Agustus 2011

Cara Memposting Artikel di Blogger

U
ntuk memposting suatu artikel di Blogger, setelah Anda login di Blogger, pada halaman Dasbor silakan klik tombol ENTRI BARU. Masukkan judul artikel Anda di kolom Judul. Silakan ketikkan artikel Anda pada kolom yang disediakan. Pada posisi Compose, Anda akan menemui sebaris menu berupa ikon-ikon dengan kegunaannya masing-masing. Tool-tool ini dapat membuat tampilan artikel Anda tampak rapi dan menarik Bila Anda telah terbiasa menggunakan Microsoft Word, tentu tidak sulit dalam menggunakan tool-tool tersebut karena sebagian besar dari tool-tool itu biasa ditemui pada MS Word.

Berikut ini tool-tool yang ada pada posisi Compose.

No.IkonNamaFungsi
1.

UndoUntuk kembali ke keadaan sebelumnya.
2.

RedoUntuk mengembalikan keadaan setelah tombol Undo diklik.
3.

FontUntuk memilih jenis huruf.
4.

Font sizeUntuk mengatur ukuran huruf.
5.

BoldUntuk menebalkan tulisan.
6.

ItalicUntuk membuat huruf miring.
7.

UnderlineUntuk memberi garis bawah pada tulisan.
8.

StrikethroughUntuk membuat garis tengah pada teks.
9.

Text colorUntuk memberi warna pada tulisan.
10.

Text background colorUntuk memberi warna belakang tulisan.
11.

Add or remove linkUntuk menambahkan atau menghilangkan link.
12.

Insert imageUntuk memasukkan gambar pada postingan.
13.
Insert a videoUntuk memasukkan sebuah video.
14.

Insert jump breakUntuk menyisipkan jump break.
15.

AlignmentUntuk mengatur perataan teks.
16.

Numbered listUntuk membuat daftar bernomor.
17.

Bullet listUntuk membuat daftar dengan tanda.
18.

QuoteUntuk membuat quote.
19.

Remove formattingUntuk menghapus format pada suatu teks.
20.

Check spellingUntuk memeriksa ejaan.

Bila naskah selesai diketik, silakan isikan Label untuk artikel Anda. Sebelum menerbitkan artikel, Anda dapat mengatur hal-hal mengenai artikel Anda tersebut melalui link Post Options. Silakan klik tombol TERBITKAN ENTRI untuk menerbitkan atau klik tombol PRATINJAU bila ingin melihat preview-nya terlebih dahulu.

Selasa, 09 Agustus 2011

I Love You Sayang

P
agi hari di kala aku tertidur karena tak kuat menahan rasa kantuk yang sangat, aku terbangun karena mendengar dering SMS berbunyi dari ponselku. Tidak seperti biasanya aku mendapat SMS di pagi hari. Paling kalau ada SMS diterima saat siang atau sore hari. Itu pun SMS dari provider kartu telepon ponsel tersebut yang menginformasikan akan memberikan bonus jika aku mengisi ulang hari ini. Memang sudah sebulanan ini kartuku berada dalam masa tenggang.

Kembali ke topik tulisan ini. Karena penasaran dengan siapa yang mengirim SMS, maka aku pun segera membukanya. Ternyata begitu dilihat, SMS itu berasal dari nomor yang tidak aku kenal. Setelah aku baca isinya, sepertinya aku sudah sering menerima SMS semacam ini beberapa waktu yang lalu. Namun kali ini, aku menemukan sesuatu yang baru di SMS tersebut.

SMS yang dikirim dari nomor 08991764XXX berbunyi sebagai berikut:
Blikan aku plsa 20 rb syg di nmr ini,081355362XXX nnt aq tlpn km,ilove you
Isi SMS di atas memang meminta untuk dibelikan pulsa. Tetapi, tokoh pengirimnya bukan merupakan seorang yang mengaku-ngaku sebagai bapak atau ibu kita seperti yang sudah-sudah, melainkan dari pasangan atau kekasih kita. SMS penipuan seperti ini memang sudah sering beredar di masyarakat. Kita harus pintar-pintar menyikapinya agar tidak ikut terjebak menjadi salah satu korban berikutnya.

Minggu, 07 Agustus 2011

Jadwal Imsakiyah Ramadhan 1432 H - 2011

Hai orang-orang yang beriman, diwajibkan atas kamu berpuasa sebagaimana diwajibkan atas orang-orang sebelum kamu agar kamu bertaqwa. Al-Baqarah 183

Berikut ini Jadwal Imsakiyah Ramadhan 1432 H - 2011 untuk kota-kota di Indonesia yang dipersembahkan oleh PKPU. Untuk melihat jadwal imsakiyah di kota Anda, silakan pilih kota Anda pada menu drop down yang tersedia. Selamat menunaikan ibadah puasa.




Cara Memasang Gadget Pengikut dengan Script di Blogger

B
iasanya kita bila ingin menambahkan widget pengikut di Blogger menggunakan cara Masuk > Rancangan > Elemen Laman > Tambah Gadget > Pengikut. Namun, karena adanya suatu masalah, widget tersebut bisa saja tidak muncul di blog kita. Nah, ada cara lain untuk memasang widget pengikut ini di blog kita yaitu dengan menggunakan script. Dengan script ini kita dapat mengatur tampilan widget Pengikut atau Follower sesuai dengan selera kita. Bagaimana cara mendapatkan script widget atau gadget Pengikut ini? Silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Setelah berada di halaman Dasbor, silakan klik menu Akunku.

3. Pada Produk Saya, klik Google Jalinan Teman (Google Friend Connect).

4. Klik menu Gadget.


5. Klik Members atau Dapatkan gadget ini.


6. Silakan tentukan lebar widget sesuai lebar sidebar blog Anda dan atur banyaknya baris foto yang ingin ditampilkan.


7. Silakan pilih serangkaian warna untuk gadget Pengikut Anda dan jenis font.


8. Klik tombol Buat kode untuk mendapatkan kode HTML.


9. Copy kode HTML yang tersedia.


10. Silakan menuju halaman Dasbor blog Anda kembali

11. Klik Rancangan > Elemen Laman > Tambah Gadget.

12. Pilih HTML/JavaScript.

13. Berikan judul sesuai keinginan Anda.

14. Paste kode HTML yang tadi di-copy di kolom Konten.

15. Klik tombol SIMPAN.

16. Pindahkan elemen ke tempat yang Anda inginkan.

17. Klik tombol SIMPAN.

18. Selesai.

Sabtu, 06 Agustus 2011

Cara Pasang Kotak Penelusuran di Blogger

K
otak pencarian merupakan suatu elemen yang dapat memudahkan pengunjung untuk mencari artikel-artikel yang ada di blog tersebut. Dengan memasukkan kata kunci atau keyword lalu mengeklik tombol "Cari" atau menekan tombol "Enter" pada keyboard maka akan muncul link-link artikel yang berhubungan dengan kata kunci tersebut. Bila pada template Blogger Anda tidak tersedia kotak pencarian, Anda dapat menambahkannya sendiri karena fitur ini sudah disediakan oleh Blogger.

Nah, bila Anda ingin menambahkan kotak penelusuran yang didukung oleh Google ini pada blog, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan >> Elemen Laman >> Tambah Gadget.

3. Pilih Kotak Penelusuran.

4. Silakan konfigurasikan widget sesuai keinginan Anda, seperti Judul, Tab yang ingin ditampilkan, lalu klik tombol SIMPAN.


5. Pindahkan elemen ke tempat yang Anda inginkan.

6. Klik tombol SIMPAN.

7. Selesai.

Selasa, 02 Agustus 2011

Cara Memasang Alexa Traffic Rank Button di WordPress

Bisakah kita memasang Alexa Traffic Rank Button di blog WordPress? Jawabannya bisa. Namun, cara memasangnya tidak seperti saat kita memasang di blog Blogger/Blogspot. Kita memerlukan suatu trik khusus untuk memasang widget Alexa tersebut di WordPress. Nah, di bawah ini adalah langkah-langkah pemasangan Alexa Traffic Rank Button di WordPress.

1. Silakan kunjungi laman http://www.alexa.com/siteowners/widgets

2. Masukkan URL blog WordPress Anda. Contoh: klikmunadi.wordpress.com, kemudian klik tombol Build Widget pada bagian Alexa Traffic Rank Button.

3. Tentukan button yang Anda ingin pasang pada blog, kemudian block atau highlight button tersebut dengan mouse sehingga tertutupi oleh warna biru.


4. Kemudian klik kanan pada button tersebut lalu pilih Lihat Kode Sumber Teks yang Dipilih dan copy semua kode yang muncul pada jendela Sumber DOM yang Dipilih. (Saya menggunakan browser Firefox 5.0). Kodenya akan nampak seperti di bawah ini.

<a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://klikmunadi.wordpress.com"><img alt="Alexa Certified Site Stats for klikmunadi.wordpress.com" src="http://xsltcache.alexa.com/site_stats/gif/t/b/a2xpa211bmFkaS53b3JkcHJlc3MuY29t/s.gif" border="0"></a>

6. Log in ke akun WordPress Anda dan pergi ke Dashboard.

7. Pilih tab Tampilan kemudian klik Widget.

8. Seret widget Teks yang ada di kolom "Widget yang Tersedia" ke sebuah bilah sisi di kanan untuk mengaktifkannya.

9. Berikan judul sesuai keinginan Anda.

10. Lalu paste kode tersebut di kotak di bawah kolom judul.

11. Klik tombol Simpan.

12. Lihat blog WordPress Anda.

Senin, 01 Agustus 2011

Cara Memasang Tombol Google +1 di WordPress

Tombol Google +1 ("Tombol +1") ini memungkinkan orang-orang yang menyukai konten Anda untuk merekomendasikannya di Google penelusuran. Berikut ini langkah-langkah memasang tombol Google +1 atau tombol plus satu di WordPress.

1. Login ke WordPress dan pergi ke Dashboard.

2. Klik Pengaturan >> Sharing.

3. Di bagian Share Button, klik dan seret tombol Google +1 yang ada di "Available Services" ke tempat yang disediakan pada "Enable Services". Lihat pratinjaunya di "Live Preview".


4. Anda juga dapat mengatur mengenai button-button tersebut, seperti:
  • Default button style: untuk mengatur tampilan standar button.
  • Sharing label: untuk mengatur judul sharing.
  • Open links in: untuk mengatur link terbuka di mana saat diklik.
  • Show sharing buttons on: untuk mengatur penempatan button.
5. Bila telah selesai mengaturnya, silakan klik tombol Simpan Perubahan.

Mendapatkan Page View Dobel dengan Buku Tamu

Page view dobel ini didapat dari para pengunjung blog yang sangat ingin mengisi buku tamu atau shoutbox. Selain memberikan pesan-pesan, para pengunjung biasanya meninggalkan link mereka dengan harapan akan mendapat kunjungan balik. Lalu, bagaimana caranya agar mendapatkan page view ganda dari pengunjung yang suka blogwalking seperti ini?

Sering kita menemui buku tamu dari Shoutmix atau Cbox yang dipasang pada bagian sidebar suatu blog. Bila kita melakukan hal yang sama dan kita kedatangan pengunjung yang berasal dari link yang kita tinggalkan di buku tamu blog orang lain, kemudian pengunjung tersebut hanya ingin mengisi buku tamu, maka kita akan mendapatkan satu page view saja karena buku tamu ditaruh di sidebar sehingga pengunjung tersebut bisa langsung mengisi buku tamu.

Lain halnya jika kita meletakkan buku tamu tersebut dalam halaman posting khusus dan menyediakan link untuk menuju ke halaman tersebut, maka kita akan mendapatkan dua page view. Sebab, link yang kita taruh di buku tamu blog orang lain adalah link home page blog kita atau link yang selain link halaman buku tamu kita. Dengan demikian, pengunjung tersebut akan membuka halaman posting yang berisi widget buku tamu kita bila ingin mengisi buku tamu di blog kita.

Semakin banyak pengunjung yang ingin mengisi buku tamu di blog kita, tentunya akan meningkatkan page view blog kita. Oh ya, saya memasang buku tamu di halaman khusus karena sebelumnya buku tamu tersebut tidak muncul di beberapa halaman posting sewaktu dipasang di sidebar. Kalau tulisan ini terdapat kekeliruan, tolong dikoreksi yah.. Terima kasih.