Minggu, 31 Juli 2011

Cara Membuat Link di Gmail

Dalam menulis surat elektronik di Gmail terkadang kita perlu menyisipkan satu atau beberapa tautan (link). Di Gmail sudah tersedia fasilitas tersebut dan cukup mudah untuk melakukannya. Cara membuat link di Gmail ini mirip dengan cara membuat link di Blogger. Nah, berikut ini langkah-langkah untuk membuat link di Gmail.

1. Block atau highlight kata atau teks yang akan Anda berikan link.

2. Kemudian klik ikon yang berjudul Link.


3. Untuk membuat link ke alamat web, masukkan URL tujuan Anda di kotak Alamat web. Bila Anda tidak yakin dengan apa harus diisi di kotak Alamat web, silakan cari laman web yang ingin Anda tautkan terlebih dahulu. Kemudian, salin alamat web dari kotak dalam baris alamat peramban, dan tempelkan ke kotak Alamat web.

4. Anda dapat mengeklik Uji tautan ini untuk mengetesnya.

5. Klik tombol OK.

Cara Memasang Meta Tag Bing di WordPress

Pada dua postingan sebelumnya, saya telah menulis bagaimana cara mendapatkan meta tag dari Google dan Yahoo! untuk dipasang di blog WordPress. Tulisan kali ini akan membahas cara pasang meta tag dari mesin pencari terkenal lainnya, yaitu Bing. Sebelum memasang meta tag Bing, kita harus sudah mempunyai Windows Live ID atau akun Hotmail terlebih dahulu.

Dengan memverifikasi blog WordPress kita di Bing, diharapkan Bing dapat mengindeks blog kita dengan baik. Jika blog sudah terindeks, maka kita akan berpeluang mendapat pengunjung dari search engine tersebut. Nah, berikut ini merupakan langkah-langkah dalam memasang meta tag Bing di blog WordPress.
  1. Silakan kunjungi halaman http://www.bing.com/toolbox/webmaster/ dan klik tombol Webmaster Tools Sign In.
  2. Sign In dengan menggunakan Windows Live ID Anda.
  3. Klik tombol Add Site.
  4. Masukkan URL blog Anda lalu klik tombol Submit.
  5. Pada halaman Verify Ownership, pilih opsi ke-2 yakni Copy and paste a tag in your default webpage.
  6. Selanjutnya copy meta tag yang muncul.
  7. Log in ke akun WordPress Anda dan pergi ke Dashboard lalu klik Perkakas.
  8. Di bagian Webmaster Tools Verification, silakan paste meta tag tadi di bidang Bing Webmaster Center.
  9. Klik tombol Simpan Perubahan.
  10. Kembali ke halaman Verify Ownership dan klik tombol Verify.

Sabtu, 30 Juli 2011

Cara Memasang Meta Tag Yahoo! di WordPress

Setelah kita memverifikasi blog di Google Webmaster Tools dengan memasang meta tag Google pada blog, langkah berikutnya adalah memasang meta tag dari search engine besar lainnya, yakni Yahoo!. Tujuannya agar blog kita dapat terindeks dengan baik di Yahoo!. Bila blog telah terindeks, maka kita berpeluang mendapatkan pengunjung dari mesin pencari tersebut.

Untuk mendapatkan meta tag dari Yahoo!, kita harus memiliki akun Yahoo! terlebih dahulu. Akun Yahoo! ini diperlukan saat sign in di Yahoo! Site Explorer. Berikut ini langkah-langkah dalam memasang meta tag Yahoo! di WordPress.
  1. Kunjungi halaman https://siteexplorer.search.yahoo.com/ dan sign in dengan akun Yahoo! Anda.
  2. Pada tab My Sites, masukkan URL blog Anda lalu klik tombol Add My Site.
  3. Kemudian Anda akan disuguhkan beberapa metode "authenticate", silakan pilih By adding a META tag to my home page.
  4. Selanjutnya copy meta tag yang diberikan oleh Yahoo!.
  5. Log in di akun WordPress Anda, kemudian pergi ke Dashboard dan pilih tab Perkakas.
  6. Pada bagian Webmaster Tools Verification paste meta tag tersebut di bidang Yahoo! Site Explorer.
  7. Klik tombol Simpan Perubahan.
  8. Kembali lagi ke halaman verifikasi dan klik tombol Ready to Authenticate.

Cara Pasang Meta Tag Google di WordPress

Agar Google dapat menjelajahi blog kita dengan baik, kita harus memverifikasi blog kita ke Google Webmaster. Berikut ini langkah-langkah untuk memasang meta tag Google di WordPress:
  1. Login ke https://www.google.com/webmasters/tools/ dengan akun Google Anda.
  2. Masukkan situs URL yang ingin Anda kelola dan klik tombol Lanjut.
  3. Klik tab Metode Alternatif.
  4. Pilih Tambahkan tag meta ke beranda situs Anda.
  5. Copy meta tag yang terlihat.
  6. Biarkan halaman verifikasi terbuka lalu Log in ke akun WordPress Anda dan pergi ke Dashboard blog Anda.
  7. Klik tab Perkakas dan paste kode meta tag tadi di bidang Google Webmaster Tool.
  8. Klik tombol Simpan Perubahan.
  9. Kembali ke halaman verifikasi dan klik tombol Verifikasi.

Rabu, 27 Juli 2011

Cara Membuat Indent pada Baris Pertama

Ada beberapa cara yang dapat kita lakukan saat membuat posting di Blogger agar tampilan teksnya tampak seperti artikel yang ada di koran atau majalah. Misalnya saja dengan membuat drop cap atau membuat posting menjadi dua kolom. Selain itu, kita juga bisa membuat indent kiri pada baris pertama sebuah alinea atau paragraf. Di MS Word indent jenis ini biasa dikenal dengan istilah "First Line Indent".
Untuk membuat "First Line Indent" ini saat membuat posting di Blogger kita perlu menambahkan kode <div style="text-align: justify; text-indent: 0.5in;">teks atau tulisan</div> pada mode Edit HTML. "Justify" menunjukkan perataan teks akan rata kanan-kiri. "0.5in" menunjukkan jarak indent. Ketikkan alinea atau paragraf di teks atau tulisan.

Cara Membuat Daftar Isi Per Label dengan Sroll Box

Untuk membuat daftar isi per label dengan scroll box di sidebar blog, kita dapat menggunakan dua cara. Cara yang pertama adalah dengan membuatnya secara manual. Sedangkan cara yang kedua kita bisa menggunakan sebuah script. Setiap cara memiliki kelebihan dan kekurangannya masing-masing.

Bila kita membuat daftar isi secara manual, maka kita harus memasukkan link dari judul-judul posting satu per satu. Hal ini akan membutuhkan banyak waktu untuk mengerjakannya jika link judul posting yang harus dimasukkan sudah cukup banyak. Namun, dengan cara manual ini tidak begitu memperlambat loading blog.

Sedangkan jika kita menggunakan sebuah script, maka waktu yang diperlukan akan lebih singkat. Namun, pemasangan script ini berpotensi memperlambat loading blog. Script ini saya dapat dari Blog Viky dengan perubahan di bagian scroll box-nya. Dengan script ini kita dapat membuat daftar isi berdasarkan satu label saja atau beberapa label sekaligus. Script ini akan menempatkan posting terbaru pada urutan teratas.

Untuk membuat daftar isi berdasarkan satu label tertentu saja, silakan perhatikan langkah-langkahnya di bawah ini.

1. Setelah Sobat masuk di Blogger, klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judul, lalu copy kode di bawah ini dan paste di Konten.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<ol>
<script src="http://www.klikmunadi.blogspot.com/feeds/posts/default/-/Jejaring%20Sosial?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
  • width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
  • height:100px; menunjukkan tinggi scroll box setinggi 100 piksel. Silakan diganti angkanya untuk mengubah tingginya.
  • border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template Sobat.
  • <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>.
  • Ganti klikmunadi.blogspot.com dengan alamat blog Sobat.
  • Ganti Jejaring%20Sosial dengan label yang Sobat inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.
3. Klik tombol SIMPAN.

4. Pindahkan elemen tadi ke tempat yang Sobat inginkan.

5. Klik tombol SIMPAN.

Script di atas hasilnya akan menjadi seperti di bawah ini.



Jika ingin menampilkan lebih dari satu label, silakan ditambahkan script untuk labelnya. Misalnya saya akan menampilkan label Alexa dan Link maka script-nya akan menjadi seperti di bawah ini.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<h3>Alexa</h3>
<ol>
<script src="http://www.klikmunadi.blogspot.com/feeds/posts/default/-/Alexa?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>

<h3>Link</h3>
<ol>
<script src="http://www.klikmunadi.blogspot.com/feeds/posts/default/-/Link?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>

Hasilnya menjadi seperti di bawah ini.


    Alexa

    Link


Cara di atas merupakan cara yang menggunakan script. Jika Sobat tertarik untuk menggunakan cara manual seperti yang saya terapkan pada blog ini, silakan simak langkah-langkahnya di bawah ini. Sebelum mengikuti cara ini, silakan Sobat memasang widget daftar isi karya Abu Farhan seperti yang terpasang di blog ini.

1. Buka daftar isi blog Sobat.

2. Blok posting-posting dari label mana yang akan di ambil. Misalnya saya mengambil label Jejaring Sosial juga seperti contoh menggunakan script. Setelah diblok, lalu klik kanan dan pilih Lihat Kode Sumber Teks yang Dipilih. (Saya menggunakan Firefox 5.0)


3. Copy semua teks yang muncul di jendela Sumber DOM yang Dipilih.

4. Masuk ke akun Blogger Sobat.

5. Klik Rancangan > Elemen Laman > Tambah Gadget.

6. Pilih HTML/JavaScript.

7. Beri judul, paste kode tadi di Konten. Silakan diedit dan hapus kata-kata yang tidak diperlukan (seperti kata "New" dan lain-lain) sehingga susunannya akan menjadi seperti di bawah ini.

<ol><li><a href="http://klikmunadi.blogspot.com/2011/06/cara-buat-facebook-page-dan-pasang-like.html">Cara Buat Facebook Page dan Pasang Like Box di Blog</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/05/cara-membuat-akun-facebook.html">Cara Membuat Akun Facebook</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/06/cara-membuat-akun-twitter.html">Cara Membuat Akun Twitter</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/06/cara-membuat-akun-di-salingsapacom.html">Cara Membuat Akun di SalingSapa.com</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/07/cara-menghapus-sebuah-halaman-facebook.html">Cara Menghapus Sebuah Halaman Facebook</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/02/salingsapacom-situs-jejaring-sosial.html">Salingsapa.com, Situs Jejaring Sosial Islami</a></li></ol>

8. Kemudian berikan kode untuk scroll box-nya, sehingga hasilnya akan menjadi seperti ini.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol><li><a href="http://klikmunadi.blogspot.com/2011/06/cara-buat-facebook-page-dan-pasang-like.html">Cara Buat Facebook Page dan Pasang Like Box di Blog</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/05/cara-membuat-akun-facebook.html">Cara Membuat Akun Facebook</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/06/cara-membuat-akun-twitter.html">Cara Membuat Akun Twitter</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/06/cara-membuat-akun-di-salingsapacom.html">Cara Membuat Akun di SalingSapa.com</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/07/cara-menghapus-sebuah-halaman-facebook.html">Cara Menghapus Sebuah Halaman Facebook</a></li>
<li><a href="http://klikmunadi.blogspot.com/2011/02/salingsapacom-situs-jejaring-sosial.html">Salingsapa.com, Situs Jejaring Sosial Islami</a></li></ol>
</div>

9. Klik tombol SIMPAN.

10. Pindahkan elemen ke tempat yang Sobat inginkan.

11. Klik tombol SIMPAN.

Hasilnya menjadi seperti di bawah ini.

Selasa, 26 Juli 2011

Cara Menghapus Sebuah Halaman Facebook

Pada beberapa waktu yang lalu saya telah membahas cara membuat sebuah Halaman atau Page di Facebook dalam posting yang berjudul Cara Buat Facebook Page dan Pasang Like Box di Blog. Mungkin karena kesibukan lalu kita tidak mempunyai waktu untuk mengurus Halaman atau Page tersebut sehingga ingin menghapusnya. Atau mungkin karena halaman tersebut sepi penggemar. Apapun alasannya kita dapat menghapus Halaman atau Page Facebook tersebut. Namun, harus diingat bahwa setelah kita menghapusnya, kita tidak bisa mengembalikannya lagi.

Nah, apabila Sobat sudah yakin ingin menghapus Page Facebook, berikut ini langkah-langkahnya.

1. Log in ke akun Facebook.

2. Klik menu Account > Use Facebook as Page.

3. Klik tombol Switch pada Page yang ingin dihapus.


4. Klik tombol Edit Page.

5. Pilih tab Manage Permissions dari sidebar kiri.


6. Klik link pada "Delete Page:" yang terletak di bagian bawah opsi-opsi pengaturan.


7. Klik tombol Delete pada jendela konfirmasi "Delete Page?".


Senin, 25 Juli 2011

Cara Membuat Warna Kotak Komentar Admin Berbeda

Maksud dari judul di atas adalah kita akan memberi warna serta border pada kolom komentar admin sehingga pengunjung dapat dengan mudah membedakan mana komentar admin dan mana komentar pengunjung lain. Warna kotak komentar yang berbeda ini akan terjadi saat kita berkomentar jika kita selaku admin blog telah sign in di Blogger. Contohnya seperti kotak komentar admin di blog ini yang terlihat berbeda dengan komentar lainnya.

Bila tertarik untuk mengaplikasikan trik ini pada template blog Sobat, silakan simak langkah-langkahnya di bawah ini.


1. Masuk ke akun Blogger Sobat.

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>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

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

.comment-body-author {
background: #fee6e6; /* Warna Background */
border:2px dotted #d31111; /*Border*/
margin:0;
padding:0 0 0 0px;
}
  • #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
  • 2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
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.

Cara Pasang Update Twitter di Blog

Pagi-pagi nge-buka blog, eh.. di kolom komentar posting Memasang Tombol Follow Me on Twitter di Blog ada Sobat Arief Rachmadi Blogger Pemula yang bertanya tentang bagaimana cara pasang update Twitter di blog. Nah, buat Sobat-sobat lain yang juga ingin memasang update Twitter di Blogger, silakan simak langkah-langkahnya di bawah ini.




1. Silakan pergi ke halaman http://twitter.com/about/resources/widgets

2. Kemudian klik tab My Website, lalu klik Profil Widget.


3. Selanjutnya isikan username Twitter Sobat pada tab Settings, lalu klik tombol Test Settings untuk melihat pratinjaunya.


4. Untuk mengatur penampilan widget silakan klik tab Preferences, untuk mengatur warna di Appearance sedangkan untuk mengatur ukuran widget di Dimensions. Silakan diatur sesuai keinginan masing-masing. Klik tombol Test Settings untuk melihat preview-nya.

5. Jika sudah selesai semuanya, silakan klik tombol Finish & Grab Code untuk mendapatkan kodenya.


6. Masuk ke akun Blogger Anda.

7. Klik tombol Add to Blogger. (Sobat juga bisa meng-copy paste kodenya secara manual)


8. Klik tombol MENAMBAH WIDGET.

9. Pindahkan elemen Twitter tadi ke tempat yang Sobat inginkan.

10. Klik tombol SIMPAN.

Logo dan Tema Peringatan Hari Ulang Tahun ke-66 RI

Kurang dari sebulan lagi bangsa Indonesia akan memperingati hari ulang tahun yang ke-66. Sudahkah Sobat mengetahui logo peringatan HUT RI untuk tahun ini? Nah, di bawah ini merupakan Logo Peringatan Hari Ulang Tahun ke-66 RI Tahun 2011.


Sedangkan Tema untuk Peringatan Hari Ulang Tahun ke-66 RI Tahun 2011 yakni:
Dengan Semangat Proklamasi 17 Agustus 1945,
Kita Tingkatkan Kesadaran Hidup dalam ke-Bhinneka-an
untuk Kokohkan Persatuan NKRI, Kita Sukseskan
Kepemimpinan Indonesia dalam Forum ASEAN
untuk Kokohkan Solidaritas ASEAN


Minggu, 24 Juli 2011

Memasang Tombol Follow Me on Twitter di Blog

Apakah Sobat mempunyai sebuah akun di Twitter? Bila ya, promosikan saja akun Twitter Sobat dengan memasang tombol Follow Me on Twitter di blog. Tombol Follow ini dapat memudahkan pengunjung yang ingin menjadi follower akun Twitter Sobat.

Tombol Follow yang akan kita pasang ini bentuknya seperti di bawah ini.



Ayo diklik tombol Follow di atas untuk menjadi follower klik_munadi di Twitter. Untuk memasang tombol Follow seperti di atas, silakan ikuti langkah-langkahnya di bawah ini.

1. Silakan kunjungi halaman http://twitter.com/about/resources/followbutton

2. Isikan username Sobat.

3. Pilih warna latar belakang yang akan digunakan.

4. Tentukan apakah Sobat mau menampilkan jumlah follower atau tidak di sebelah tombol.

5. Pilih bahasa yang ingin digunakan.


6. Pratinjau atau preview tombol dapat Sobat lihat di sebelah kanan.


7. Selanjutnya copy kode tombol Follow yang muncul.


8. Paste kode tersebut di blog Sobat. Penempatannya terserah Sobat, apakah pada halaman posting atau di sidebar, yang penting dapat dilihat dengan jelas oleh pengunjung blog.

Sabtu, 23 Juli 2011

Cara Memasang Meta Tag Google di Blog

Menanggapi pertanyaan Sobat David Prasetiawan pada komentar posting yang berjudul Cara Daftar dan Pasang Meta Tag Yahoo! di Blog yang menanyakan tentang pemasangan meta tag Google di blog, maka pada kali ini saya akan coba membahasnya. Dengan memasang meta tag Google ini pada blog, kita berharap Google dapat mengindeks blog kita dengan baik.

Nah, berikut ini adalah langkah-langkah untuk memasang meta tag Google pada Blogger.

1. Silakan kunjungi halaman Webmaster Tools di http://www.google.com/webmasters/tools/

2. Kemudian Sign In dengan menggunakan akun Google.

3. Selanjutnya klik tombol Tambahkan situs yang dipilih pada blog yang ingin ditambahkan meta tag.


4. Klik segitiga hitam pada link Kelola dan klik link Tambahkan atau hapus pemilik.


5. Selanjutnya klik link Verifikasikan dengan menggunakan metode yang berbeda.


6. Pilih Tambahkan tag meta ke beranda situs Anda kemudian copy meta tag yang diberikan oleh Google.


7. Masuk ke akun Blogger Anda.

8. Klik Rancangan > Edit HTML.

9. Paste kode meta tag tadi di bawah kode <head> sebelum bagian <body> pertama, kalau saya sih biasanya meletakkannya di bawah kode <b:include data='blog' name='all-head-content'/>.

10. Klik tombol SIMPAN TEMPLATE.

11. Kembali lagi ke halaman verifikasi tadi dan klik tombol Verifikasi.


Cara Memilih Buah yang Segar dan Sehat

Dengan mengonsumsi buah kita dapat memperoleh banyak manfaat gizi untuk kesehatan. Jika diolah dalam aneka bentuk makanan, buah tetapa memberikan kebaikan bagi tubuh. Sebelum siap dimakan, kita harus cermat memilih buah yang segar dan sehat agar dapat mengambil manfaat dari nutrisi yang terkandung di dalamnya.

Lalu, bagaimanakah cara memilih buah yang segar dan sehat? Nah, berikut ini merupakan daftar check list praktis yang dapat dijadikan panduan sesuai informasi Direktorat Budidaya Tanaman Buah Kementrian Pertanian:

  • Tingkat kematangan cukup.
  • Buah tampak segar.
  • Warna kulit buah cerah.
  • Bentuk buah bagus.
  • Kulit buah bersih dan mulus.
  • Aroma buah harum.
  • Tidak ada bekas serangan hama dan penyakit.

Cara Memasang Tombol Tweet di Bawah Posting

Seperti halnya tombol Like Facebook, tombol Tweet ini juga dapat memudahkan para pengunjung blog untuk membagikan artikel yang menurut mereka menarik ke dalam  jaringan akun Twitter mereka. Bila ada yang mengeklik tautan atau link artikel kita, maka hal ini dapat meningkatkan traffik kunjungan ke blog kita.

Nah, berikut ini merupakan langkah-langkah dalam memasang tombol Tweet atau Tweet button di bawah posting pada Blogger.

Langkah 1

Langkah 2
Pilihlah satu tombol Tweet yang Anda sukai dari tiga pilihan yang tersedia.


Langkah 3
Pada langkah ini kita dapat merekomendasikan sampai dua akun Twitter untuk mengikuti setelah mereka berbagi konten dari blog kita. Akun ini dapat mencakup Anda sendiri, atau kontributor atau pasangan.


Langkah 4
Copy kode Tweet button yang muncul.


Langkah 5
Masuk ke akun Blogger Anda.

Langkah 6
Klik Rancangan > Edit HTML.

Langkah 7
Klik Download Template Lengkap untuk membuat salinan template.

Langkah 8
Beri tanda centang pada Expand TemplateWidget.

Langkah 9
Cari kode <data:post.body/>. Tekan tombol Ctrl + F untuk memudahkan pecarian.

Langkah 10
Paste kode Tweet button di bawah kode <data:post.body/>. Agar tombol Tweet hanya muncul di halaman posting apit kode Tweet button dengan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> serta tambahkan kode style agar letaknya di kiri sehingga secara keseluruhan kode yang di taruh di bawah kode <data:post.body/> menjadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-top:10px;'><KODE TWEET BUTTON></div>
</b:if>

Langkah 11
Klik tombol SIMPAN TEMPLATE.

Rabu, 20 Juli 2011

Cara Membuat Simbol Copyright, Registered, dan Trademark

Ada beberapa cara yang dapat dilakukan untuk membuat simbol copyright (©), registered (®), dan trademark (™). Untuk membuat ketiga simbol tersebut dalam postingan di Blogger, kita dapat mengetikkan kode tertentu pada posisi Edit HTML. Kode-kodenya dapat dilihat pada tabel di bawah ini.



Kode HTMLSimbol untukHasil
&copy;copyright©
&reg;registered®
&trade;trademark


Selain dengan kode HTML, kita juga dapat membuat ketiga logo tersebut dengan menggunakan tombol Alt pada keyboard. Caranya, tekan dan tahan tombol Alt kemudian ketikkan angka/kode di numerical keypad. Setelah itu lepaskan tombol Alt. Berikut kode/angka yang digunakan untuk membuat ketiga simbol/logo tersebut di atas.

Kode/AngkaSimbol/Logo
0169©
0174®
0153

Untuk simbol-simbol atau karakter-karakter lainnya yang dapat dibuat dengan menggunakan tombol Alt, silakan lihat di sini. Bila kita mengetik di program Microsoft Word, kita dapat menggunakan tiga tombol tertentu pada keyboard untuk membuat ketiga simbol tersebut. Tombol-tombol apa sajakah itu? Silakan lihat tabel di bawah ini.

TombolSimbol/Logo
Ctrl + Alt + C©
Ctrl + Alt + R®
Ctrl + Alt + T

Cara Membuat Simbol atau Karakter dengan Keyboard

Dalam kegiatan mengetik atau memposting sesuatu, terkadang kita membutuhkan karakter-karakter atau simbol-simbol khusus. Nah, di bawah ini merupakan karakter-karakter yang didapat dengan cara menekan dan menahan tombol Alt keyboard kemudian mengetikkan angka/kode di numerical keypad yang ada di sebelah kanan keyboard, setelah itu melepaskan tombol Alt yang ditekan.

Misalnya, kita ingin mendapatkan tanda akar (√), kita harus menekan tombol Alt dan menahannya lalu mengetikkan angka 251 pada numpad (numerical keypad) setelah itu kita lepaskan tombol Alt yang kita tahan tadi. Anda dapat mencari-cari simbol yang lain dengan melakukan percobaan dengan angka-angka yang lainnya.

KodeKarakterKodeKarakterKodeKarakter
0
85U170¬
186V171½
287W172¼
388X173¡
489Y174«
590Z175»
691[176
792\177
893]178
994^179
1095_180
1196`181
1297a182
1398b183
1499c184
15100d185
16101e186
17102f187
18103g188
19104h189
20105i190
21§106j191
22107k192
23108l193
24109m194
25110n195
26111o196
27112p197
28113q198
29114r199
30115s200
31116t201
32
117u202
33!118v203
34"119w204
35#120x205
36$121y206
37%122z207
38&123{208
39'124|209
40(125}210
41)126~211
42*127212
43+128Ç213
44,129ü214
45-130é215
46.131â216
47/132ä217
480133à218
491134å219
502135ç220
513136ê221
524137ë222
535138è223
546139ï224α
557140î225ß
568141ì226Γ
579142Ä227π
58:143Å228Σ
59;144É229σ
60<145æ230µ
61=146Æ231τ
62>147ô232Φ
63?148ö233Θ
64@149ò234Ω
65A150û235δ
66B151ù236
67C152ÿ237φ
68D153Ö238ε
69E154Ü239
70F155¢240
71G156£241±
72H157¥242
73I158243
74J159ƒ244
75K160á245
76L161í246÷
77M162ó247
78N163ú248°
79O164ñ249
80P165Ñ250·
81Q166ª251
82R167º252
83S168¿253²
84T169254

Selasa, 19 Juli 2011

Cara Membuat Strikethrough di Posting Blogger

Strikethrough merupakan teknik penulisan kata-kata tercoret dengan garis horizontal di tengahnya. Ini adalah contohnya. Strikethrough ini menandakan salah satu dari dua makna. Dalam penulisan menggunakan tinta, diketik, atau teks yang tidak bisa dihapus, kata-kata yang dicoret tersebut merupakan suatu kesalahan dan tidak dimaksudkan untuk dimasukkan. Saat digunakan di layar komputer, kata-kata tercoret tersebut menunjukkan informasi yang dihapus. Selain itu, strikethrough juga dapat digunakan untuk tujuan humor. Misalnya, dia orang yang bodoh tidak begitu cerdas.

Untuk membuat strikethrough di posting Blogger, kita dapat menggunakan beberapa cara, di antaranya:

1. Dengan menggunakan menu di Blogger.
Silakan blok kata-kata yang akan dibuat strikethrough. Kemudian klik ikon menu yang berjudul "Strikethrough".


2. Dengan menggunakan tag HTML tertentu. Caranya apit kata-kata yang mau dibuat strikethrough dengan tag <strike> dan </strike> atau tag <s> dan </s>.

Misalnya:

<strike>contoh pertama</strike> maka hasilnya contoh pertama
<s>contoh berikutnya</s> hasilnya menjadi contoh berikutnya

3. Dengan menggunakan cascading style sheets (css) yaitu <span style="text-decoration: line-through;">kata-kata yang dibuat strikethrough</span>.

Contoh:

<span style="text-decoration:line-through;">contoh selanjutnya</span> maka hasilnya menjadi contoh selanjutnya

Cara Membuat Superscript dan Subscript di Posting Blogger

Superscript adalah tulisan yang ukurannya kecil dan letaknya agak di atas tulisan normal. Sedangkan subscript adalah tulisan yang ukurannya kecil dan letaknya agak di bawah tulisan normal. Untuk membuat keduanya di posting di Blogger, kita perlu menambahkan tag tertentu pada posisi Edit HTML.

Tag untuk membuat teks superscript adalah <sup> dan </sup>.

Contoh:

1. superscript<sup>superscript</sup>

Maka hasilnya akan seperti di bawah ini.

superscriptsuperscript

2. a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>

Maka jadinya seperti ini.

a2 + b2 = c2

Sedangkan untuk membuat tulisan subscript kita membutuhkan tag <sub> dan </sub>.

Misal:

1. subscript<sub>subscript</sub>

Hasilnya akan menjadi seperti ini.

subscriptsubscript

2. H<sub>2</sub>SO<sub>4</sub>

Maka akan menjadi seperti di bawah ini.

H2SO4

Bagaimana? Mudah bukan cara untuk membuat teks superscript dan subscript? Semoga bermanfaat.

Senin, 18 Juli 2011

Cara Membuat Judul Posting Berkedip-kedip

Selain membuat link atau tulisan berkedip-kedip di dalam isi posting, kita juga dapat membuat judul posting itu berkedip-kedip. Harapannya adalah agar kata yang dibuat berkedip-kedip lebih diperhatikan oleh pembaca. Selain itu, judul yang berkedip-kedip membuat tampilan posting jadi lebih menarik. Berikut ini langkah-langkah untuk membuat judul posting berkedip-kedip:

Langkah 1
Masuk ke akun Blogger Anda.

Langkah 2
Klik tombol ENTRI BARU.

Langkah 3
Tambahkan kode <blink> dan </blink> pada bagian kata judul yang ingin dibuat berkedip-kedip. Misalnya, untuk judul posting yang sedang Anda baca ini, bentuk penulisan judulnya seperti ini.
Cara Membuat Judul Posting <blink>Berkedip-kedip</blink>

Langkah 4
Tulis posting Anda seperti biasa.

Langkah 5
Isikan Label.

Langkah 6
Klik tombol PRATINJAU untuk melihat preview-nya.

Langkah 7
Jika sudah yakin, klik tombol TERBITKAN ENTRI untuk mem-publish artikel Anda.

Tiga Tiga Satu Satu Satu Satu

Alhamdulillah. Akhirnya Alexa Traffic Rank klikmunadi.blogspot.com telah berada di angka 300,000-an. Tepatnya 331,111 untuk Global Rank saat postingan ini diturunkan. Sedangkan untuk Rank in Indonesia berada di posisi 3,540. Bagi saya selaku admin blog, hal ini merupakan suatu kebahagiaan tersendiri. Ini adalah rekor sejak blog ini online hampir tujuh bulan yang lalu.

Terima kasih kepada semua pengunjung blog ini. Semoga Alexa Traffic Rank blog teman-teman semua semakin hari semakin baik. Amin..

Minggu, 17 Juli 2011

Cara Memberi Warna pada Teks atau Tulisan di Postingan

Untuk memberi penekanan pada teks atau tulisan atau kalimat yang dianggap penting di postingan Blogger, kita dapat memberikan warna pada teks tersebut. Harapannya adalah agar pembaca lebih memperhatikan kalimat yang diwarnai tersebut. Selain itu, adanya pewarnaan pada tulisan dapat membuat postingan terlihat cantik dan menarik.

Caranya cukup mudah bila kita ingin membuat teks atau tulisan menjadi berwarna di postingan Blogger. Pertama, drag atau block atau highlight teks atau tulisan yang ingin diberi warna. Kemudian klik ikon yang berjudul "Teks color".


Selanjutnya pilih warna yang tersedia.


Sekarang teks atau tulisan sudah berwarna sesuai dengan warna yang dipilih.

Cara Memasang Gambar di Postingan Blogger

Agar tampilan postingan kita tampak lebih menarik, kita dapat menyisipkan gambar ke dalam postingan kita. Selain itu, dengan adanya gambar juga akan lebih memperjelas tentang apa yang sedang kita terangkan kepada para pembaca. Biasanya postingan-postingan bertema tutorial yang membutuhkan gambar-gambar. Namun, pemasangan gambar ini jangan terlalu berlebihan karena dapat berpotensi memperlambat loading blog.

Untuk menyisipkan gambar pada posting di Blogger tidaklah terbilang sulit. Pertama, dalam posisi Compose, tentukan dulu posisi kursor tempat di mana kita akan meletakkan gambar. Sesudah itu, klik ikon yang berjudul "Insert image".


Kemudian akan muncul jendela Add Images seperti gambar di bawah ini.


Bila Anda ingin mengunduh gambar dari komputer, pilih opsi Upload. Kemudian klik tombol Pilih berkas, selanjutnya pilih gambar dan klik tombol Open. Tunggu sebentar, Blogger sedang dalam proses pengunduhan. Bila sudah selesai klik tombol Add selected. Lalu gambar akan terpasang di menu Compose.


Selanjutnya atur gambar sesuai keinginan Anda dengan cara klik gambar tersebut, kemudian akan muncul menu seperti gambar di bawah ini.


  • Small untuk membuat gambar dalam ukuran terkecil.
  • Medium untuk membuat gambar dalam ukuran sedang.
  • Large untuk membuat gambar dalam ukuran lebih besar.
  • X-Large untuk membuat gambar dalam ukuran paling besar.
  • Original size untuk membuat gambar dalam ukuran sebenarnya.
  • Left untuk meletakkan gambar di sebelah kiri teks.
  • Center untuk meletakkan gambar di tengah teks.
  • Right untuk meletakkan gambar di sebelah kanan teks.
  • Add caption untuk menambahkan keterangan di bawah gambar.
  • Remove untuk menghapus gambar.

Bila Anda ingin menyisipkan gambar dari gambar yang sudah ada di blog Anda, silakan klik opsi From this blog pada jendela Add Images. Kemudian pilih gambar yang Anda inginkan lalu klik tombol Add selected. Pilih From Picasa Web Albums jika mau mengambil dari album Picasa. Kalau ingin menggunakan URL, silakan pilih opsi From a URL, kemudian masukkan URL gambar Anda dan klik tombol Add selected.

Jumat, 15 Juli 2011

Cara Membuat Link atau Tombol Reply Komentar

Pada kesempatan kali ini saya akan membahas mengenai cara membuat link atau tombol reply komentar di Blogger. Nantinya, link reply atau balas komentar ini, bila kita sedang sign in di Blogger akan berada di sebelah kanan ikon hapus komentar (gambar tong sampah) pada kolom komentar seperti yang terlihat pada gambar di atas.

Adanya link reply komentar ini dapat memudahkan kita dalam merespon suatu komentar karena nama komentator yang komentarnya akan kita balas sudah tercantum. Biasanya kita kan sebelum membalas komentar menuliskan terlebih dahulu kepada siapa komentar tersebut ditujukan. Misalnya, @nama komentator bla... bla... bla... dan seterusnya.

Bila Anda tertarik untuk memasang link reply komentar ini pada blog, pertama-tama siapkan dulu Blog ID Anda. Salah satu cara untuk mengetahui blog ID Anda adalah, setelah Anda masuk ke akun Blogger, Klik Rancangan, kemudian lihat web address browser. Nah, 19 digit angka itulah yang disebut Blog ID.


Berikut ini langkah-langkah dalam membuat link reply komentar di Blogger. Selamat menyimak.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dulu dengan mengeklik Download Template Lengkap.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode seperti atau yang mirip dengan kode di bawah ini.

<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' rel='nofollow' title='comment permalink'><data:comment.timestamp/></a></b:if>
              <b:include data='comment' name='commentDeleteIcon'/>

6. Kemudian copy kode di bawah ini dan paste di bawah kode <b:include data='comment' name='commentDeleteIcon'/>.

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Blog ID Anda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Balas Komentar</a>
  • Silakan ganti Blog ID Anda dengan blog ID Anda sendiri.
  • Anda dapat mengganti tulisan Balas Komentar sesuai kemauan Anda.
7. Klik tombol SIMPAN TEMPLATE.

Kalau Anda ingin menggunakan gambar sebagai tombolnya, silakan ganti tulisan Balas Komentar di atas dengan kode sumber gambar yaitu <img src='URL gambar' title='Balas Komentar'/>.
  • URL gambar diganti dengan URL gambar Anda sendiri.
  • title='Balas Komentar' , judul Balas Komentar silakan diubah sesuai keinginan Anda.


Misalnya, saya menggunakan gambar di atas dengan URL gambarnya yakni http://3.bp.blogspot.com/-ZlMquJ43Ys4/Th_qYKpgz9I/AAAAAAAAAAM/Lqh-tWxTNMQ/s1600/reply.jpg. Maka kodenya akan menjadi seperti ini.

<img src='http://3.bp.blogspot.com/-ZlMquJ43Ys4/Th_qYKpgz9I/AAAAAAAAAAM/Lqh-tWxTNMQ/s1600/reply.jpg' title='Balas Komentar'/>

Hasilnya akan menjadi seperti di bawah ini bila kita sedang sign in di Blogger.