Tampilkan postingan dengan label Blogger Widgets. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger Widgets. Tampilkan semua postingan

Kamis, 22 Agustus 2013

Add Amazing jQuery Plugin To Show Complete YouTube channel on your website

Previously I shared jQuery Plugin for Displaying YouTube Video Feed on blog/website. But This is NOT another small YouTube widget or a video box to be shown on the right side of your website. This is the real deal. Now show your actual complete YouTube channel on your website just like its shown on YouTube  This is another cool & useful plugin by Jake. You max plugin will display your channel uploads, playlists and a featured playlist that you may choose. Users can browse through your playlists and uploads and watch videos they like.

Lets add this cool & amazing plugin to your blog/website. I developed a widget generator for this plugin.

HOW TO DISPLAY YOUTUBE VIDEO FEED ON YOUR BLOG/WEBSITE.?

  • 1. Enter you youtube channel URL in a piece of javascript as shown below.
Enter your Youtube Channel Url:
Ex: http://www.youtube.com/user/GoogleChrome)
Enter your playlist Url to show in the featured Tab:
Ex: http://www.youtube.com/playlist?list=PL5aqr5w5fRe6Z0nrNOBNhJkPb9-JKHO6M)
    • 3. Click Generate & Preview.
    • 4. Now Copy the Generated Code & Paste anywhere on your website or WebPage. 

          AMAZING JQUERY PLUGIN TO SHOW COMPLETE YOUTUBE CHANNEL WIDGET GENERATOR

          With the help of Blow Widget Generator you ll get the code of an amazing jQuery plugin that show complete youtube channel on your blog or website. See Our Other Widget Generators
          Login To Your Blogger Account Before Using Widget Generator

          Add Awesome Random Post widget to blogger Free Tricks

          Today we sharing a cool & awesome random post widget. Adding a Random post widget to a blog has always proved to be extremely beneficial for those bloggers who consistently get higher Bounce rate. Moreover, after reading out the article users can feel free to visit some random posts. It reduces the Bounce rate pretty handsomely and plays a significant role in engaging visitors. This is actually a widget which is re-sizes automatically and also you don't have to add any extra codes on your template too. Just follow the steps given below in post :
          • Hows Random Posts.
          • Shows the Name Of The Author.
          • Shows the number of comments.
          • Summary Showing Enabled.
          • CSS Added.
          • Hover effect for images.

          INSTALLING IT ON YOUR BLOG

          • Go to blogger > Open layout tab
          • Now Add A new HTML/JavaScript widget
          .
          • Give any title you want [ eg: Being Viewed, Recently Viewed, Now Viewing etc. Its up to you. ].
          • Now paste the code given below : 


          <style type="text/css"><!--
          .recent_post_content{width:100%;}
          .recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;}
          .recent_post_content img {width:45px;height:45px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}
          .recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}
          .recent_post_content_item table {margin-bottom:2px;margin-top:3px;}
          .recent_post_content_item:hover {filter: alpha(opacity=100);opacity: 1;}
          .recent_post_title a{font-size:12px;text-decoration:none;font-weight:bold;color:inherit}
          .recent_post_title a:hover{text-decoration:underline}
          .recent_post_content_item .recent_post_info {filter: alpha(opacity=60);opacity: 0.6;font-size: 11px;}
          --></style>

          <script type="text/JavaScript">
          <!--
          var No_Thumb_Url='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxp7gkN9RZRTSAzWUhcdQ9MxycTgqR2VxL8UVzJzHAI3hyphenhyphenjHBPNn1ZUjAtlA6PSscEl0xwP249iVY_Gfm6LGEleOtBoYoF4HLxAP9lIERoYn5TWt4xQ2KvRbKd41abOk5sPb3syKX4j6w_/s1600/NBTno-photo.jpg';
          var Max_Post_Display=5;
          var Sum_Len='130';

          //Setting_end

          //Define your language
          var Lang_By = 'By ';
          var Lang_comment = ' comment';
          var Lang_comments = ' comments';

          //For valid feed, not touch


          var _0xc4c0=["\x75\x20\x46\x28\x4E\x2C\x48\x2C\x6F\x2C\x65\x2C\x4F\x29\x7B\x37\x20\x4A\x3D\x27\x27\x3B\x35\x28\x48\x21\x3D\x27\x27\x29\x4A\x3D\x27\x2F\x2D\x2F\x27\x2B\x48\x3B\x37\x20\x51\x3D\x27\x27\x3B\x35\x28\x6F\x21\x3D\x27\x27\x29\x51\x3D\x27\x6F\x2D\x31\x71\x3D\x27\x2B\x6F\x2B\x27\x26\x27\x3B\x37\x20\x4D\x3D\x27\x27\x3B\x35\x28\x65\x21\x3D\x27\x27\x29\x4D\x3D\x27\x65\x2D\x31\x74\x3D\x27\x2B\x65\x2B\x27\x26\x27\x3B\x31\x38\x2E\x31\x39\x28\x27\x3C\x55\x20\x4E\x3D\x22\x31\x70\x2F\x31\x6F\x22\x20\x50\x3D\x22\x2E\x2E\x2F\x2E\x2E\x2F\x31\x6E\x2F\x27\x2B\x4E\x2B\x27\x2F\x36\x27\x2B\x4A\x2B\x27\x3F\x27\x2B\x51\x2B\x4D\x2B\x27\x31\x72\x3D\x64\x2D\x63\x2D\x55\x26\x4F\x3D\x27\x2B\x4F\x2B\x27\x22\x3E\x3C\x5C\x2F\x55\x3E\x27\x29\x7D\x75\x20\x4B\x28\x64\x29\x7B\x37\x20\x31\x31\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x32\x2E\x73\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x76\x2E\x24\x74\x29\x3B\x32\x2E\x6F\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x73\x2E\x24\x74\x29\x3B\x32\x2E\x44\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x75\x2E\x24\x74\x29\x3B\x32\x2E\x45\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x6B\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x62\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x36\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x79\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x71\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x42\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x72\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x76\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x38\x3D\x32\x2E\x73\x2D\x32\x2E\x6F\x2B\x31\x3B\x35\x28\x32\x2E\x38\x3E\x32\x2E\x44\x29\x32\x2E\x38\x3D\x32\x2E\x44\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x32\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x71\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x42\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x35\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x42\x5B\x69\x5D\x3D\x31\x35\x3B\x32\x2E\x45\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x6B\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x30\x3B\x32\x2E\x72\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x34\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x31\x34\x3B\x32\x2E\x76\x5B\x69\x5D\x3D\x27\x27\x3B\x37\x20\x34\x3D\x64\x2E\x43\x2E\x34\x5B\x69\x5D\x3B\x35\x28\x27\x31\x33\x27\x63\x20\x34\x29\x32\x2E\x45\x5B\x69\x5D\x3D\x34\x2E\x31\x33\x2E\x24\x74\x3B\x35\x28\x27\x6B\x27\x63\x20\x34\x29\x32\x2E\x6B\x5B\x69\x5D\x3D\x34\x2E\x6B\x2E\x24\x74\x3B\x35\x28\x27\x62\x27\x63\x20\x34\x29\x7B\x54\x28\x37\x20\x6A\x3D\x30\x3B\x6A\x3C\x34\x2E\x62\x2E\x47\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x34\x2E\x62\x5B\x6A\x5D\x2E\x31\x46\x3D\x3D\x27\x31\x4C\x27\x29\x7B\x32\x2E\x62\x5B\x69\x5D\x3D\x34\x2E\x62\x5B\x6A\x5D\x2E\x52\x3B\x31\x4E\x7D\x7D\x35\x28\x6A\x3D\x3D\x34\x2E\x62\x2E\x47\x29\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x7D\x35\x28\x27\x36\x27\x63\x20\x34\x29\x32\x2E\x36\x5B\x69\x5D\x3D\x34\x2E\x36\x2E\x24\x74\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x49\x28\x31\x31\x2C\x27\x27\x29\x3B\x35\x28\x32\x2E\x36\x5B\x69\x5D\x2E\x47\x3E\x5A\x29\x7B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x48\x28\x30\x2C\x5A\x29\x2B\x27\x2E\x2E\x2E\x27\x7D\x35\x28\x27\x6D\x27\x63\x20\x34\x29\x7B\x35\x28\x27\x56\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x56\x2E\x24\x74\x7D\x35\x28\x27\x71\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x32\x2E\x71\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x71\x2E\x24\x74\x3B\x35\x28\x27\x57\x24\x59\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x42\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x57\x24\x59\x2E\x50\x7D\x7D\x35\x28\x27\x58\x24\x31\x37\x27\x63\x20\x34\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x34\x2E\x58\x24\x31\x37\x2E\x31\x4A\x3B\x35\x28\x27\x31\x6B\x24\x73\x27\x63\x20\x34\x29\x32\x2E\x76\x5B\x69\x5D\x3D\x34\x2E\x31\x6B\x24\x73\x2E\x24\x74\x7D\x4C\x20\x32\x7D\x75\x20\x31\x63\x28\x38\x2C\x65\x29\x7B\x35\x28\x38\x3D\x3D\x65\x29\x7B\x4C\x20\x38\x7D\x37\x20\x78\x3D\x30\x3B\x37\x20\x6E\x3D\x30\x3B\x35\x28\x65\x3E\x38\x29\x7B\x6E\x3D\x65\x2D\x38\x3B\x78\x3D\x38\x7D\x31\x6D\x7B\x6E\x3D\x38\x2D\x65\x3B\x78\x3D\x65\x7D\x6E\x3D\x31\x67\x2E\x31\x4B\x28\x31\x67\x2E\x31\x77\x28\x29\x2A\x6E\x29\x3B\x4C\x28\x6E\x2B\x78\x29\x7D\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2C\x27\x30\x27\x2C\x27\x31\x65\x27\x29\x3B\x75\x20\x31\x65\x28\x64\x29\x7B\x31\x66\x3D\x4B\x28\x64\x29\x3B\x31\x64\x3D\x31\x66\x2E\x73\x3B\x70\x3D\x31\x64\x2D\x31\x6C\x3B\x35\x28\x70\x3C\x31\x29\x70\x3D\x31\x3B\x70\x3D\x31\x63\x28\x31\x2C\x70\x29\x3B\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2B\x70\x2B\x27\x27\x2C\x27\x27\x2B\x31\x6C\x2B\x27\x27\x2C\x27\x31\x6A\x27\x29\x7D\x75\x20\x31\x6A\x28\x64\x29\x7B\x37\x20\x39\x3D\x4B\x28\x64\x29\x3B\x37\x20\x33\x3D\x22\x22\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x39\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x4D\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x30\x20\x31\x61\x3D\x22\x30\x25\x22\x20\x31\x47\x3D\x22\x30\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x7A\x20\x50\x3D\x22\x27\x2B\x39\x2E\x72\x5B\x69\x5D\x2B\x27\x22\x20\x31\x61\x3D\x22\x31\x36\x22\x20\x31\x79\x3D\x22\x31\x36\x22\x2F\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x78\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x39\x2E\x6B\x5B\x69\x5D\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x41\x22\x3E\x27\x3B\x33\x2B\x3D\x28\x31\x42\x2B\x39\x2E\x79\x5B\x69\x5D\x2B\x27\x20\x2D\x20\x27\x2B\x39\x2E\x76\x5B\x69\x5D\x29\x3B\x35\x28\x41\x28\x39\x2E\x76\x5B\x69\x5D\x29\x3E\x31\x29\x7B\x33\x2B\x3D\x31\x45\x7D\x31\x6D\x7B\x33\x2B\x3D\x31\x44\x7D\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x30\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x7D\x33\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x43\x22\x3E\x27\x2B\x33\x2B\x27\x3C\x2F\x6C\x3E\x27\x3B\x31\x38\x2E\x31\x39\x28\x33\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x74\x68\x69\x73\x7C\x73\x74\x72\x5F\x6F\x75\x74\x7C\x65\x6E\x74\x72\x79\x7C\x69\x66\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x76\x61\x72\x7C\x6D\x69\x6E\x7C\x52\x70\x6F\x73\x74\x7C\x7C\x6C\x69\x6E\x6B\x7C\x69\x6E\x7C\x6A\x73\x6F\x6E\x7C\x6D\x61\x78\x7C\x6E\x65\x77\x7C\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x61\x75\x74\x68\x6F\x72\x7C\x64\x69\x66\x66\x7C\x73\x74\x61\x72\x74\x7C\x6D\x69\x6E\x5F\x69\x6E\x64\x65\x78\x7C\x75\x72\x69\x7C\x74\x68\x75\x6D\x62\x7C\x74\x6F\x74\x61\x6C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6D\x7C\x74\x64\x7C\x72\x6D\x69\x6E\x7C\x61\x75\x6E\x61\x6D\x65\x7C\x63\x6C\x61\x73\x73\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x61\x76\x61\x74\x61\x72\x7C\x66\x65\x65\x64\x7C\x69\x74\x65\x6D\x7C\x70\x75\x62\x7C\x46\x65\x65\x64\x5F\x43\x61\x6C\x6C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x6C\x61\x62\x65\x6C\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x64\x69\x72\x7C\x46\x65\x65\x64\x5F\x50\x61\x72\x73\x65\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6D\x61\x78\x5F\x72\x65\x73\x75\x6C\x74\x7C\x74\x79\x70\x65\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x73\x72\x63\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x68\x72\x65\x66\x7C\x7C\x66\x6F\x72\x7C\x73\x63\x72\x69\x70\x74\x7C\x6E\x61\x6D\x65\x7C\x67\x64\x7C\x6D\x65\x64\x69\x61\x7C\x69\x6D\x61\x67\x65\x7C\x53\x75\x6D\x5F\x4C\x65\x6E\x7C\x74\x61\x62\x6C\x65\x7C\x72\x65\x7C\x74\x79\x70\x65\x6F\x66\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x4E\x6F\x5F\x54\x68\x75\x6D\x62\x5F\x55\x72\x6C\x7C\x4E\x6F\x5F\x41\x76\x61\x74\x61\x72\x5F\x55\x72\x6C\x7C\x33\x32\x70\x78\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x77\x69\x64\x74\x68\x7C\x74\x72\x7C\x52\x61\x6E\x64\x6F\x6D\x7C\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x47\x65\x74\x5F\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x6A\x50\x6F\x73\x74\x7C\x4D\x61\x74\x68\x7C\x70\x6F\x73\x74\x73\x7C\x75\x6E\x64\x65\x66\x69\x6E\x65\x64\x7C\x52\x61\x6E\x64\x6F\x6D\x5F\x50\x6F\x73\x74\x5F\x53\x68\x6F\x77\x7C\x74\x68\x72\x7C\x4D\x61\x78\x5F\x50\x6F\x73\x74\x5F\x44\x69\x73\x70\x6C\x61\x79\x7C\x65\x6C\x73\x65\x7C\x66\x65\x65\x64\x73\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x74\x65\x78\x74\x7C\x69\x6E\x64\x65\x78\x7C\x61\x6C\x74\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x69\x6D\x67\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x69\x6E\x66\x6F\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x72\x65\x6C\x7C\x62\x6F\x72\x64\x65\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x75\x72\x6C\x7C\x66\x6C\x6F\x6F\x72\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x5F\x69\x74\x65\x6D\x7C\x62\x72\x65\x61\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x5cedx1,_0x5cedx2,_0x5cedx3,_0x5cedx4,_0x5cedx5,_0x5cedx6){_0x5cedx5=function (_0x5cedx3){return (_0x5cedx3<_0x5cedx2?_0xc4c0[4]:_0x5cedx5(parseInt(_0x5cedx3/_0x5cedx2)))+((_0x5cedx3=_0x5cedx3%_0x5cedx2)>35?String[_0xc4c0[5]](_0x5cedx3+29):_0x5cedx3.toString(36));} ;if(!_0xc4c0[4][_0xc4c0[6]](/^/,String)){while(_0x5cedx3--){_0x5cedx6[_0x5cedx5(_0x5cedx3)]=_0x5cedx4[_0x5cedx3]||_0x5cedx5(_0x5cedx3);} ;_0x5cedx4=[function (_0x5cedx5){return _0x5cedx6[_0x5cedx5];} ];_0x5cedx5=function (){return _0xc4c0[7];} ;_0x5cedx3=1;} ;while(_0x5cedx3--){if(_0x5cedx4[_0x5cedx3]){_0x5cedx1=_0x5cedx1[_0xc4c0[6]]( new RegExp(_0xc4c0[8]+_0x5cedx5(_0x5cedx3)+_0xc4c0[8],_0xc4c0[9]),_0x5cedx4[_0x5cedx3]);} ;} ;return _0x5cedx1;} (_0xc4c0[0],62,112,_0xc4c0[3][_0xc4c0[2]](_0xc4c0[1]),0,{}));
          -->
          document.write( unescape( '%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%66%6F%6E%74%2D%73%69%7A%65%3A%31%30%70%78%3B%22%3E%3C%61%20%68%72%65%66%3D%22%77%77%77%2E%6E%65%77%62%6C%6F%67%67%65%72%74%69%70%73%2E%63%6F%6D%2F%32%30%31%33%2F%30%32%2F%61%64%64%2D%61%77%65%73%6F%6D%65%2D%72%61%6E%64%6F%6D%2D%70%6F%73%74%2D%77%69%64%67%65%74%2D%74%6F%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%65%74%20%74%68%69%73%20%77%69%64%67%65%74%20%26%72%61%71%75%6F%3B%3C%2F%61%3E%3C%2F%73%70%61%6E%3E' ) );
          </script>

          • You can also display more or less post by changing 5 in the script
          • Now Click Save Button .

          Rabu, 21 Agustus 2013

          Add 5 in 1 Slide Out Social Follower Box Widget to Blogger - Updated

          Today we are going to launch another updated blogger widget that contain all the 5 Big Social Network (Facebook, Twitter, Google Plus, YouTube, Email Subscribe ) j Query Slide Out Widget For Your Blog & Website To Increase Your Social Fans.

          So Now we have five different Pop up Like Boxes which appears on hover on little image that are at right sidebar on you blog.
          One of the best ways to increase your Social fans is to add the j Query Pop-up Social Box to your Blog. Once this widget is installed on your blog, your visitors will be shown a slide out box with the option to like your Facebook Page, or want to follow on Twitter, or want to add you in there Google+ circle, want to subscribe your feed burner email whenever they visit your blog. Advantages this widget is to free space on the page. Because if you add all of these widget on your site/blog, it will take a huge space that will make your visitor angry, It can prevent website normal as the box. Static widget as soft box with j Query effect of activation for the blogger, this is another cool control. Here I have added as the box with simple j Query hover effect. Let add this cool widget through below Widget Generator.


          FEATURES:

          • 1.) J-Query/JavaScript Widget.
          • 2.) Slide-Out On Hover.
          • 3.) Awesome And Stylish.
          • 4.) Facebook Like Box Included.
          • 5.) Twitter Followers Box Included.
          • 6.) YouTube Subscribe Box Included.
          • 7.) Google Plus Add To Circle Widget Included.
          • 8.) FeedBurner RSS Subscribe Through E-Mail Widget Included.
          • 9.) Sliding Effect Enabled.
          • 10.) Slide Out On Hove And Get Back On Mouse Out.

          HOW TO ADD THIS GADGET TO BLOGGER?


          • 1. Replace my User name with yours in below widget generator
          • 2. Click Generate Button
          • 3. Check Live Preview by clicking Preview button
          • 4. Now finally Click ADD TO BLOGGER to add this widget on your blog

            5 IN 1 SOCIAL SUBSCRIBING SLIDE OUT WIDGET GENERATOR

            With the help of Blow Widget Generator you will easily add 5 in 1 Social Subscribing Slide Out Widget into your blog or website. See Our Other Widget Generators
            Login To Your Blogger Account Before Using Widget Generator


            Add Animated Scrolling Recent Post Widget In Blogger Free Tricks

            Scrolling recent posts gadget is a best widget to show off recent posts from your blog with a j query scroll effect,which grabs attention of of visitors very quickly. Previously I shared a Animated scrolling recent posts widget and today we are come with new scrolling recent posts widget, which works a with a j Query spy effect, this is the best feature of this widget. Each snippets of this widget contains title of post, thumbnail of post, date when that post was published and number of comments on that post.Also all of the above options are fully customization  so that you can easily customize this widget as you wish. Above are the some features of this widget now lets see how to add it into your blogger blog.


            ADD THIS COOL WIDGET THROUGH BELOW WIDGET GENERATOR

            You need to enter your blog url in below application  click generate button after that click add to blogger. you can also the preview by clicking preview button.
             See Our Other Widget Generator

             INSTALLING IT ON YOUR BLOG:

            • Go to blogger > Open layout tab
            • Now Add A new HTML/JavaScript widget
            • Now paste the code given below : 

            ADD THIS COOL WIDGET MANUALLY THROUGH BELOW CODE:


            <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
            <style type="text/css" media="screen">
            <!--
            /* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

            #NBT-widget {
            overflow: hidden;
            margin-top: 5px;
            padding: 0px 0px;
            height: 385px;
            }
            #NBT-widget ul {
            width: 295px;
            overflow: hidden;
            list-style-type: none;
            padding: 0px 0px;
            margin: 0px 0px;
            }
            #NBT-widget li {
            width: 282px;
            padding: 5px 5px;
            margin: 0px 0px 5px 0px;
            list-style-type: none;
            float: none;
            height: 80px;
            overflow: hidden;
            background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1yZqOjMaTUzs8G2uMVSuvi-uL_qVSVKuXWrt3nb7dULKHW-HapyLe0oiO_qKVLS9ctmEHLDWkEWMRwQysBwPw0mrUSqAEbrCtP7SOy50DpLNk__4VJ6f7wQcebrrNxOB07HL1n-bEa3TE/s1600/NewBloggerTips.com-post.jpg) repeat-x;
            border: 1px solid #ddd;
            }
            #NBT-widget li a {
            text-decoration: none;
            color: #4B545B;
            font-size: 15px;
            height: 18px;
            overflow: hidden;
            margin: 0px 0px;
            padding: 0px 0px 2px 0px;
            }
            #NBT-widget img {
            float: left;
            margin-top: 10px;
            margin-right: 15px;
            background: #EFEFEF;
            border: 0;
            }
            #NBT-widget img {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
            padding: 4px;
            background: #eee;
            background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
            background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
            -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
            box-shadow: 0 0 3px rgba(0,0,0,.7);
            }
            #NBT-widget img:hover {
            -moz-transform: scale(1.2) rotate(-350deg);
            -webkit-transform: scale(1.2) rotate(-350deg);
            -o-transform: scale(1.2) rotate(-350deg);
            -ms-transform: scale(1.2) rotate(-350deg);
            transform: scale(1.2) rotate(-350deg);
            -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
            -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
            box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
            }
            .spydate {
            overflow: hidden;
            font-size: 10px;
            color: #0284C2;
            padding: 2px 0px;
            margin: 1px 0px 0px 0px;
            height: 15px;
            font-family: Tahoma,Arial,verdana, sans-serif;
            }
            .spycomment {
            overflow: hidden;
            font-family: Tahoma,Arial,verdana, sans-serif;
            font-size: 10px;
            color: #262B2F;
            padding: 0px 0px;
            margin: 0px 0px;
            }

            /* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

            -->
            </style>
            <script language='JavaScript'>
            imgr = new Array();
            imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI6e3ET6SKGFeO7ZhqA1GwjYXWjdFyBuC4Iab-XhudsxgECpSYnKmMjHA_mG4nurtoXdRz8mEl9htfzTgZ4P-sdpBWc7HEgy8jBoTQv6p2S0zWP_iMf49ftuFvADa49wfOF9sMWz1a4Mv/s1600/No+Image+1.gif";
            imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI6e3ET6SKGFeO7ZhqA1GwjYXWjdFyBuC4Iab-XhudsxgECpSYnKmMjHA_mG4nurtoXdRz8mEl9htfzTgZ4P-sdpBWc7HEgy8jBoTQv6p2S0zWP_iMf49ftuFvADa49wfOF9sMWz1a4Mv/s1600/No+Image+1.gif";
            imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI6e3ET6SKGFeO7ZhqA1GwjYXWjdFyBuC4Iab-XhudsxgECpSYnKmMjHA_mG4nurtoXdRz8mEl9htfzTgZ4P-sdpBWc7HEgy8jBoTQv6p2S0zWP_iMf49ftuFvADa49wfOF9sMWz1a4Mv/s1600/No+Image+1.gif";
            imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI6e3ET6SKGFeO7ZhqA1GwjYXWjdFyBuC4Iab-XhudsxgECpSYnKmMjHA_mG4nurtoXdRz8mEl9htfzTgZ4P-sdpBWc7HEgy8jBoTQv6p2S0zWP_iMf49ftuFvADa49wfOF9sMWz1a4Mv/s1600/No+Image+1.gif";
            imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI6e3ET6SKGFeO7ZhqA1GwjYXWjdFyBuC4Iab-XhudsxgECpSYnKmMjHA_mG4nurtoXdRz8mEl9htfzTgZ4P-sdpBWc7HEgy8jBoTQv6p2S0zWP_iMf49ftuFvADa49wfOF9sMWz1a4Mv/s1600/No+Image+1.gif";
            showRandomImg = true;
            boxwidth = 255;
            cellspacing = 6;
            borderColor = "#232c35";
            bgTD = "#000000";
            thumbwidth = 50;
            thumbheight = 50;
            fntsize = 15;
            acolor = "#666";
            aBold = true;
            icon = " ";
            text = "comments";
            showPostDate = true;
            summaryPost = 40;
            summaryFontsize = 10;
            summaryColor = "#666";
            icon2 = " ";
            numposts = 10;
            home_page = "http://www.Tricksofearn.blogspot.com/";
            limitspy=4;
            intervalspy=4000;
            </script>
            <div id="NBT-widget">
            <script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script>
            </div>

            • Now Replace the http://www.Trickofearn.blogspot.com/ with your blog Url.
            • numposts = 10; Total number of posts which you wants to scroll by this widget
            • limitspy=4; Number of the posts to appear on the widget
            • intervalspy=4000; Scrolling speed of the widget,if you decreased the value speed of widget will increases.

            Finally save your all changes and visit you blog to see the working widget.



            Senin, 05 Agustus 2013

            7 type of Animated Flying Twitter Birds Widget For Blogger


            \







            T
            witter is one of the most popular Social networking sites in the world among Bloggers to promote their blogs. So here I have a very cool Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog.

            Twitter bird flying animated effect by Javascript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the "follow me" link on the Twitter account. If you move the mouse pointer over the bird, a "follow me" button and a "tweet this" button displayed.

            In this post i give you 7 type of twitter birds for blogger.


            How To Add Animated Flying Twitter Bird Widget To Blogger?

            • Fill the required data in generator below
            • Choose a type of twitter bird
            • Click on "Generate" button
            • Finally click on "Add to blogger" button
            • to add this widget to your blog... :)


            Facebook Like Box Pop Up Widget For Blogger - Version 4.0



            Yesterday i found a pic of girl holding a check and i turned it into this widget.It'll surely help you to gain more likes for your facebook page. You can control this widget's appear time so it won't irritate your visitors in every page.



            Widget Generator
            FB Page Username :
            Appear :
            By : Arsalan Rafique | Arsalan Best

            ADD A COMPLETE EXPANDABLE SOCIAL NETWORK WIDGET

            As we many time our team provide you many social widgets related with social subscription widget for Facebook, Twitter, Google Plus, etc. but this widget is fully optimized with the all Social Network like FB, Twitter, LinkedIn, Google Plus, P interest,  YouTube, RSS and this widget has very awesome feature of expandable hover effect with colors according to social network's color. This widget is simply made by using the CSS and HTML and this widget is pure CSS with images of icons, if this widget is made by using the CSS so it's very perfect as working and no JavaScript the speed of this widget of hovering is very smooth according to the browser's compatibility just be'coz every browser can support it's smoothness like in Internet Explorer, Safari, Firefox, Opera etc.The feelness of this widget is very smooth and shining and the widget's icon is in the HD and round able which gives a very unique feel to this widget in it's own.

            Mirror Flap Social Bookmarking Widget Generator

            Flapping effect is look very beautiful when any thing goes flap buy using some softwares and other kinds of animation techniques and that effect also used in html to make the view more interesting and amazing for the user. When we try to make this flap effect in the html then we have to always try to do more and more efforts to make it live with our html page OR with our widgets and also have to insert very heavy codes in the website with more accuracy.

            Similary today you will see a new widget which will got flap and it's base look like a mirror when it comes down with mouse hover effect, you can see it in below image.






            Kamis, 18 Juli 2013

            IP Address finder Widget



            Hijack wieistmeineip.de on your homepage! That's in just a minute. Just copy the HTML source code shown below on your website, ready.
            Please note: this service is for free personal use . If you want to use the banner for commercial purposes, please contact us at first. The use of the code is subject to our terms of use.
            By using the HTML source code, you agree to our Terms of Service .
            Paste the HTML source code of their choice unchanged on your page:

            Source Banner "button" 125x125 pixel: 

            <a href="http://tricksofearn.blogspot.com"><imgsrc="http://www.wieistmeineip.de/ip-address?size=125x125" border="0" width="125" height="125" alt="IP" /></a>

            IP

            Source Banner "Full Banner" 468x60 pixel: (English)

            <a href="http://tricksofearn.blogspot.com"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a> 

            Rabu, 17 Juli 2013

            ADD SOCIAL BOOKMARKING RUNNING TRUCKS IN BLOGGER




            1:Login to Blogger > Dashborad 

            2Click on Drop Down Menu and select Layout

            3:Add a HTML/JavaScript Gadget

            4:Paste below code in it. 


            <div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="www.facebook.com/pages/Arsalan-Best" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKF5T04OZPNcmoY05Jw8PKQuEKBSVqh-9TFtSbdl8GmQEWqqi3LBLg6uC5tn29O2-UreyEpj6iAwceRM2vy2UYcuLI_e8yxDaBvLjXH6FV0ZLgWhi5cr9-joNn0EibnNW_Evb1LQHXmHj4/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/Arsalan-Best" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglnpvqbW8JzMbfrsT0ICOBM7QS81du5XXTzmEOUd0bsY_axOb1WMOpyKzCN5fScUnMS-ej7zRikZh8ihdN6EudQOpS7dc4ywjY_ySo4AJ2KaGhs1uRVSHBy2HZIdjNOV78tT_eNjhy7RlY/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/Arsalan-Best" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq9Tsig_VLgDqbv6frn0DkZ8jUT30aqSEQEwgNI-8TaDQGxTAFmvEZuTbxVA8K_h8ioP9MJTCIwBTlXOH8s4dlf5tzqm2tZRQjifapU1JhptLhFXfzA2WYSY7cH59mL2YPDQ3hghwYl9Ai/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

            Final Step:

            Save your Widget.

            Replace it Arsalan Best with your Facebook Username

            Replace it Arsalan Best with your Feed Burner Username

            Replace it Arsalan Best with your Twitter Username