Cara Membuat Related Posts Di Bawah Posting Blog

Cara Membuat Related Posts Di Bawah Posting | Related posts sangat penting keberadaannya pada suatu blog, karena selain bisa menunjang SEO. Related posts juga berfungsi untuk memudahkan pengunjung untuk mengakses artikel kita yang berkaitan dengan artikel yang sedang di baca oleh pengunjung.
Misalnya... sobat memposting artikel dengan label tutorial blog, atau apa saja, maka jika pengunjung mengklik artikel kita yang berlabel tutorial blog maka akan muncul menu dibawah postingan kita yang menyajikan artikel-artikel yang berlabel tutorial blogger.

Jadi pengunjung bisa menelusuri blog kita, tentunya dengan Related Posts Di Bawah Posting ini akan menunjang profesionalitas blog kita. Dan kali ini, saya akan share tutorialnya.

Screenshot

Baik...  kita akan langsung praktekkan.

1. Login ke blogger sobat.

2. Masuk ke Template > Edit Html.

3. Centang kotak: "Expand Widget Template".
4. Cari kode </head> letakkan kode dibawah ini sebelum kode </head> 

• <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhve2Pc4xmEZ6JhoMbtTyLT7fYbnSc9l97wNbHSRNd9Bl9f3FMLOL_sh98qSPjFoGruybjbyIcz37kvr_wBDRb_qUp_AHScjnnJNuKyGdHGrl6JLlm5J4yMZQmNQ-Gyo8F_wUBiQInv6a0/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>

5. Sekarang cari kode <data:post.body/> jika ada dua, pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>

• <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

6. Klik pratinjau kalau tidak terjadi error, maka...
7. Save template sobat dan lihat hasilnya.

Semoga bermanfaat...

Read More

Cara Buat Tombol Share Dengan Efek jQuery Nudging

Cara Membuat Tombol Share Media Social Bookmarking| Tombol Share widget menggunakan jQuery nudging ini adalah salah satu widget media social seperti twitter, facebook, yahoo, dll. Tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di Libra Blog ini, terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat ke sahabat mereka. Dan widget script jQuery yang saya share ini, tidak berat ketika di loading. Script jQuery ini sangat ringan dan saya pun memakai script ini pada sharing widget di blog ini, jadi jangan khawatir untuk memasang script jQuery pada blog sobat.

Sebelum kita memasang ikon sharing widget ini ada baiknya anda back up template terlebih dahulu untuk jaga-jaga agar tidak terjadi error. Untuk Screenshot, sobat bisa lihat diakhir artikel ini.

• Login ke Blogspot sobat.
• Masuk ke Template > Edit Html.
• Centang pada "Expand Widget Templates"
• Cari kode ]]></b:skin>
• Copy kode dibawah ini dan paste tepat dibawah kode  ]]></b:skin>

• <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in $(this).animate({ marginLeft: &#39;12px&#39; }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); }); </script><!-- end LinkNudging --><!-- end LinkNudging -->

• Gunakan CTRL+F kemudian cari kode <b:if cond='data:post.hasJumpLink'> setelah ketemu kemudian diatas kode tersebut akan ada kode: <div style='clear: both;'/> <!-- clear for photos floats --></div>
• Copy code dibawah ini dan paste tepat diatas kode: <div style='clear: both;'/> <!-- clear for photos floats --></div>

• <br/> <b:if cond='data:blog.pageType == "item"'><b>Bagikan ke Teman Anda</b><br /> <br /> <table border='0'> <tr> <td><script type='text/javascript'> window.___gcfg = {lang: 'en'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })();</script><g:plusone size="standard"></g:plusone></td> <td><div class='bookmarks'> <a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRdUtA7Xku6dhfwZgcfeAXLBixHjaJiziEmurSrGym7vnXpNCU0rKgYUzLqyk_EI7Tj2PVZR_X_ZhUHOAzD7HsBb6yXohyG7bFfbXj0sqNtWorz28WLe6JjzPU2KpTHLp4gNXVTWa5Xc/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a> <a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1SH0pDGzazr3uX-zJlyaNxH9JoL3cpaZiMxbxpL4Vc-bnH2KFZw0GH75z5Z2_Os6J9RQ40fBG8ZbKkjzCO07-6aXetF6sxuch2Iqhzk25piw0lmsKEj_EoFrTUjFvr1VeP1e44VV_0c/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a> <a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvfluDjH1Pcm2Wn9TklGchFcdhX_iLD-muSuqSNf1Jq-lSSFw_2q1A0Ni88yuJy-orggNrgtxHFkCPuF9fiCHUZBMIoXTvBZqpbfkS62u2jhBXaREZXOXP1XN5lhgOmceIuvZ-aK2mG1o/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a> <a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxkIhKfb2UdbDLMISShTEanZf1Qzrydj6jPhO0yZpHZqGxV_QfJQNfwqK3t2pvAKits4NCAVDA_2URh89xXSC3SO9VQUElLQeftpIlphBLuCqRf1TCMhP7oi2FHQ9-55YYxow8AJyteHQ/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a> <a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY_nTOW_NTwvstvtEghJ6nkav0aL-3QQ5oRSaRZ1y4gP1FX9RLzBPASItsm4isVRKmwnE5pfZU-j7S4uKP3Imowd8EkOPTWTZ4CKAFT53umdCFPbJpHTnKuZACuVZJ1gh3YvguU_4Od6E/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a> <a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn9vsTl6ndnCZtqNyuqb8Kl1pVcqzQWB6sCT2s1SBjXVTLgsbym4N4I3FMWHZOUdUcssm5S1OMJ4bRr84TLq9EuzjFxustLEZfWtkzbBlQ4LdM08mV5c6qnDR34Btfo8ujW7XbwrW5oGA/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a> <a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOIaUawHbFuEjYcwp52qBn-CxoztYwIVgGz5u2-cPpbfLpBTbFOtPMJk1iUkjNcgKo7VFoVDkM9fYw-TV_804KRoPsYKnipwY4iv9yo7jQxTjrhGfM2edmJaaSSamuIxYotMNa0Ky9eTc/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a> <a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAydg5ujllz95cSi0MtsHlqC4zbyD1VvT4GZamYmUcHprN7yT5u7UDJ78IETCZevzAJub_5gir4QRrk_30hT7nDZyvSiF5p5OirLMS5LvNNb4Eaddoleh1c0yaagrxEH5hg6mVI_QVWUs/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a> <a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmeSQ0Pq-xKGuKJh4-eYFrlZKFhffDJ88VzHuV879fVB2BVQzPONsQim6tF2jzx4X7LcQDj94EBisImLfdbW69heJWWBRySE_IUPRbObF3b2KNGhbFCr3tfXnwnyWlDj7WmCI-TgCHhcs/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a> <a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrtMpu8upBNrNbIjjD5IUsati9_n1Q_EziTbTNmM5a-V6oJKyoxHOVxM0TERJqdv8WvZbj9VzPD0E-W_dU_O9C69uj6ATUEe49aeSowEAt6PRf6NXtsWCXeD_TVKTsaxcESutMDLN6T4/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a> <a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZawDXdyBJHTw0j29F3Y-VN3FTrVmDZs0bSrGJl2org0bsks-yj21-TvaxqTKItRvgewxVzC0DyGAvVhNSs3F23-lRHtBExXCQPkmrxUvFw-Bj5kgnAE_Rk_9BsJQoiTOOQP_3Yw7yaI/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a> <a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnCm1zLc4W9n5pJjLf3Lw6NsrSTj18ZSzcKcMD7f0CwCp6x6yIKcm2kgxWfR7jgRY8sEeoXyMHQvce56Bkr-ggNHLMXfWE6PUhH61Lc4_6yMFcACB8r1bS3ybdAezEfTvbY9czTIEQqI/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div> </td></tr> </table> </b:if>

PENTING:

Karena GOOGLE CHROME melakukan update, tombol share dengan efek NUDGING ini tidak dapat bekerja dengan baik jika dibuka menggunakan browser GOOGLE CHROME. Saran saya, lebih baik gunakan tombol share ini tanpa efek NUDGING demi kenyamanan pembaca  Blog sobat.

CARANYA: Jangan memasang kode script yang dibawah kode ]]></b:skin> atau skip saja kode itu, kemudian lanjutkan dengan kode yang kedua dan terakhir simpan template.

Semoga bermanfaat...

Read More

IDM 6.12 Final Build 23 Full+Patch

IDM Terbaru | Kemarin saya telah share IDM 6.12 Build 22. Dan ternyata, sekarang sudah ada update versi build Final terbaru lagi dari IDM. Tanggal 26 oktober 2012 kemarin IDM kembali mengupdate versi build finalnya untuk melengkapi fitur dan menutupi bugs pada IDM yaitu: 

* Perbaikan Fixed bugs  pada integrasi IE.
* Peningkatan integrasi Chrome dan Opera.
* Perbaikan crash pada integrasi IDM Chrome.

Screenshot

Fungsi dari Internet Download Manager sendiri, saya rasa sobat sekalian sudah mengetahuinya.

Cara instal Internet Download Manager:
1. Disable koneksi internet.
2. Instal IDM 6.12 build 23 sampai selesai, IDM jangan dijalankan dulu.
3. Buka folder Patch yang saya sertakan.
4. Copy dan Paste-kan file Patch ke direktory instalasi PC sobat.
5. Klik Patch, tunggu beberapa saat > close.
6. Buka program IDM 6.12 build 23.
7. Selesai > Full versi.

Download: IDM 6.12 Final Build 23 Setup
Download: Patch Only
Password .rar: http://libra-dot-symbian60v5.blogspot.com
Note: Saya hanya Update versi Full saja. 
MANBJ92NY4NC

Read More

Avast Pro Internet Security 7.0.1473 Full Key+Patch

Anti Virus Avast Pro Internet Security 7.0 | Adalah anti virus terbaik dari Avast, yang memiliki kemampuan melindungi komputer penggunanya dari beragam masalah keamanan seperti virus, malware, trojan, spyware, phising, dll. Selain itu, antivirus dari Avast tergolong ringan dengan penggunaan memori yang kecil.

Screenshot 

Sebenarnya sudah cukup lama Avast Internet Security 7.0 ini ada, namun saya belum mendapatkan license yang bagus. Dan setelah sekian lama mencari, akhirnya ada juga Avast Internet Security 7 Full + Crack sampai 2050. Dan Avast adalah, salah satu Anti virus yang cukup terkenal dan banyak pemakainya, karena memang proteksinya yang lumayan ampuh dan kelebihan utama yang hingga kini masih terus dipertahankan.

Cara Instal Avast anti virus:
1. Disable koneksi internet.
2. Instal "avast_internet_security_setup", pilih: trial instalation", lanjutkan sampai selesai > Avast akan melakukan scan pertama kali > Restart komputer.
4. Setelah instalasi, jangan menjalankan program dulu. Jika berjalan kemudian keluar.

Cara Patch/Crack Avast Internet Security:
1. Jalankan AVAST Internet Security 7.
2. Klik "Pengaturan" atau "Setting".
3. Pilih "Mengatasi Masalah" atau "Troubleshoot".
4. Matikan/Hilangkan Ceklist "Enable avast module self defense" > klik: OK > Exit Avast.
5. Jalankan/Install "Patch 2050.exe" -> Ikuti saja langkahnya/Next
   Jika diminta password, masukkan password: (sudah saya sertakan dalam file) > Finish.
6. Restart Komputer > Selesai.
7. Semoga bermanfaat...

System Requirements:

• Windows 7 (any Edition, 32-bit or 64-bit)
• Windows Vista (any Edition excl. Starter Edition, 32-bit or 64-bit)
• Windows XP Service Pack 2 or higher (any Edition, 32-bit or 64-bit)
• Microsoft Windows 2000 Professional Service Pack 4 (incompatible with avast! Account)

Download: 
Setup: Avast Pro Internet Security 7.0.1473 setup

Crack /Patch only: Avast Internet Security 

Password .rar: http://libra-dot-symbian60v5.blogspot.com

Read More