السلام عليكم ورحمت الله وبركاته ----------------------------------------------->
Camera is a responsive/adaptive slideshow. Try to resize the browser window
It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers
It's completely free (even though a donation is appreciated)
Camera slideshow provides many options to customize your project as more as possible
It supports captions, HTML elements and videos.
Tampilkan postingan dengan label Widget Jquery. Tampilkan semua postingan
Tampilkan postingan dengan label Widget Jquery. Tampilkan semua postingan

Rabu, 05 Maret 2014

Cara mudah memasang Commentluv di Blogger


Sudah lama saya tidak share artikel di blog ini. Sebagai permintaan maafnya, saya akan memberi trik kepada anda "Cara Memasang Commentluv di Blogger". Kegunaannya apa ? Dapat meningkatkan jumlah komentar dan memaksimalkan komunikasi tentunya.
Untuk sumber dan Demonya silahkan buka link berikut
http://bloggerblog67.blogspot.com/2013/08/strategi-bersosial-dengan-memasang.html
Untuk caara memasangnya, silahkan cari </head>
Dan pasang kode berikut
<script type='text/javascript'>
//<![CDATA[
/**
* Recent CommentLuv for Blogger
* Version : 1.1.0
* Author : Nawi Kusparman
* Author Url : http://bloggerblog67.blogspot.com/
* Google Plus : https://plus.google.com/115040995679798965767
* (c) 2013 allrightsreserved.
*/
function commentluv(json) {
for (var i = 0; i < 1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var postdate = entry.published.$t.substring(0,10);
var postauthor = entry.author[0].name.$t;
document.write('<br>');
document.write( postauthor + ' Recently posted >>> ' + posttitle + '');
document.write(' <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj3gbaqeigXXUQBAw4liDjlP2MxidOodrta7jRgvSnnPHrh_Nq5l5xpNwmFfe8keTsTzIJVGqJ2PAw_Ph03EcAD9k-yAvEr6_24uyPQvaEc0ExkYkWuICRHkPykFkh7XM0vYkC82l-e7c/s1600/commentluv.gif"/>');
}
}
//]]>
</script>
Lalu, cari kode berikut
<data:comment.author/> 
 Cari yang ketida dan letakkan kode ini tepat dibawahnya sebelum kode </a>
<script expr:src=' data:comment.authorUrl + &quot;/feeds/posts/default?alt=json-in-script&amp;callback=commentluv&quot;'/>
Lalu pasang kode berikut di atas </body>
<script type='text/javascript'>
jQuery(document).ready(function($){ $(&#39;.comments .comments-content .user a&#39;).click(function(){ window.open(this.href); return false; }); });
</script>
Anda harus memasang Jquerry terlebih dahulu, cara memasangnya sudah dijelaskan di artikel sebelumnya

Memasang tombol Like di bawah Artikel


Jika sebelumnya saya share mengenai tombol like di komentar , sekarang saya share yang dibawah artikel. Pada widget ini , tidak hanya tombol like/suka saja, tapi juga tombol tidak suka/dislike dan tombol untuk mengshare artikel di Facebook , Twitter, Google Plus , Tumblr, Pinterest dan Blogger ( Reblog ). Sehingga dapat menaikkan traffic dari social media secara gratis.

Baca artikel berikut untuk update dari kode ini dengan berbagai perubahan : Update tombol like di blogger

Cara memasangnya

Pertama-tama buka blogger > Template > Edit HTML
1. Cari 
<data:post.body/>
2. Lalu, bawahnya , masukkan kode berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='idbloggertrick-blogspot-com-likedislike'/>
</b:if>

Memasang Jquery

Pasang jquery di blog anda ( sebaiknya anda menggunakan versi 1.9 karena versi sebelumnya dan selanjutnya ada perubahan dalam kodenya, baik penambahan maupun pengurangan

  • Letakkan ini dibawah <head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

 Memasang CSS

Letakkan kode CSS ini diatas ]]></b:skin>
<style type="text/css">
#idbloggertrick-blogspot-com-likedislike {
 margin: 0.5em 0;
 font-size: 12px!important;
}
#idbloggertrick-blogspot-com-likedislike * {
 line-height: 1.3em!important;
}
#idbloggertrick-blogspot-com-likedislike .button {
 float: left;
 width: 95px;
 overflow: hidden;
 border: 1px solid #C6C6C6;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff8f8f8,EndColorStr=#ffeeeeee);
 background-image: -moz-linear-gradient(top,#F8F8F8 0,#EEE 100%);
 background-image: -ms-linear-gradient(top,#F8F8F8 0,#EEE 100%);
 background-image: -o-linear-gradient(top,#F8F8F8 0,#EEE 100%);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F8F8F8),color-stop(100%,#EEE));
 background-image: -webkit-linear-gradient(top,#F8F8F8 0,#EEE 100%);
 background-image: linear-gradient(to bottom,#F8F8F8 0,#EEE 100%);
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 margin: 0 0.5em 0 0;
 padding: 2px 0;
 filter: alpha(opacity=60);
 opacity: 0.6;
}
#idbloggertrick-blogspot-com-likedislike .button:hover {
 filter: alpha(opacity=100);
 opacity: 1;
}
#idbloggertrick-blogspot-com-likedislike .button iframe {
 height: 20px;
 margin: 1px 0 0 0;
 position: relative;
 z-index: 9999;
}
#idbloggertrick-blogspot-com-likedislike .like.button iframe {
 margin-left: -104px;
}
#idbloggertrick-blogspot-com-likedislike .dislike.button iframe {
 margin-left: -92px;
}
#idbloggertrick-blogspot-com-likedislike .button div.icon {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUyB5ZRYXMhw0suTeJkoVzbAg6w7QL-y_dulmgPgpQHXZRraTtdadLfaYKCzUatDPDcjApoA2YzJEUWrwA52HoIUaObM79ppZYZwOBQylYDLRWIP99vozwV9l56-YzNk6FOM3kot1QATc/s1600/ui-icons.png);
 background-repeat: no-repeat;
 height: 20px;
 width: 20px;
 position: absolute;
 z-index: 1;
}
#idbloggertrick-blogspot-com-likedislike .like.button div.icon {
 background-position: -252px -26px;
}
#idbloggertrick-blogspot-com-likedislike .dislike.button div.icon {
 background-position: -320px -138px;
}
#idbloggertrick-blogspot-com-likedislike .like.button {
 width: 85px;
}
#idbloggertrick-blogspot-com-likedislike .share.button {
 width: 50px;
 text-align: center;
 padding: 8px;
 color: black;
 font-weight: bold;
 font-size: 12px;
 line-height: 12px!important;
}
#idbloggertrick-blogspot-com-likedislike .button div.label {
 position: absolute;
 margin: 4px 0 0 22px;
 color: black;
 font-size: 12px;
 z-index:1;
}
#idbloggertrick-blogspot-com-likedislike .button:active {
 border-color: #C6C6C6;
 background-color: #E9E9E9;
 background-image: none;
 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
 -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
#idbloggertrick-blogspot-com-likedislike .share-box {
 margin: 0.5em 0;
 display: none;
}
#idbloggertrick-blogspot-com-likedislike input.share-url {
 display:block;
 -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
 -ms-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
 -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
 box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 border: 1px solid #ccc;
 padding: 5px;
 width: 50%;
}
#idbloggertrick-blogspot-com-likedislike input.share-url:hover {
 -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
 -ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
 -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .15);
 box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .15);
}
#idbloggertrick-blogspot-com-likedislike .bi-share-button:hover {
 filter: alpha(opacity=90);
 opacity: 0.9;
}
#idbloggertrick-blogspot-com-likedislike .bi-share-button {
 display: block;
 float: left;
 width: 32px;
 height: 32px;
 margin: 1% 3% 0 0;
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs44TmJo_EGrctvlZF8YGHPoC_WaEaFYN0-nGlVDcXvYdO1rVherWGa0cQ8XNWNO2YXorGhwLb-q1NQ4vpaCJYeQSj7fxjq0QprjbUtUl7uY1Sp34s8X5weyK9QUGDq23Y16ExG-qNWO0/s1600/social-icons.png);
 background-repeat: no-repeat;
}
#idbloggertrick-blogspot-com-likedislike .bi-share-facebook {background-position: 0 -652px;}
#idbloggertrick-blogspot-com-likedislike .bi-share-twitter {background-position: 0 -1104px;}
#idbloggertrick-blogspot-com-likedislike .bi-share-gplus {background-position: 0 -488px;}
#idbloggertrick-blogspot-com-likedislike .bi-share-tumblr {background-position: 0 -380px;}
#idbloggertrick-blogspot-com-likedislike .bi-share-pinterest {background-position: 0 0;}
#idbloggertrick-blogspot-com-likedislike .bi-share-blogger {background-position: 0 -688px;}
#idbloggertrick-blogspot-com-likedislike a.copyright-button:hover {
 text-decoration: underline;
}
#idbloggertrick-blogspot-com-likedislike a.copyright-button {
 display: block;
 float: left;
 width: 1em;
 height: 1em;
 background: red;
 color: white;
 text-align: center;
 color: white;
 padding: 0.2em;
 font-size: 10px;
 font-weight: bold;
 margin: 3% 0 0 0;
}
</style>

Memasang Javascript 

Letakkan kode javascript ini diatas </body>
<script type='text/javascript'>
//<![CDATA[
var default_share_description = 'Love it';//default share description when your site has no one
var default_share_title = 'This is it';//default title share when your site has no one
var text_likes = 'Likes';//text use in "like" button
var text_dislikes = 'Dislikes';//text use in dislike button
var _0xf8e4=["\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x23","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x3F","","\x25\x32\x36\x6E\x62\x73\x70\x25\x33\x42","\x3C\x69\x66\x72\x61\x6D\x65\x20\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x61\x6C\x6C\x6F\x77\x74\x72\x61\x6E\x73\x70\x61\x72\x65\x6E\x63\x79\x3D\x22\x74\x72\x75\x65\x22\x20\x73\x63\x72\x6F\x6C\x6C\x69\x6E\x67\x3D\x22\x6E\x6F\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x2E\x63\x6F\x6D\x2F\x62\x6C\x6F\x67\x2D\x70\x6F\x73\x74\x2D\x72\x65\x61\x63\x74\x69\x6F\x6E\x73\x2E\x67\x3F\x6F\x70\x74\x69\x6F\x6E\x73\x3D\x25\x35\x42\x61","\x25\x35\x44\x26\x74\x65\x78\x74\x43\x6F\x6C\x6F\x72\x3D\x25\x32\x33\x30\x30\x30\x30\x30\x30\x23","\x22\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E","\x23\x69\x64\x62\x6C\x6F\x67\x67\x65\x72\x74\x72\x69\x63\x6B\x2D\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2D\x63\x6F\x6D\x2D\x6C\x69\x6B\x65\x64\x69\x73\x6C\x69\x6B\x65","\x74\x65\x78\x74","\x74\x69\x74\x6C\x65","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x68\x31","\x63\x6F\x6E\x74\x65\x6E\x74","\x61\x74\x74\x72","\x6D\x65\x74\x61\x5B\x6E\x61\x6D\x65\x3D\x22\x64\x65\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x22\x5D","\x6D\x65\x74\x61\x5B\x6E\x61\x6D\x65\x3D\x22\x44\x65\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x22\x5D","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x73\x72\x63","\x65\x61\x63\x68","\x69\x6D\x67","\x68\x74\x74\x70\x3A\x2F\x2F","\x68\x6F\x73\x74\x6E\x61\x6D\x65","\x2F\x66\x61\x76\x69\x63\x6F\x6E\x2E\x69\x63\x6F","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x72\x2F\x73\x68\x61\x72\x65\x72\x2E\x70\x68\x70\x3F\x75\x3D","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x77\x69\x74\x74\x65\x72\x2E\x63\x6F\x6D\x2F\x69\x6E\x74\x65\x6E\x74\x2F\x74\x77\x65\x65\x74\x3F\x75\x72\x6C\x3D","\x26\x74\x65\x78\x74\x3D","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x70\x6C\x75\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x75\x2F\x30\x2F\x73\x68\x61\x72\x65\x3F\x75\x72\x6C\x3D","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x74\x75\x6D\x62\x6C\x72\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x3F\x76\x3D\x33\x26\x74\x3D","\x26\x75\x3D","\x68\x74\x74\x70\x3A\x2F\x2F\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x2E\x63\x6F\x6D\x2F\x70\x69\x6E\x2F\x63\x72\x65\x61\x74\x65\x2F\x62\x6F\x6F\x6B\x6D\x61\x72\x6B\x6C\x65\x74\x2F\x3F\x75\x72\x6C\x3D","\x26\x74\x69\x74\x6C\x65\x3D","\x26\x64\x65\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x3D","\x26\x6D\x65\x64\x69\x61\x3D","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x6C\x6F\x67\x67\x65\x72\x2E\x63\x6F\x6D\x2F\x62\x6C\x6F\x67\x2D\x74\x68\x69\x73\x2E\x67\x3F\x6E\x3D","\x26\x62\x3D\x25\x33\x43\x61\x2B\x68\x72\x65\x66\x25\x33\x44\x25\x32\x32","\x25\x32\x32\x2B\x25\x33\x45","\x25\x33\x43\x25\x32\x46\x61\x25\x33\x45\x26\x65\x75\x72\x6C\x3D","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x69\x6B\x65\x20\x62\x75\x74\x74\x6F\x6E\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x63\x6F\x6E\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x30\x32\x30\x31","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x64\x69\x73\x6C\x69\x6B\x65\x20\x62\x75\x74\x74\x6F\x6E\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x63\x6F\x6E\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x22\x3E","\x30\x32\x30\x32","\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x61\x72\x65\x20\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22\x23\x73\x68\x61\x72\x65\x74\x68\x69\x73\x22\x3E\x53\x68\x61\x72\x65\x3C\x2F\x61\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6C\x65\x61\x72\x3A\x62\x6F\x74\x68\x3B\x66\x6C\x6F\x61\x74\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x61\x72\x65\x2D\x62\x6F\x78\x22\x3E","\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x61\x72\x65\x2D\x75\x72\x6C\x22\x20\x76\x61\x6C\x75\x65\x3D\x22","\x22\x2F\x3E","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x66\x61\x63\x65\x62\x6F\x6F\x6B\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x2F\x61\x3E","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x74\x77\x69\x74\x74\x65\x72\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x67\x70\x6C\x75\x73\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x74\x75\x6D\x62\x6C\x72\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x6C\x6F\x67\x67\x65\x72\x20\x62\x69\x2D\x73\x68\x61\x72\x65\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x61\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x2D\x62\x75\x74\x74\x6F\x6E\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x69\x64\x62\x6C\x6F\x67\x67\x65\x72\x74\x72\x69\x63\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x32\x30\x31\x33\x2F\x30\x37\x2F\x6D\x65\x6D\x61\x73\x61\x6E\x67\x2D\x74\x6F\x6D\x62\x6F\x6C\x2D\x6C\x69\x6B\x65\x2D\x64\x69\x2D\x62\x61\x77\x61\x68\x2D\x61\x72\x74\x69\x6B\x65\x6C\x2E\x68\x74\x6D\x6C\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x66\x6C\x6F\x61\x74\x3A\x20\x6C\x65\x66\x74\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x77\x69\x64\x74\x68\x3A\x20\x31\x65\x6D\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x68\x65\x69\x67\x68\x74\x3A\x20\x31\x65\x6D\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x72\x65\x64\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x20\x63\x65\x6E\x74\x65\x72\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x30\x2E\x32\x65\x6D\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x20\x31\x30\x70\x78\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x66\x6F\x6E\x74\x2D\x77\x65\x69\x67\x68\x74\x3A\x20\x62\x6F\x6C\x64\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x20\x33\x25\x20\x30\x20\x30\x20\x30\x3B\x66\x69\x6C\x74\x65\x72\x3A\x20\x61\x6C\x70\x68\x61\x28\x6F\x70\x61\x63\x69\x74\x79\x3D\x31\x30\x30\x29\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x6F\x70\x61\x63\x69\x74\x79\x3A\x20\x31\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79\x3A\x76\x69\x73\x69\x62\x6C\x65\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x73\x74\x61\x74\x69\x63\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x57\x61\x6E\x74\x20\x6F\x6E\x65\x20\x6C\x69\x6B\x65\x20\x74\x68\x69\x73\x3F\x22\x3E\x3F\x3C\x2F\x61\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6C\x65\x61\x72\x3A\x62\x6F\x74\x68\x3B\x66\x6C\x6F\x61\x74\x3A\x6E\x6F\x6E\x65\x3B\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x6D\x6C","\x66\x61\x73\x74","\x74\x6F\x67\x67\x6C\x65","\x23\x69\x64\x62\x6C\x6F\x67\x67\x65\x72\x74\x72\x69\x63\x6B\x2D\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2D\x63\x6F\x6D\x2D\x6C\x69\x6B\x65\x64\x69\x73\x6C\x69\x6B\x65\x20\x2E\x73\x68\x61\x72\x65\x2D\x62\x6F\x78","\x63\x6C\x69\x63\x6B","\x23\x69\x64\x62\x6C\x6F\x67\x67\x65\x72\x74\x72\x69\x63\x6B\x2D\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2D\x63\x6F\x6D\x2D\x6C\x69\x6B\x65\x64\x69\x73\x6C\x69\x6B\x65\x20\x2E\x73\x68\x61\x72\x65\x2E\x62\x75\x74\x74\x6F\x6E"];var nake_url=window[_0xf8e4[1]][_0xf8e4[0]];index=nake_url[_0xf8e4[3]](_0xf8e4[2]);if(index!=-1){nake_url=nake_url[_0xf8e4[4]](0,index);} ;index=nake_url[_0xf8e4[3]](_0xf8e4[5]);if(index!=-1){nake_url=nake_url[_0xf8e4[4]](0,index);} ;var label_space=_0xf8e4[6];for(i=0;i<29;i++){label_space+=_0xf8e4[7];} ;function rate_item_html(_0xb315x4){html=_0xf8e4[8]+label_space+_0xf8e4[9]+nake_url+_0xb315x4+_0xf8e4[10];return html;} ;var holder=_0xf8e4[11];var title=$(_0xf8e4[13])[_0xf8e4[12]]();if((title==_0xf8e4[6])|| typeof (title)==_0xf8e4[14]){title=$(_0xf8e4[15])[_0xf8e4[12]]();} ;if((title==_0xf8e4[6])|| typeof (title)==_0xf8e4[14]){title=default_share_title;} ;var description=$(_0xf8e4[18])[_0xf8e4[17]](_0xf8e4[16]);if(description==_0xf8e4[6]|| typeof (description)==_0xf8e4[14]){description=$(_0xf8e4[19])[_0xf8e4[17]](_0xf8e4[16]);} ;if(description==_0xf8e4[6]|| typeof (description)==_0xf8e4[14]){description=default_share_description;} ;var media_url=_0xf8e4[6];var cw=0;var ch=0;$(_0xf8e4[24])[_0xf8e4[23]](function (){w=$(this)[_0xf8e4[20]]();h=$(this)[_0xf8e4[21]]();if(media_url==_0xf8e4[6]){media_url==$(this)[_0xf8e4[17]](_0xf8e4[22]);} ;if(w>=cw&&h>=ch){cw=w;ch=h;media_url==$(this)[_0xf8e4[17]](_0xf8e4[22]);} ;} );if(media_url==_0xf8e4[6]|| typeof (media_url)==_0xf8e4[14]){media_url=_0xf8e4[25]+window[_0xf8e4[1]][_0xf8e4[26]]+_0xf8e4[27];} ;var encode_url=encodeURIComponent(nake_url);var encode_title=encodeURIComponent(title);var encode_description=encodeURIComponent(description);var encode_media_url=encodeURIComponent(media_url);var sl_facebook=_0xf8e4[28]+encode_url;var sl_twitter=_0xf8e4[29]+encode_url+_0xf8e4[30]+encode_title;var sl_gplus=_0xf8e4[31]+encode_url;var sl_tumblr=_0xf8e4[32]+encode_title+_0xf8e4[33]+encode_url;var sl_pinterest=_0xf8e4[34]+encode_url+_0xf8e4[35]+encode_title+_0xf8e4[36]+encode_description+_0xf8e4[37]+encode_media_url;var sl_blogger=_0xf8e4[38]+encode_title+_0xf8e4[39]+encode_url+_0xf8e4[40]+encode_title+_0xf8e4[41]+encode_media_url;var html=_0xf8e4[6];html+=_0xf8e4[42]+text_likes+_0xf8e4[43]+rate_item_html(_0xf8e4[44])+_0xf8e4[43];html+=_0xf8e4[45]+text_dislikes+_0xf8e4[43]+rate_item_html(_0xf8e4[46])+_0xf8e4[43];html+=_0xf8e4[47];html+=_0xf8e4[48];html+=_0xf8e4[49]+nake_url+_0xf8e4[50];html+=_0xf8e4[51]+sl_facebook+_0xf8e4[52];html+=_0xf8e4[53]+sl_twitter+_0xf8e4[52];html+=_0xf8e4[54]+sl_gplus+_0xf8e4[52];html+=_0xf8e4[55]+sl_tumblr+_0xf8e4[52];html+=_0xf8e4[56]+sl_pinterest+_0xf8e4[52];html+=_0xf8e4[57]+sl_blogger+_0xf8e4[52];html+=_0xf8e4[58];html+=_0xf8e4[59];$(holder)[_0xf8e4[60]](html);$(_0xf8e4[65])[_0xf8e4[64]](function (){$(_0xf8e4[63])[_0xf8e4[62]](_0xf8e4[61],function (){} );} );

Widget Email Subscription di Blogger V1


Widget Email Subscribtion di Blogger
Sesuai janji saya, saya akan mengshare cara memasukkan widget email subscribtion di Blogger. Memang sih masih sederhana, tetapi kedepan akan diperbaiki dan dibuat lebih baik. Kegunaannya tentu sudah jelas, yaitu menambahkan jumlah orang yang berlangganan di blog anda.


Mengetahui uri feedburner

Sebelum itu, anda harus mengetahui uri feedburner, kalau tidak tahu, silahkan baca artikel sebelumnya.

Memasukkan Widget Email Subscribtion

Setelah anda tahu cara mengetahui uri feedburner, sekarang .
1. Buka blogger > Tata Letak / layout > Masukkan HTML/Javascript
2. Masukkan kode berikut
/* Email Subscription by idbloggertrick.blogspot.com */ <style type='text/css'>#sidebar-subscribe-box transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff ;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style> <b:if cond='data:blog.pageType == "static_page"'> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Berlangganan dan selalu update dengan kami dan dapatkan update terbaru melalui Email </p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=idbloggertrick" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=idbloggertrick', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="idbloggertrick" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukkan alamat emailmu :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Berlangganan sekarang" /></form></div></div></div></b:if> /* Email Subscription End */

Petunjuk pengeditan


  1. Ganti yang berwarna biru dengan uri anda
  2. Ganti kalimat yang berwarna ungu dengan kalimat yang muncul di kotak input.
  3. Ganti kalimat berwarna merah dengan kalimat anda
  4. Ganti kalimat yang berwarna orange dengan kalimat anda sendiri.
Dari saya
Mungkin masih terlalu sederhana widgetnya tetapi kedepan saya akan memperbaikinya

Widget IDBT Social Follow Tab


Nah, mungkin, ini pertama kalinya saya membagi widget hehehe. Baiklah, tanpa basa-basi lagi, saya mempersembahkan, widget yang dapat meningkatkan jumlah like, follow maupun circle. saya persembahkanm IDBT social Follow tab.

Kegunaan widget ini ?


1. Meningkatkan jumlah like facebook page blog anda.
2. Meningkatkan jumlah follow twitter anda.
3. Meningkatkan jumlah circle .

Cara pemasangannya ? 

1. Pergi ke blogger > tata letak
2. Pasang widget HTML/ javascript
3. Masukkan kode berikut

<script type='text/javascript'>
//<![CDATA[
function idbloggertrick_oom(NBTID, id)
{
  var idbloggertrick = document.getElementById(NBTID);
  var idbtrick = idbloggertrick.firstChild;
  while (idbtrick.className != "idbtrick" ) idbtrick = idbtrick.nextSibling;
  var IDBT = idbtrick.firstChild;
  var i   = 0;
  do
  {
    if (IDBT.tagName == "A")
    {
      i++;
      IDBT.href      = "javascript:idbloggertrick_ubah('"+NBTID+"', "+i+");";
      IDBT.className = (i == id) ? "Active" : "";
      IDBT.blur();
    }
  }
  while (IDBT = IDBT.nextSibling);
  var Halamans = idbloggertrick.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function idbloggertrick_ubah(NBTID, id) { idbloggertrick_oom(NBTID, id);
}
function idbloggertrick_inisial(NBTID) { idbloggertrick_oom(NBTID,  1);
document.write('');}
//]]>
</script>

<style>
div.idbloggertrick div.idbtrick {
height: 24px;
overflow: hidden;
}
div.idbloggertrick div.idbtrick a:hover, div.idbloggertrick div.idbtrick a.Active {
background-color: #eee;
}
div.idbloggertrick div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.idbloggertrick div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.idbloggertrick div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.idbloggertrick div.idbtrick a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>

<form action="idbloggertrick.html" method="get">
<div id="idbloggertrick" class="idbloggertrick">
<div style="width: 300px;" class="idbtrick"> <a>Facebook</a><a>Twitter</a><a>Google+</a></div>
<div style="width: 320px; height: 320px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FID-BTrick%2F455570051186219&amp;width=292&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("IDBtrick");</script>
</div>
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/108887352535935972846" data-source="blogger:blog:followers" data-width="300"></div>
</div>
</div>
</div>
<small><a href='http://idbloggertrick.blogspot.com/2013/05/widget-idbt-social-follow-tab.html' target='_blank'>get this</a></small>
</div>
</form>
<script type="text/javascript">idbloggertrick_inisial('idbloggertrick');</script>

Jika berhasil, selamat
Jangan menghapus credit
jika gagal, pastikan anda tidak menghapus credit