Sabtu, 08 September 2012

Trik Membuat "Diposkan oleh", "Waktu Posting", "Label", dan "Reaksi" Hanya Muncul di Halaman Posting

Trik Membuat "Diposkan oleh", "Waktu Posting", "Label", dan "Reaksi" Hanya Muncul di Halaman Posting - Biasanya pada halaman "Home" atau "Beranda" tulisan "Diposkan oleh", "Waktu posting", "Label", serta "Reaksi" akan tampil di bagian bawah artikel seperti yang ditunjukkan pada gambar di bawah ini.

Ada trik sederhana untuk membuat keempat elemen tersebut di atas tampil hanya di halaman posting atau dengan kata lain tidak muncul di "home page" yaitu dengan mengapit kode "span class" dari keempat unsur tersebut dengan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> serta </b:if> pada HTML template blog.

Span class masing-masing untuk keempat unsur tersebut adalah 'post-author vcard''post-timestamp''post-labels', dan 'reaction-buttons'. Biasanya kode-kode tersebut berada di deretan kode "post footer line". Untuk itu kita perlu mencarinya dengan teliti agar dapat meletakkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> serta </b:if> dengan tepat.

Tampilan "Diposkan oleh", Waktu Posting", "Label", serta "Reaksi" di Beranda
Tampilan "Diposkan oleh", Waktu Posting", "Label", serta "Reaksi" di Beranda

Berikut ini saya akan mencoba menjelaskan bagaimana cara membuat "Diposkan oleh", "Waktu Posting", "Label", dan "Reaksi" hanya muncul di halaman posting. Template yang saya gunakan untuk tutorial ini adalah template "Jendela Gambar" dari Blogger.

1. Masuk ke akun Blogger Sobat.

2. Klik "Opsi lainnya" >> "Template".

3. Bila ingin membuat salinan template, silakan klik tombol "Cadangkan / Pulihkan" kemudian klik tombol "Unduh template lengkap".

4. Klik tombol "Edit HTML" >> "Lanjutkan".

5. Berikutnya beri tanda centang pada "Expand Template Widget".

6. Pertama kita akan menyisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> serta </b:if> agar "Diposkan oleh" sekaligus "waktu posting" tampil hanya di halaman posting.

Carilah kode yang mirip atau mengandung kode span class 'post-author vcard' sekaligus 'post-timestamp' seperti di bawah ini. Gunakan fitur pencarian cepat browser (Ctrl+F atau F3) untuk menemukan dengan mudah.

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->

Lalu sisipkan kode  <b:if cond='data:blog.pageType == &quot;item&quot;'>  sebelum kode  <span class='post-author vcard'> dan kode penutup  </b:if> setelah kode <data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> sehingga hasilnya akan seperti di bawah ini.

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == &quot;item&quot;'><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span></b:if> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->

Selanjutnya untuk "Label", carilah kode seperti di bawah ini.

<div class='post-footer-line post-footer-line-2'> <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

Lalu letakkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> sebelum kode <span class='post-labels'> dan penutupnya </b:if> setelah kode </span> sehingga hasilnya akan menjadi seperti di bawah ini.

<div class='post-footer-line post-footer-line-2'><b:if cond='data:blog.pageType == &quot;item&quot;'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span></b:if> </div>

Yang terakhir untuk tombol "reaksi", cari kode seperti di bawah ini.

<div class='post-footer-line post-footer-line-3'> <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span> <span class='post-location'>

Sisipkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> sebelum kode <span class='reaction-buttons'> dan kode </b:if> sesudah kode </span> sehingga hasil menjadi seperti di bawah ini.

<div class='post-footer-line post-footer-line-3'><b:if cond='data:blog.pageType == &quot;item&quot;'><span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span></b:if><span class='post-location'>

7. Klik tombol "Simpan template".

8. Selesai. Jika berhasil maka tampilan di halaman "home" akan menjadi seperti gambar di bawah ini.

Tampilan di Halaman Beranda setelah Pengeditan
Tampilan di Halaman Beranda setelah Pengeditan

Sedangkan pada halaman posting, pada bagian bawah artikel akan tampak seperti gambar berikut ini.

Tampilan di Halaman Artikel
Tampilan di Halaman Artikel

Kamus Seputar Dunia Ponsel (2)

1xEV-DV
Sementara itu EV-DV ialah bagian dari CDMA2000 1x standar nirkabel digital. Berbeda dengan 1xEV-DO yang hanya mengulas masalah data. EV-DV merupakan kependekan dari Evolution Data and Voice. EV-DV menggabungkan kemampuan data dan suara. Saat ini perkembangan 1xEV-DV terhenti karena sebagian besar sudah digantikan dengan 1xEV-DO Revision A + teknologi VoIP.
AVRC
Kepanjangan AVRC adalah Audio/Video Remote Control Profile. Profile Bluetooth (mode) untuk mengontrol audio atau video playback. Profil tersebut mencakup standar fungsi kontrol mendia seperti play, pause, stop, next atau previous. AVRC biasanya digunakan bersama dengan profil A2DP atau VDP.
Car Kit
Aksesoris yang memungkinkan Sobat untuk menggunakan ponsel dalam mobil tanpa membutuhkan penggunaan tangan. Kit bisa berisi beberapa item penting, misalnya pengisi daya baterai dan hands-free holder. Kit ini juga bisa meliputi koneksi ke speaker, antena eksternal atau mikrofon.
DUN
DUN merupakan singkatan dari Dial UP Networking. DUN ialah profil Bluetooth (mode) yang didesain untuk menghubungkan perangkat internet-enabled seperti ponsel ke perangkat seperti laptop atau PDA sehingga bisa mengakses internet.
FFC
Kepanjangan dari FFC adalah Front Facing Camera, yakni sebuah kamera yang ada di bagian depan ponsel dan menghadap ke arah pengguna. Kamera ini memungkinkan adanya fasilitas video chat sekaligus berfungsi untuk memotret dari depan. Resolusi dan kualitas kamera depan biasanya sering kalah dengan kamera belakang sebagai kamera utama.
EL
EL merupakan kependekan dari Electro Luminescent. EL mengacu pada jenis light emiting yang bisa mencakup area yang luas. Saat listrik diterapkan, panel EL bersinar atas semua permukaan. Panel EL sering digunakan dalam ponsel sebagai lampu datar untuk menampilkan LCD. Lampu latar EL ditandai dengan tingkat kecerahan yang sering kali lebih besar dari lampu LED. Kebanyaknan lampu latar EL adalah berwarna biru atau warna aqua.

Sumber: Tabloid PULSA Edisi 242 TH X / 2012 / 12 - 25 September

10 Tips Transaksi Kartu Kredit di Internet

10 Tips Transaksi Kartu Kredit di Internet - Hari Sabtu kemarin, saya membaca sebuah harian atau surat kabar terkenal di ibukota yaitu Harian Pos Kota. Pada salah satu rubriknya yakni "Elektronik" terdapat artikel yang mengulas mengenai beberapa tips bertransaksi kartu kredit di internet.

Nah, pada kesempatan kali ini saya ingin meneruskan informasi yang dimuat di harian tersebut kepada para pembaca blog ini. Semoga postingan kali ini berguna sebagai bahan referensi pengetahuan bagi Sobat sekalian.

Sepuluh tips transaksi kartu kredit di internet, menurut koran tersebut, diramu dari situs internetsehat.or.id dan dari berbagai sumber. Berikut 10 tips transaksi kartu kredit di internet selengkapnya.
  1. Hindari melakukan transaksi keuangan atau perbankan menggunakan komputer publik. Hal ini untuk meminimalisir resiko data-data penting kita direkam oleh program mata-mata (spyware) yang bisa jadi sudah terpasang sebelumnya.
  2. Bila menggunakan komputer pribadi, pastikan bahwa komputer Sobat tersebut sudah terpasang program sekuriti yang paling mendasar seperti antivirus atau antispyware yang selalu memeriksa dan di-update secara berkala.
  3. Saat melakukan transaksi online di sebuah situs, perhatikan benar-benar alamat situs tersebut yang tertera pada address bar browser Sobat. Tujuannya adalah agar tidak terkecoh dengan situs palsu yang mempunyai alamat dimirip-miripkan dengan aslinya.
  4. Sejumlah situs yang terpercaya akan menggunakan metode pengamanan khusus bercirikan tulisan "http" menjadi "https" pada address bar browser dan terdapat ikon gembok terkunci.
  5. Sebelum melakukan pembayaran menggunakan kartu kredit di internet, ada baiknya Sobat memastikan dan meyakinkan reputasi, kredibilitas serta keontentikan toko online yang kita tuju dengan cara menghubunginya baik melalui telepon, email atau dengan mencari referensi melalui mesin pencari atau search engine (googling).
  6. Catatlah setiap transaksi perbankan atau keuangan yang Sobat lakukan di internet dan simpan baik-baik untuk kemudian berguna ketika dicocokkan dengan laporan rekening koran atau tagihan kartu kredit Sobat.
  7. Bila ternyata ada keanehan pada rekening koran atau tagihan kartu kredit Sobat, segera hubungi pihak-pihak terkait untuk meminta klarifikasi atau bahkan pembatalan rekening atau kartu kredit Sobat bila terdapat tagihan atau penggunaan rekening yang mencurigakan.
  8. Selalu melakukan "log off" atau "sign out" secara sempurna dari situs tempat Sobat melakukan transaksi e-banking dan sebagainya. Sekedar menutup browser tidak berarti otomatis memutus sesi atau koneksi ke akun online Sobat.
  9. Untuk bertransaksi online, gunakan kartu kredit dengan limit yang paling rendah sehingga jika terjadi sesuatu yang tidak diinginkan maka kerugian yang dialami tidak terlalu besar.
  10. Simpan dan gunakan kartu kredit secara bijak, khususnya jangan sampai 3 digit rahasia di bagian belakang kartu kredit Sobat diketahui oleh orang lain.

Minggu, 02 September 2012

Akibat Menggunakan Karakter Garis Miring pada Label

Garis Miring
Garis Miring
Akibat Menggunakan Karakter Garis Miring pada Label - Karakter atau tanda garis miring. Siapa yang tak mengenal tanda ini? Bagi para blogger atau pengguna internet, karakter atau tanda garis miring ini sudah tidak asing lagi karena sering dijumpai di tautan permanen atau permalink.

Tanda garis miring merupakan tanda baca yang berbentuk garis hampir vertikal yang bagian atasnya agak condong ke sebelah kanan dan bagian bawahnya ke sebelah kiri garis vertikal. Tanda ini juga biasa disebut slash.

Saya mempunyai pengalaman yang kurang mengenakan ketika menggunakan karakter garis miring pada nama label suatu posting. Begini ceritanya. Waktu itu saya memberi nama label "CD/Kaset" terhadap 2 artikel yang ada di blog ini. Dua entri ini isinya memang tentang CD dan kaset.

Setelah 2 posting ini dipublikasikan dengan label "CD/Kaset", ternyata ketika membuka salah satu dari artikel ini, tautan posting yang satunya lagi tidak muncul pada widget artikel terkait. Seharusnya bila ada 2 atau lebih posting berlabel sama, maka tautan artikel-artikel yang lainnya itu akan muncul pada widget artikel terkait atau related posts.

Kemudian saya mengubah nama label pada kedua posting tersebut dengan menghapus karakter garis miring dan menggantinya dengan kata-kata biasa. Saya mengubah nama label tersebut menjadi "CD dan Kaset". Setelah artikel tersebut diperbarui, ternyata begitu saya membuka salah satu dari 2 entri itu, widget artikel terkait dapat berfungsi dengan baik karena tautan artikel yang satunya lagi sudah bisa muncul.

Sewaktu masih menggunakan garis miring, url atau tautan label yang sesungguhnya merupakan perintah search yang terbentuk adalah http://klikmunadi.blogspot.com/search/label/CD/Kaset. Mungkin karena penggunaan garis miring pada label inilah yang mengakibatkan widget artikel terkait tidak dapat bekerja dengan baik. Seperti terlihat, adanya garis miring di label membuat "kacau" susunan url label tersebut.