Cara menghapus link aktif dalam komentar blog secara otomatis

Link aktif dalam komentar blog ditautkan oleh pengunjung blog biasanya untuk mendapatkan backlink dari blog kita (maksud pembuat komentar sih prmosi gitu), tetapi cara ini kurang adil karena kita sendiri sebagai pemilik blog tidak mendapatkan backlink dari mereka yang menautkan link aktifnya didalam blog.

Google sendiri tidak menyukainya hal ini, apa lagi kita.

Menurut saya akan lebih adil dan lebih santun apabila ingin mendapat backlink menggunakan media tukaran link.

Seperti apa link aktif itu ? kurang lebih begini, apabila ada pengunjung yang berkomentar pada sebuah artikel di blog kita dan kemudian mereka menempatkan sebuah kata atau kalimat yang ditautkan pada link yang mereka sudah siapkan.

Kira-kira begini link yang mereka tautkan :

<a href='http://catatan-piper-comex.blogspot.com/'>Contoh Link Aktif</a> --->> Contoh Link Aktif

Ada beberapa cara menghapus link aktif dalam komentar blog, pertama tentunya dengan memoderasi setiap komentar yang masuk dan fitur ini sudah disediakan oleh blogger sendiri. 

Yang kedua dengan menggunakan script sehingga setiap Link Aktif yang disisipkan oleh pembuat komentar akan dihapus dengan sendirinya secara otomatis (kita tidak dibuat repot). Ini yang kita akan bahas dalam postingan kali ini yaitu cara yang kedua Cara menghapus link aktif dalam komentar blog secara otomatis.

Ok, langsung aja kita praktekan...

1. Login di blogger.

2. Pilih Template - Edit HTML - Expand Template Widget.

3. Cari kode ]]></b:skin> dan letakkan kode berikut tepat diatasnya :

#comments p a {display:none;}

4. Cari kode </head> dan letakkan salah satu kode berikut tepat diatas nya :

    |> Untuk mengganti link aktif dengan kalimat :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Link aktif otomatis dihapus</span>");
});
</script>

    |> Untuk mengganti link aktif dengan link temen-temen :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p a").attr("href", "http://URL-anda.com/");
});
</script>

5. Simpan Template.

6. Enjoy.

Terima kasih, semoga bermanfaat dan jangan lupa tinggalkan komentar temen-temen.

Read More

Cara Membuat Widget Recent Post Keren

Widget recent post adalah widget yang diperlukan agar pengunjung dapat melihat artikel apa saja yang terbaru atau yang sering dibaca oleh pengunjung lainnya. Widget recent post ini hampir sama dengan widget popular post bawaan blogger. Lalu apa kerennya ?

Seperti kita ketahui bahwa widget popular post bawaan blogger hanya bisa kita rubah untuk ditampilkannya gambar, judul artikel dan summary posting. Untuk merubah besar - kecil nya gambar tidak ada option nya. Begitu juga untuk merubah berapa banyak huruf yang akan ditampilkan pada summary post juga tidak bisa.

Widget recent post yang saya sharing disini dapat mengatasi semua kekurangan tersebut.
Diantaranya:

• Ukuran gambar / avatar  bisa kita atur sesuai keinginan
• Jumlah karakter huruf isi artikel bisa kita atur sesuai keinginan
• Jumlah komentar yang masuk bisa kita tampilkan
• Jumlah artikel yang ingin kita tampilkan bisa lebih dari 10 artikel

Cara menampilkan atau menghilangkan nya cukup dengan merubah parameter: true atau false pada script tersebut.
Untuk merubah yang lainnya, silahkan Anda explore sendiri. Jangan takut rusak.

Bagaimana cara membuat widget recent post keren tersebu, ikuti petunjuknya berikut ini.

1. Login ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.

2. Kemudian masuk ke Tata letak ==> Tambah gadget ===> Html/javascript

3. Masukkan semua kode dibawah ini:

<div style="overflow:auto; width:100%px; max-height:250px; padding:5px;"><style>img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style><script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script><script type="text/javascript">var numposts = 20; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = true; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script><script src="http://www.catatan-piper-comex.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>

4. Sebelum disimpan Anda ganti dulu alamat url saya (catatan-piper-comex.blogspot.com) dengan alamat url blog Anda, setelah diganti dengan alamat url blog Anda, kilk save / simpan.
Anda bisa lihat hasilnya sebentar, apabila masih belum cocok bisa Anda modifikasi lagi sesuai keinginan Anda.

Apabila ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar.
Semoga bermanfaat.

Read More

Cara Membuat Widget Recent Comment

Widget recent comment adalah widget yang diperlukan agar pengunjung tetap berada di halaman blog. Widget recent comment ini selain menaruh link dan isi komentar juga terdapat avatar yang bulat di sampingnya.

Dan tentu saja, Agan juga dapat mengubah avatar defaultnya, menambahkan scroll dll.

Bagaimana cara membuat widget recent comment dilengkapi dengan avatar dan isi komentarnya, silahkan ikuti petunjuk dibawah ini.

1. Login ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.

2. Kemudian masuk ke Tata letak ==> Tambah gadget ===> Html/javascript

3. Masukkan semua kode dibawah ini:

<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 30, roundAvatar = true, characters = 30, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script> <script type="text/javascript" src="http://www.catatan-piper-comex.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4. Sebelum disimpan Anda ganti dulu alamat url saya (catatan-piper-comex.blogspot.com) dengan alamat url blog Anda, setelah diganti dengan alamat url blog Anda, kilk save / simpan. Lihat artikel Anda yang sudah berisi komentar, atau Anda bisa uji coba membuat komentar dengan akun blog untuk melihat hasilnya.

Apabila ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar.
Semoga bermanfaat.

Read More

Waveguide Antenna Atau Cantenna Kalkulator

Waveguide Antenna kalkulator  Informasi dari ARRL Antenna handbook

Diameter Paralon / Kaleng (inches)

Frequency	Mhz
TE11 Cutoff Frequency	MHz
TM01 Cutoff Frequency	MHz
Guide Wavelength	inches
1/4 Guide Wavelength	inches
3/4 Guide Wavelength	inches

Masukkan diameter (inches) dari paralon atau kaleng yang akan dibuat sebagai antena, masukkan frekuensi dari jaringan yang dinginkan (GSM / CDMA / WiFi) kemudian klik tombol calculate.

Diameter Paralon / Kaleng (cm.)

Frequency	Mhz
TE11 Cutoff Frequency	MHz
TM01 Cutoff Frequency	MHz
Guide Wavelength	cm
1/4 Guide Wavelength	cm
3/4 Guide Wavelength	cm

Masukkan diameter (cm.) dari paralon atau kaleng yang akan dibuat sebagai antena, masukkan frekuensi dari jaringan yang dinginkan (GSM / CDMA / WiFi) kemudian klik tombol calculate.

Apabila keluar keterangan NaN (Not a number) artinya bahwa paralon atau kaleng yang akan dibuat sebagai waveguide antenna diameternya terlalu kecil untuk bekerja pada frekuensi dari jaringan yang diinginkan.

Keterangan pada gambar:
D    = Diameter Waveguide
Lo  = Panjang Gelombang (diambil nilai tengah spektrum)
Lg  = Panjang Gelombang spektrum terukur yang dapat digunakan

Keterangan pada tabel:
Frequency = Frekuensi yang bekerja pada jalur GSM / CDMA / WiFi
TE11 Cutoff Frequency = Frekuensi Cut-off Bawah
TM01 Cutoff Frequency = Frekuensi Cut-off Atas
Guide Wavelength = Panjang gelombang (diambil nilai tengah spektrum)

Read More

Cara Menggabung Komentar Facebook Dan Komentar Blog

Pada artikel sebelumnya piper comex sudah membahas bagaimana cara sederhana memasang FB comment di blogger. Artinya didalam blog kita nanti akan ada kolom komentar, selain kolom komentar blog juga ada kolom komentar facebook.

Untuk artikel kali ini piper comex akan membahas mengenai bagaimana cara menggabung komentar facebook dan komentar blog menjadi satu tempat. Artinya kita hanya memerlukan satu kolom komentar saja untuk menempatkan dua komentar facebook dan komentar blog.

Kenapa harus dijadikan satu kolom?

Untuk template yang sudah terlalu penuh dengan widget, penempatan kolom komentar facebook dan komentar blog menjadi satu bisa menjadi solusi. Selain itu pengunjung bisa bebas memilih apakah mereka ingin berkomentar menggunakan akun google atau akun facebook.

Langsung saja kita menuju ke TKP.

1. Login ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.

2. Kemudian klik Template ==> Edit HTML ===> Lanjutkan ==> Centang kotak kecil "Expand Templates Widget " 

3. Cari kode: <div class='comments' id='comments'>, pada template saya ada dua kode dan saya pilih kode yang pertama. Kemudian masukkan kode berikut ini dibawah kode tersebut.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments </div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments </div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

Catatan:

witdh='400' dapat disesuaikan dengan lebar halaman artikel blog Anda.
Untuk menambah efek scroll pada kolom komentar Anda bisa mengganti kode:
<div class='comments-page' id='fb-comments-page'>
dengan kode:
<div class='comments-page' id='fb-comments-page' style='max-height:230px;overflow:auto;'>
Tetapi jika tidak ingin menambah scroll, abaikan saja.

4. Selanjutnya cari kode: </head>, lalu letakkan kode dibawah ini diatasnya.

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='MASUKKAN ID FB SOBAT BLOGGER' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script>

Catatan:
Ganti tulisan MASUKKAN ID FB SOBAT BLOGGER dengan ID Facebook Anda.

5. Kemudian untuk berikutnya cari kode:   /* Comment atau kode:  #comments
Bila tidak sama dengan kode diatas, Anda bisa sesuaikan dengan kode yang ada di template Anda. Cari kode yang semirip mungkin.
Setelah ketemu kode tersebut, masukkan kode berikut ini dibawahnya.

.comments-page {} #blogger-comments-page {display: none;} .comments-tab {float:left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2; border-radius:4px;} .comments-tab-icon { height: 16px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}

6. Sebelum disimpan Anda bisa klik Pratinjau dulu untuk memastikan tidak terjadi kesalahan edit. Setelah ok tidak ada masalah, kilk save/ simpan template. Lihat artikel Anda yang sudah berisi komentar, atau Anda bisa uji coba membuat komentar dengan akun blog dan akun facebook untuk melihat hasilnya.

Apabila ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar.
Semoga bermanfaat.

Read More

Cara Encode dan Decode Atau Parse Code HTML

Parse HTML atau Parse Kode HTML adalah tool atau perangkat yang digunakan untuk mem-parse atau konvert kode HTML atau kode script/javascript secara otomatis sehingga mempermudah dalam pemasangan atau instalasi di blog atau halaman posting.

Umumnya Parse HTML diperlukan untuk konvert atau parsing kode HTML pada kode-kode script iklan, seperti script iklan AdSense atau yang lain. Atau juga bagi Anda yang banyak menulis atau posting artikel dengan banyak menggunakan kode javascript yang perlu di parse atau konvert sebelum dipublish agar tidak ada problem error.

Jika ingin menampilkan tulisan kode: <b> about HTML Parse <b> pada halaman post maka Anda harus menulisnya seperti ini: &lt;b&gt about HTML Parse &lt;bgt;

Untuk convert atau parse kode HTML, Anda hanya memasukan atau copy paste kode HTML ke dalam area tool Parse HTML kemudian klik Convert.

Dengan parse kode ini kita dapat menambahkan kode HTML dalam kotak komentar. Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, dll seperti yang sudah dijelaskan sebelumnya.

'<' menjadi '&lt;'
'>' menjadi '&gt;'
'"' (double quote) menjadi '&quot;'
''' (single quote) menjadi '&#039;'
'&' menjadi '&amp;'

Keterangan:
Encodeing = Mengkonvert/ memparse ke format biasa
Decoding = Mengembalikan ke format html nya

Insert Your Text Below Do HTML Encoding Do HTML Decoding

Powered by: WebToolHub.com

Read More

Cara Mengukur Kecepatan Loading Blog

Cara mengukur kecepatan loading blog atau website dapat menggunakan tool dari Google, dengan mengunjungi alamat berikut ini: https://developers.google.com/speed/pagespeed/insights.

Selain menggunakan tool dari Google tersebut, anda juga dapat menggunakan tools.pingdom.com. Tool tersebut dapat Anda digunakan dengan gratis.

Kecepatan loading dari sebuah blog atau website merupakan salah satu hal yang dibutuhkan untuk berhasilnya SEO efforts. Kita semua tahu bahwa halaman blog yang memerlukan waktu loading yang lama akan membuat pengunjung blog menjadi jenuh sehingga dapat saja langsung menutup halaman tersebut sebelum halaman blog terbuka semua. Google sendiri tidak suka dengan halaman blog yang waktu loadingnya lama.

Untuk mengetahui berapa lama waktu loading blog anda menggunakan tool Pingdom caranya sangat mudah. Masukkan alamat url blog anda, kemudian klik test now.
Semakin besar nilai test yang dihasilkan, semakin baik kecepatan loadingnya.


Semoga bermanfaat.

Read More