How To Add Auto Scroll Recent Post Widget To Your Blogger

Blogger default recent post widget is boring for all Blog users. This is new stylish auto scrolling recent post widget. Install it,  and leave a comment below.

 

 

 

Log in to your Blogger account.

 

• Go to Layout.

 

• Select Add a Gadget.

 

• Select HTML / Javascript.

 

• Copy and Paste the codes below:

 

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font- size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding- top:5px;min-height:65px;}.recent_posts_with_thumbs a {text- decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <span id="preserve1fcbe8565c3e4bd19e9aeb8a80c08885" class="wlWriterPreserve"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script></span> <span id="preserve7fc52372c7eb4ae0803a0a906dbda177" class="wlWriterPreserve"><script style='text/javascript' src="http://stylifyyourblog1.googlecode.com/svn/trunk/recentpostticker.js" > </script></span> <span id="preserve869ebc45c67b4727807ab7d482ca2134" class="wlWriterPreserve"><script style='text/javascript'src='http://tavristasos.googlecode.com/svn- history/r100/trunk/recentpostswiththumbnailsv3.js'></script></span> <span id="preserve949aaf464c464714898f7f2702751fb3" class="wlWriterPreserve"><script style='text/javascript'> var numposts = 20; var showpostthumbnails = true; var displaymore = true; var displayseparator = false; var showcommentnum = false; var showpostdate = true; var showpostsummary = true; var numchars = 50; $(document).ready(function () {$('#sai').vTicker({ speed: 550, pause: 5500, showItems: 4, animation: 'fade', mousePause: true, height: 0, direction: 'up' });}); </script></span> <div id="sai"> <span id="preserve4025099dd4a04a3eaf69d292e45a176f" class="wlWriterPreserve"><script src='http://YOUR BLOG.blogspot.com/feeds/posts/default? orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'> </script></span> </div>

 

 

Find (Ctrl+F) and Change Red Color values.Make your Widget better.

var numposts = 20;

 

var showpostthumbnails = true;

var displaymore = true;

 

var showpostdate = true;

var showpostsummary = true;

speed: 550,

pause: 5500,

showItems: 4,

 

mousePause: true,

direction: 'up'

<script src='http://YOUR BLOG.blogspot.com/feeds/posts/default?

 

• Save Widget .

 

 

 

 

Leave your comments below……………

Read More

How To Create An Admin Control Panel into your Blogger

Friends,Blog administrators can create a new post or customize their layout with just one click; when the nav-bar is hidden, many more clicks are required to access the dashboard panel again. Now i share about add admin control panel into your blog.

 

 

Log in to your Blogger

 

• Find your blogger ID from Browser address bar.

Example:http://www.blogger.com/blogger.gblogID=4528768268243408078#template

• Go to template.

 

• Hit on Edit HTML option and proceed.

 

• Find (Ctrl+F) below line.

 

  <b:section class='sidebar' id='sidebar' preferred='yes'>

• Copy and paste this code before above line

 

<span class='item-control blog-admin'> <h2>Admin Control Panel</h2> <a href="http://www.blogger.com/post-create.g?blogID=BlogIdNumber">New Post</a> | <a href="http://draft.blogger.com/blog-options-basic.g?blogID=BlogIdNumber">Settings</a> | <a href="http://www.blogger.com/rearrange?blogID=BlogIdNumber">Change Layout</a> | <a href="http://www.blogger.com/html?blogID=BlogIdNumber">Edit HTML</a> | <a href="http://www.blogger.com/moderate-comment.g?blogID=BlogIdNumber">Moderate Comments</a> | <a href="http://www.blogger.com/logout.g">Sign Out</a> </span>

 

• Replace all “BlogIdNumber” with your blogger ID.

 

• Save templates

Leave your comments…

Read More

How To Enable Email Subscription with Feedburner

Hai friends  Now i share a information about “How to activate email subscription in feedburner.

 

 

 

 

First Setup a Feedburner feed.

 

If you have one already. Then follow these steps:

 

• Go to Feedburner.com and login.

 

• Click “My Feeds” and Select your feed from the list

 

• Click the Publicize tab.

 

• Click Email Subscriptions on the left side

 

• Click  Activate button.

 

 

 

 

 

Are you happy now??????????……………….

Read More

How To Add A Contact Form To Your Website/Blog

Friends,How to add free Contact Form to Blogger ?.Now i share a information about add contact form into your blogger.This is a easy way to  contact  with your customers. Follow instructions.

 

 

At first signup/Login to Google Drive.

 

• Click on CREATE button. Then drop down a menu select FORM option.

 

 

 

• Then open a black page,Give a title to your form and edit question title,question type etc.

 

 

 

• After complete your edits, Select a Theme for your contact form if you want.

 

 

• Go back to your editing, Select more action and click embed code option.

 

 

• Copy embed code.

 

 

• Go to your Website/Blog and create a page. Hit on html mode and  paste embed code.

 

 

• Hit on compose mode. After Complete your page edit save contact form.Type your Information and  hit on submit button.

 

 

 

 

 

Leave your comments below…..

Read More

How To Post “Empty Status” On Facebook

This is funny trick to all Facebook fans. Post a empty post on Facebook with a code.

This is working

 

 

• Log in to Facebook.

 

• Select update state

 

• Just copy and paste following code.

                         

@[2:2: ]

 

• Then click the post button.

 

 

Done……

Read More

How To Add A Popup Message In Your Blogger

This is a special post for bloggers, This post about how to create a popup message in your blogger. If you want to show some message to your readers in a Pop up , then this widget will definitely help you. In this post I will be talking about a blogger widget which will include a Button and when your readers clicks on this button, a popup will appear, that displays your message, that you want to add.

 

 

 

• Go to Blogger Dashboard --> Layout --> Add A Gadget.

 

• Select HTML/Javascript and paste the code shown below in it.

 

<style type="text/css"> .btnLogin{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:15px; background:#a1d8f0; background:-moz-linear-gradient(top, #badff3, #7acbed); background:-webkit-gradient(linear, center top, center bottom, from(#badff3), to(#7acbed)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')"; border:1px solid #7db0cc !important; cursor: pointer; padding:11px 16px; font:bold 11px/14px Verdana, Tahomma, Geneva; text-shadow:rgba(0,0,0,0.2) 0 1px 0px; color:#fff; -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; margin-center:12px; float:center; padding:7px 21px; } .btnLogin : hover, .btnLogin::focus, .btnLogin : active{ background:#a1d8f0; background:-moz-linear-gradient(top, #7acbed, #badff3); background:-webkit-gradient(linear, center top, center bottom, from(#7acbed), to(#badff3)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')"; } .btnLogin:active{ text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; } </style> <!-- Start of Message Alert --> <!-- Use this button in a form to pop-up a message when the user clicks it --> <center> <form> <input type="button" value="Message" class="btnLogin" onClick="alert('Visit www.masterhacksindia.blogspot.com for more blogger widgets'); return true"> </form> </center> <!-- End of Message Alert -->

 

 

• Replace Message it with your button name.

 

• Replace Visit www.masterhacksindia.blogspot.com for more blogger widgets with your message

 

 

 

Live Demo: 

 

 

 

 

 

 

Leave a comment……………….

 

Read More

Automatic Read More Effect For Your Blogger With Thumbnail

Friends,Now i share Read More hack for Blogger with automatic Thumbnail creator script which will automatically create excerpts of blogger posts and with a thumbnail. It is help to decrease your page load time.

 

 

• Go to Blogger Dashboard.

 

• Click on DropDown Menu and select Template.

 

• Backup your Template before making any changes to your blog.

 

• Now Click on Edit HTML --> Proceed --> Expand Widget Templates .

 

• Press Ctrl + F and find </head> tag.

 

• Copy the code shown below and paste it Before/above </head> tag.

 

<span id="preservef1239e3ceee443a8b3f0dc7d0a37843c" class="wlWriterPreserve"><script type='text/javascript'> //<![CDATA[ function removeHtmlTag(a,b){if(a.indexOf("<")!=-1){var s=a.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)}}a=s.join("")}b=(b<a.length-1)?b:a.length-2;while(a.charAt(b-1)!=' '&&a.indexOf(' ',b)!=-1)b++;a=a.substring(0,b-1);return a+'...'}function createSummaryAndThumb(a){var b=document.getElementById(a);var c="";var d=b.getElementsByTagName("img");var e=summary_noimg;if(d.length>=1){c='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+d[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var f=c+'<div>'+removeHtmlTag(b.innerHTML,e)+'</div>';b.innerHTML=f} //]]> </script></span> <span id="preservef290a38e0c4748028d0fb91322445e80" class="wlWriterPreserve"><script type='text/javascript'> summary_noimg = 550; summary_img = 450; img_thumb_height = 150; img_thumb_width = 200; </script></span>

 

• Now find <data:post.body/>

 

• Replace it with the code shown below.

 

<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/> </div> <span id="preserve0a3806fe2046486c9acd4c85269fca84" class="wlWriterPreserve"><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></span> <div style='clear: both;'/> <span class='rmlink' style='font-weight:bold;padding:6px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more</a></span> </b:if> </b:if>

 

• Now save your template.

 

 

 

 

 

Are you happy???????????……………………….

Read More

How To Crack Any Software And Run The Trial Version Forever

Friends , Sometimes we are trouble to run software  trail versions after expiry date. Now i share a useful trick to run a software after expiry date. This is working for me. If you want to lean more please follow this post.

 

 

• Dowload RunAsDate v1.11 and run this software.   (I am using Windows7, RunAsDate doesn't work properly on Windows 8/2012 64-bit, and crashes the executed application.)
• Browse software file you want to crack.

 

• Mark two columns like above.

 

• Click Run button

 

 

Download this software:

 

 

Download RunAsDate

 

Download  RunAsDate for x64

 

 

 

 

Note: After expiry don’t run such software’s directly else the crack will no longer work.

 

 

 

 

 

 

Read More

How To Add Yahoo Media Player To Your Blogger

 

Friends this is a good media player to use in your blogger. .It is very easy to use and very attractive. Add this widget and enjoy.Keep follow this post.

 

• Log in to blogger account.

 

• Go to Template > Edit HTML

 

• Select Expand Widget Templates.

 

• Find  </head> tag by using (Ctrl+F ).

 

• Paste below code before </head> tag.

 

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

• Save your template.


• 
  
  Go to Layout.


• 
  
  Click  “Add Gadget”.


• 
  
  Select 'HTML/Javascript'.

 

<a href="Your mp3 direct URL">Mp3 file name</a>

Replace Your mp3 direct URL with your mp3 URL.

Replace Mp3 file name with your Mp3 song name.

• Now save 'HTML/Javascript' 
  
• You are done.

 

 

 

Leave Your Comments…………………………..

 

 

Read More

How to Find broken link on your website

If there have more broken link on your site, its not good for search engine ranking and your visitors also.For example if you put download link and it will not work,visitors will force to other sites.Therefore you have to fix it.So finding broken link manually is not really easy.some site have thousand of pages.but now there have software you can use it. you can check your broken link within 4,5 minutes.Follow steps.

 

 

 

 

 

• Download the software. Click here

 

• Unzip it and install to your computer

 

• After run Xenu.exe file

 

• Now go to left top and click File >> Check URL

 

• You can add your site like ( http://www.entertainer001.blogspot.com/)

 

• Press Ok  after you can see broken link with red color  you can fix it.

 

 

 

 

 

 

 

 

Are you happy???????????????????????????

Read More

Add Google Talk Widget To Your Website

Google widget is help you to chat with your visitors.They will chat with you whenever you sign in to Google account.

 

 

 

 

 

• If you don't have Google account click here and register Google account.

 

•   Click Here to get  this widget.

 

• Read instructions carefully

 

 

 

 

Leave a comment …………..

Read More