Related Posts with Thumbnails for Blogger

Posted by Ibnu Siham

Alternatif lain untuk membuat related post with thumbnail, step by step :
1. Masuk ke akun Blogger Anda, pilih Layout > Edit HTML.  Jangan lupa centang "Expand Widget template"
2. Cari tag </head> lalu tindih dengan script dibawah ini :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
3. Lalu cari :
<div class='post-footer-line post-footer-line-1'>
4. Lalu letakkan script berikut dibawahnya :
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End—>
5. Untuk mengubah jumlah artikel terkait (related post) yang ingin ditampilkan, ubah angka pada bagian :
var maxresults=5;
6. Untuk mengganti title widget, ubah teks pada bagian :
var relatedpoststitle="Related Posts";





   
More aboutRelated Posts with Thumbnails for Blogger

Widget Google Translate

Posted by Ibnu Siham

Google Translate merupakan penerjemah halaman web secara instan. Dengan memasang widget Google Translate ini blog kita akan lebih user friendly dan diharapkan pengunjung blog dari berbagai belahan dunia tidak akan kesulitan untuk membaca artikel blog kita.
Langkah-langkah untuk memasang widget Google translate :
1. Masuk ke situs google translate (http://translate.google.co.id)

2. Lalu pilih tab peralatan, akan tampil seperti berikut :


3. Pilih bahasa utama halaman blog kita, lalu pilih bahasa terjemahan  setelah itu copy script yang ada didalam kotak dibawahnya ke halaman blog kita.
4.  Untuk meletakkan kode google translate tersebut masuk ke Edit HTML pada bagian Page Layout
5.  Lalu save.
Atau bisa juga pakai alternatif berikut ini :
Copy paste script berikut ke template layout blog anda  :
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>
NB : script kedua tersebut saya peroleh dari tipsblogger.com
More aboutWidget Google Translate

Related Post with thumbnail

Posted by Ibnu Siham

Sudah banyak teman-teman blogger senior yang membahas bagaimana caranya membuat related post with thumbnail. Dari beberapa tutorial yang saya coba hasilnya kurang memuaskan/gagal. Bahkan related post yang saya coba terjadi duplikasi hingga 5 kali (maklum, saya buta sama sekali dengan bahasa html.. he...hee..). Setelah coba sana-sini nggak ada yang berhasil, akhirnya saya temukan solusi mudah yaitu memakai Linkwithin.
Tatacara bagaimana menggunakan widget related post with thumbnail dari linkwithin tidak akan saya bahas, karena sangat simple sekali dan sudah banyak juga blogger senior yang membahasnya. Jadi kali ini saya akan memberikan triks bagaimana menghilangkan thumbnail dan mengganti teks You might also like sesuai yang kita inginkan. :)
Okay yang pertama : untuk menghilangkan thumbnail, letakkan script berikut ini setelah tag <body> :
<script>linkwithin_text_only=
1</script>
yang kedua untuk mengganti You might also like letakkan juga script berikut ini setelah tag <body> :
<script>linkwithin_text='Your Custom Text:'</script>
Lalu Save. 

Perlu diketahui juga bahwa script di atas saya peroleh setelah konsultasi via e-mail dengan LILIYA dari Linkwithin.

Semoga bermanfaat... !
More aboutRelated Post with thumbnail

Tips aman berkomputer dari serangan virus

Posted by Ibnu Siham

Seperti postingan saya sebelumnya masalah virus cleaner, kali saya ingin berbagi tips agar komputer kita tidak mudah terserang virus. Pemahaman spt saya, yang awam masalah komputer dulu berpikir bahwa dengan memasang antivirus komputer kita aman dari serangan virus. Iya kan? :)
Pemikiran tersebut tidak sepenuhnya salah, paling tidak dengan memasang "SATPAM" komputer kita akan ada yang memantau aktivitas program komputer. Tetapi pemikiran tersebut harus lebih dikembangkan lagi, "Sebagus-bagusnya antivirus/yang paling terkenal sekalipun + Update" terbaru bukan jaminan bahwa komputer kita telah aman dari virus/spyware/malware dll. Karena biasanya si pembuat virus akan terus mengembangkan kemampuan virus buatannya ketika Si Antivirus mengenalinya.
Oleh karena itu ada hal-hal yang perlu diperhatikan,untuk menjaga komputer kita dari serangan virus :
*) Update yang rutin database virus (virus definition). Saat ini hampir semua pembuat antivirus me-release paket virus definition terbaru setiap minggu, diluar update harian yang bisa dilakukan secara otomatis saat kita terkoneksi dengan internet.
*) Matikan proses AUTORUN. Cara termudah untuk melakukan ini bisa baca artikel saya sebelumnya tentang Panda USB Vaccine
*) Perhatikan ekstensi file saat kita akan menjalankan file tersebut. Karena virus sekarang banyak yang menyamarkan dirinya dengan menggunakan icon aplikasi yang umum seperti *.doc , *.xls, *.jpg. Saat kita jalankan data tersebut ternyata file virus yang dieksekusi.
*) Jangan begitu saja mencolokkan flashdisk ke komputer,apalagi riwayat pemakaian flashdisk tersebut kita tidak tahu. Karena selain lewat internet, penyebaran virus via flashdisk cukup dominan.

Demikian sedikit tips dari saya, smoga bermanfaat ... :)
More aboutTips aman berkomputer dari serangan virus

Avast 4.xx Virus Definition VPS 091020-0

Posted by Ibnu Siham



Antivirus produk ALWIL Software ini patut dilirik, selain karena bersifat FREE (untuk Avast Home Edition, pengalaman saya selama menggunakannya kemampuan untuk mendeteksi virus lokal cukup bagus.
Antivirus yang satu ini memberikan perlindungan yang cukup komplit termasuk resident shield, antirootkit dll. Update otomatis setiap hari untuk menjamin perlindungan dari virus, malware maupun spyware. Dan ini perlu dilakukan oleh rekan-rekan,apapun antivirus yang dipakai.
Kalau rekan-rekan memiliki akses internet, program akan secara otomatis mendownload update tanpa perlu campur tangan kita. Jadi klik update link dibawah ini kalau memang benar-benar diperlukan.

Download Program : Setup Avast Home Edition
Download update : vpsupd 091020-0 Release date 20-09-2009
More aboutAvast 4.xx Virus Definition VPS 091020-0

Free Comodo Internet Security 3.12

Posted by Ibnu Siham

Comodo Internet Security (CIS) ada dua, versi FREE dan PRO. Sesuai dengan namanya CIS memberikan 2 perlindungan sekaligus, selain antivirus didalamnya sudah disertakan firewall baik itu versi Free maupun Pro.

Fitur-fitur CIS antara lain :
1. Firewall: Perlindungan dari hackers
2. Antivirus
3. Defense+: Proteksi terhadap critical system files dan mencegah malware masuk diinstal ke komputer.
4. Memory Firewall: perlindungan dari serangan buffer overflow attacks.
5. Anti-Malware : perlindungan dari malware.

Sedangkan untuk yang versi Pro ditambah fitur : LivePCSupport dan TrustConnect (secure internet proxy)

Download : Comodo Internet Security 3.12

Publisher website : www.comodo.com
OS : Windows XP/Vista
More aboutFree Comodo Internet Security 3.12

Download SMADAV Rev. 7.1

Posted by Ibnu Siham

Setelah beberapa lama mengamati antivirus lokal yang satu ini melalui forum-forum yang membicarakan masalah virus, akhirnya saya memutuskan untuk mencobanya. Dengan ukuran yang kecil langsung saja saya unduh melalui situsnya.
Smadav ini walaupun bersifat freeware, dibagi 2 tipe : SMADAV PRO dan SMADAV FREE.  Untuk mendapatkan yang versi PRO kita harus memberikan donasi dengan nilai tertentu.  Kelebihan yang terdapat di versi PRO diantaranya Update Otomatis Online, Scanning 10x Lebih Cepat, Exception List, Maximize/Resize, Mengganti Warna Tema, Bahasa Indonesia/Inggris, Password Admin, dan Izin Penggunaan Profit.
Download : SMADAV Rev.7.1

N.B.:
Bagi yang sering browsing, disarankan untuk tetap memasang antivirus+firewall yang Uptodate  untuk mencegah spyware /malware menyusup kekomputer kita, apalagi sekarang harga antivirus yang berlisensi resmi harganya juga sudah cukup terjangkau.  
More aboutDownload SMADAV Rev. 7.1

IZArc version 4.0 beta 1 Build 1760

Posted by Ibnu Siham



IZArc merupakan salah satu tools compression/Archive yang sangat bagus dan komplit.  Tampilannya juga sangat USER FRIENDLY Selain bersifat FREE, tidak ada Adware didalamnya.  Tidak seperti beberapa aplikasi archive yang bersifat shareware, yang kadangkala masih ada adware didalamnya. IZArc mendukung/support format file seperti 7-ZIP, A, ACE, ARC, ARJ, B64, BH, BIN, BZ2, BZA, C2D, CAB, CDI, CPIO, DEB, ENC, GCA, GZ, GZA, HA, IMG, ISO, JAR, LHA, LIB, LZH, MDF, MBF, MIM, NRG, PAK, PDI, PK3, RAR, RPM, TAR, TAZ, TBZ, TGZ, TZ, UUE, WAR, XXE, YZ1, Z, ZIP, ZOO.


Source  : www.izarc.org
 
More aboutIZArc version 4.0 beta 1 Build 1760

Print Friendly Button

Posted by Ibnu Siham

Trik kali ini digunakan untuk menambahkan fitur Cetak pada postingan kita.   Dengan adanya tombol cetak ini, akan memudahkan pengunjung yang membaca blog kita untuk mencetak tulisan kita.  Langkah-langkah yang harus dilakukan untuk menyisipkan kode Print Button di blog sebagai berikut :
1. Log in ke akun Blogger
2. Klik Layout > Edit HTML
3. Centang Expand Widget Template
4. Cari  <div class='post-footer'>
5. Lalu letakkan script berikut ini di bawahnya :
<!-- BEGIN PrintFriendly Code --><b:if cond='data:blog.pageType == "item"'><div id='pfButton'><link href='http://cdn.printfriendly.com/printfriendly.css' rel='stylesheet' type='text/css'/><script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/><a href='http://www.printfriendly.com' id='printfriendly' onclick='window.print(); return false;' title='Print an optimized version of this blog post'><img alt='Print' src='http://cdn.printfriendly.com/pf-button.gif' style='border:none;'/></a></div><b:else/><div id='pfButton'><a expr:href='data:post.url + "?pfstyle=wp"' title='Print an optimized version of this blog post'><img alt='Print' id='printfriendly' src='http://cdn.printfriendly.com/pf-button.gif' style='border:none; padding:0;'/></a></div></b:if><!-- END PrintFriendly Code -->
More aboutPrint Friendly Button

Free Ashampoo Software

Posted by Ibnu Siham

Untuk penggemar software yang gratisan  :), kali ini saya akan sharing info tentang aplikasi Burning dan Utility yang FREE FULL VERSION. Menyambut 10 tahun kiprah ASHAMPOO, situs ini  menyediakan 3 aplikasi yang bisa diunduh secara gratis dan full version yaitu :
1. Ashampoo WinOptimizer
2. Ashampoo Photo Commander
3. Ashampoo Burning Studio 2009

Silahkan klik title posting saya di atas untuk menuju ke halaman situs Ashampoo dan tersedia 3 link untuk mengunduh 3 aplikasi gratis tersebut. Jadi harus cepat diunduh, sebelum linknya dihapus.

Sumber : www.ashampoo.com
More aboutFree Ashampoo Software

Notepad++ version 5.5.1

Posted by Ibnu Siham

Notepad++ is a free source code editor and Notepad replacement that supports several languages. The features of Notepad++ :


1. Syntax Highlighting and Syntax Folding
2. WYSIWYG
3. User Defined Syntax Highlighting
4. Auto-completion
5. Multi-Document
6. Multi-View
7. Regular Expression Search/Replace supported
8. Full Drag ‘N' Drop supported
9. Dynamic position of Views
10. File Status Auto-detection
11. Zoom in and zoom out
12. Multi-Language environment supported
13. Bookmark
14. Brace and Indent guideline Highlighting
15. Macro recording and playback


Download : Notepad++ 5.5.1


Source         :  www.notepad-plus.sourceforge.net
License/OS  : GPL / Windows

More aboutNotepad++ version 5.5.1

How to create Read More

Posted by Ibnu Siham

Continuing my previous post about read more scripts, this time I offer an alternative to read more on our posts.
Follow this step :
1. Go to "Layout" click "Edit HTML"
2. Click box "Expand Widget Templates"
3. Find this code
    ]]></b:skin>
  </head>
4. If  found copy code below and place it under </head> :






<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}


function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}


var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

5. Find this code : <data:post.body/>
6. Replace with this code :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><span style='font-weight:bold;'>Baca Selengkapnya...</span></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

More aboutHow to create Read More

Read More Script

Posted by Ibnu Siham

This code is used to cut our posting, and appear fully when we click Read More or More Link. This script will automatically cut our post and make a thumbnail when we insert image.
Follow this step :
1. Go to "Layout" click "Edit HTML"
2. Click box "Expand Widget Templates"
3. Press Ctrl + F (I used Firefox) and then type  <data:post.body>
4. If  found replace with this code :

<script type="text/javascript">

          summary_noimg = 430;
          summary_img = 340;
          img_thumb_height = 100;
          img_thumb_width = 120;
          </script>
          <script src="http://blogergadgets.googlecode.com/files/excerpt.js" type="text/javascript">
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <div expr:id='&quot;summary&quot; + data:post.id'>

          <data:post.body/></div>
          <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
          </script>
          <span style="float: right;"><a expr:href="data:post.url" href="">Read more</a></span>
          </data:post.body>
          <b:if cond="data:blog.pageType == &quot;item&quot;"><data:post.body></data:post.body>


</b:if>
5. Save

Source : www.deluxetemplate.com


More aboutRead More Script

Download PCMAV 2.2 Update Build 1

Posted by Ibnu Siham

--> Added new 10 variants virus, to download click PCMAV 2.2 Update Build 1
More aboutDownload PCMAV 2.2 Update Build 1

Download Firefox 3.5.4 Beta (For Testing Only)

Posted by Ibnu Siham

“We now have a Firefox 3.5.4 release candidate available for testing. Note that this builds are release candidates and is intended for pre-release testing. We would like your help in testing the release candidate sand identifying any possible regressions or issues,” revealed Carsten Book, software engineer working for the Mozilla QA Team.
If all goes well, Mozilla plans to release the final version of the Firefox 3.5.4 stability and security update next week, on October 21st, 2009.

Source : www.softpedia.com
License : Freeware
Link : Firefox 3.5.4 Beta Setup
More aboutDownload Firefox 3.5.4 Beta (For Testing Only)

Panda USB Vaccine

Posted by Ibnu Siham

Panda USB Vaccine used to disable AUTORUN.INF file on individual USB drives in order to prevent malware infections from spreading automatically. When applied on a USB drive, the vaccine permanently blocks the AUTORUN.INF file, preventing it from being read, created, deleted or modified.

When applied, Panda USB Vaccine will disables Windows from automatically executing AUTORUN.INF that might script to run any malicious file be stored in that particular USB drive. The drive can otherwise be used normally and files (even malware) copied to/from it, but they will be prevented from opening automatically.
Click Here to download

Source : www.softpedia.com
License : Freeware
Size/OS : 828 KB / Windows 2K / XP / Vista
More aboutPanda USB Vaccine

Mozilla Firefox 3.6 Aplha 1

Posted by Ibnu Siham

The browser provides virus, popup and spyware protection in a simple, easy to use tabbed interface.
Click to download : FireFox 3.6 Alpha 1
More aboutMozilla Firefox 3.6 Aplha 1

PCMAV Update Build 4

Posted by Ibnu Siham

--> PCMAV 2.1a update Build 4, added 10 virus variant-total 40 new virus database.
Update PCMAV Valkyrie 2.1a Build 4
More aboutPCMAV Update Build 4