Increase your internet speed by other tricks!

1: go to ur desktop

2: right click on "My computer"

3: den select "properties"

4: den click on "HARDWARE" tab

5: den click "Device manager"


6: now u see a new window(Device manager window)

7: look down now u can see "Ports(COM & LPT)" ...click on it

8:den double click on "Communication Ports"

9: after open u can see a "Communication Port properties"..

10: now go the "Port Setting"

11: and now change ur "Bits per second" to "128000".

12: and "Flow control" change 2 "Hardware".


apply and see the result.........

Read more

REPLACE/CHANGE "POST A COMMENT" TEXT WITH A COOL IMAGE/TEXT IN BLOGGER

This tutorial will show you How to change/remove/replace "Post a Comment" Text With a Cool Image/Text In Blogger. I will give you a few images you can use or you can add your own image.

HOW TO REPLACE POST A COMMENT TEXT

• Go to Blogger Dashboard --> Template --> Edit HTML --> Proceed
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Press Ctrl + F and search the code shown below
• Now Find the code shown below using [ctrl+F]

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

• Now replace the highlighted code with one of the image code shown below

LIST OF IMAGES

Here I am giving some sample of images you can use them or you can add your own image.

SAMPLE 1

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjDhuwn8Wpn5t95yVG4znguAYjNpLZ6AMpxO_JfDw8Pt9RiAdXdwk72B3NTRqrcK5sNSxSg18Yvcjt4qFWiQ8yrzVeIlFLz9pE0HMPlNQWr6b01kx1hhfPjQJ9pNO8FIEJCzcdku3v69qV/s1600/comment+cloud.png" />

SAMPLE 2

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEnKuDditOWjKDngntn9aO8fytfb_ryVRZs-R2Q6jG8pSl7XSlR2hPgLrN-Msr_cIEWlEYVyhgLMSOJqqld978aucUH6HFDZl3xhaqgp7tkGEbJ3HJM8AtS8zslFcbnAgOiq0iAClxxsn6/s1600/comment+here+flowers.png" />

SAMPLE 3

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigwihyGyoy9sHMQrtMtbqLFLciOObdpWyp_buTf29RjnF5DeZHmNhIE-5uwHYtR1fxDDilOMcWHq7PcnPbUrlRVd9LPg4yIdpDKtKT_Y7RTZWnLe8Q1TVLAkculXMUe8T3J60LX6csBd-6/s1600/PostAComment+%286%29.png" />

SAMPLE 4

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrAWWERZz2O8hmmucnScDG1wAOxx-ZGIC0maTMTjpbdINam1YBT-spbhtzop0tqe0kcJxblEZwXcMU54K-p5ZbLGcVQdvrF0CfgKiI_JLWAn1oyPWyzDz0KygIPapyZLR-_jTRWliViRX/s1600/PostAComment+%282%29.png" />

SAMPLE 5

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoNKEjTbx-UunItlTCHWXp99ZwS1k3AQNOYH8q-xdSM6IZvZsrklkuSnRmmjBXWudiQhlpaySjAs_uIw_cki96Y1Z7UPS-EXKOab-PddMBjD84X0-DMFaPC4uaREeSM1NF9pbpShahoAe/s1600/PostAComment.png" />

SAMPLE 6

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaNrAsCBN4iHntmtSQ-jvX49F7fa-ivVtd3cGHUgJniPldwDGplM3lau-YryQ78_lLNKFFVnrh57R4xvHQS7pnZs-3HluTj5h7uc1frMmVAXeBQMX6ouoF9t_AMrl7RhNLrETXwVhyuKR/s1600/PostAComment4.png" />

• Now save your template

Read more

ADD LINK HOVER/NUDGING EFFECT TO BLOGGER LINKS USING CSS

This tutorial will show you How To Add Link Hover/Nudging Effect To Blogger Links Using Css. After adding this effect in your blog all links or selected links slide when someone move there mouse over it. This effect makes your links more attractive.

LINK NUDGING DEMO

ADD NUDGING EFFECT TO ALL BLOGGER LINKS

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

]]></b:skin>

• Now Paste the Code shown below just before/above it

a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}

ADD NUDGING EFFECT TO SELECTED LINKS

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

]]></b:skin>

• Now Paste the Code shown below just before/above it

.latesthack {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
.latesthack:hover {
padding-left: 12px;}

• Now use the HTML code shown below to add nudging effect to selected links

<a class="latesthack" href="http://blogger.com">Blogger</a>

Read more

ADD AWESOME/BEAUTIFUL/COOL CSS3 BUTTONS IN BLOGGER

This tutorial will show you How To Add Awesome/Beautiful/Cool CSS3 Buttons In Blogger. This button set contains buttons of 8 different colors (black,pink,green,magentablue,red,orange and yellow) and 3 sizes (large, medium and small). These buttons are designed byzurb.com and after some customization to these buttons i am sharing on Latesthack for my readers.

AWESOME/BEAUTIFUL/COOL CSS3 BUTTONS DEMO

Live Demo

HOW TO ADD CSS3 BUTTONS IN BLOGGER

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

]]></b:skin>

• Now Paste the Code shown below just before/above it

.awesome, .awesome:visited {
    background: #222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJbUg-43Fu0-MvDFCXYND8vTJZ7CRImazJHJhj7WrwUN3H02Ct29E2FTYG6McgkTuZa5kNCQDX-pKEBYme7u6QzrRPSXWeKNClxPBBldbOQDWPpOHcb3-23FsqFfD-JjYLhzoePfBjrmc/s1600/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
        border-radius:5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
font-family:Calibri, Arial, sans-serif;
}

    .awesome:hover                            { background-color: #111; color: #fff; }
    .awesome:active                            { top: 1px; }
    .small.awesome, .small.awesome:visited             { font-size: 18px; padding: ; }
    .awesome, .awesome:visited,
    .medium.awesome, .medium.awesome:visited         { font-size: 24px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
    .large.awesome, .large.awesome:visited             { font-size: 30px; padding: 8px 14px 9px; }
  
    .green.awesome, .green.awesome:visited        { background-color: #91bd09; }
    .green.awesome:hover                        { background-color: #749a02; }
    .blue.awesome, .blue.awesome:visited        { background-color: #2daebf; }
    .blue.awesome:hover                            { background-color: #007d9a; }
    .red.awesome, .red.awesome:visited            { background-color: #e33100; }
    .red.awesome:hover                            { background-color: #872300; }
    .magenta.awesome, .magenta.awesome:visited        { background-color: #a9014b; }
    .magenta.awesome:hover                            { background-color: #630030; }
    .orange.awesome, .orange.awesome:visited        { background-color: #ff5c00; }
    .orange.awesome:hover                            { background-color: #d45500; }
    .yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515; }
    .yellow.awesome:hover                            { background-color: #fc9200; }

    .pink.awesome, .pink.awesome:visited        { background-color: #e22092; }
    .pink.awesome:hover                            { background-color: #c81e82; }

HOW TO USE THESE BUTTONS

• Use the HTML code shown below in your post

HTML CODE FOR LARGE BUTTONS

<a href="LINK" class="large awesome">LINK NAME</a>
<a href="LINK" class="large blue awesome">LINK NAME</a>
<a href="LINK" class="large pink awesome">LINK NAME</a>
<a href="LINK" class="large magenta awesome">LINK NAME</a>
<a href="LINK" class="large green awesome">LINK NAME</a>
<a href="LINK" class="large red awesome">LINK NAME</a>
<a href="LINK" class="large orange awesome">LINK NAME</a>
<a href="LINK" class="large yellow awesome">LINK NAME</a>

HTML CODE FOR MEDIUM BUTTONS

<a href="LINK" class="medium awesome">LINK NAME</a>
<a href="LINK" class="medium blue awesome">LINK NAME</a>
<a href="LINK" class="medium pink awesome">LINK NAME</a>
<a href="LINK" class="medium magenta awesome">LINK NAME</a>
<a href="LINK" class="medium green awesome">LINK NAME</a>
<a href="LINK" class="medium red awesome">LINK NAME</a>
<a href="LINK" class="medium orange awesome">LINK NAME</a>
<a href="LINK" class="medium yellow awesome">LINK NAME</a>

HTML CODE FOR SMALL BUTTONS

<a href="LINK" class="small awesome">LINK NAME</a>
<a href="LINK" class="small blue awesome">LINK NAME</a>
<a href="LINK" class="small pink awesome">LINK NAME</a>
<a href="LINK" class="small magenta awesome">LINK NAME</a>
<a href="LINK" class="small green awesome">LINK NAME</a>
<a href="LINK" class="small red awesome">LINK NAME</a>
<a href="LINK" class="small orange awesome">LINK NAME</a>
<a href="LINK" class="small yellow awesome">LINK NAME</a>

• Replace LINK with link URL and LINK NAME with the name/title of your link

Read more

ADD BEAUTIFUL/STYLISH /AWESOME LABELS WIDGET IN BLOGGER

In this tutorial you will see how to customize blogger labels with CSS3. The default Label gadget provided by Blogger has some customization options but doesn't provide much control over the Design aspect. We will apply this hack using pure CSS3 .This stylish labels widget really attract your readers.

LABELS WIDGET DEMO

Live Demo

HOW TO CUSTOMIZE BLOGGER LABELS

• First you have to edit some settings on your widget as shown below and then save the widget

• Now click on Add to blogger button shown below

Read more

ADD POPULAR POST SLIDER/IMAGE GALLERY IN BLOGGER

You might have seen so many sliders or crousels that works on the recent posts or you have to add images in it manually. In this tutorial i will give you the slider/image gallery that works on the popular posts. This widget shows your 10 popular posts images in form of slider. This slider is made by dynamicdrive.com and i make some changes to make it popular post slider

POPULAR POSTS SLIDER PREVIEW

POPULAR POST SLIDER DEMO

Live Demo

HOW TO ADD POPULAR POST SLIDER/IMAGE GALLERY TO BLOGGER

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

</head>

• Now Paste the Code shown below just before/above it

<style type="text/css">
#gallery{position:relative;margin:0 35px 20px;width:500px;height:126px;background:#ffffff}
#gallery .belt{position:absolute;top:0;left:0;list-style-type:none}
#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikGwoaCIpP_-lO-vWa7Atn0iC9UBk7z7dabZSKyCYVE6PCbUWngfk-8258oCTJf3QlemWXaIKlTjO8GQJMz0W80q_tVbQNxhKnXM2z3Fobb_5EJpK7wwJE9hMlgGKIFdvuZlg4W-t24-c/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden}
#gallery .panel img{float:left;border:1px solid #DDD;margin:5px;width:72px;height:72px;background:#FFF;padding:0px}
#gallery .panel img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://latest-hacks.googlecode.com/svn/gadgets/popularposts/popular-posts.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
stepcarousel.setup({
galleryid: "gallery",
beltclass: "belt",
panelclass: "panel",
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdg229MPuX9E4VE1ZGgwgyDxE-tnjKhd2Lx0QPsT187vhXt2CJpz9RmP5NA2Zx7zbF567acsi96VFXBSH6dU6XRJr-TkgolL-hUEH0xkrt2XQNz-jsNHLTohUUCuejuSRqshPtprpNabw/s1600/prev.png", -40, 36], rightnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHWpENR10LYPt6MVR3vwK7VXMXdPYkYsOsRGLkI5f27rwywiZslTGbBcYMhMn7cNODu9HGxIcoDJRrcGohBeeoJyInIMYwS336twsvTPQR8oA5NictaB06XEWW7mcgAGZl23u_xmqHYU/s1600/next.png", 2, 36]},
contenttype: ["external"]
})
//]]>
</script>

• Now Find the code shown below using [ctrl+F]

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

• Now Paste the Code Shown Below just below/after it

<b:widget id='PopularPosts7' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'>
  <div id='gallery'>
   <ul class='belt'>
    <b:loop values='data:posts' var='post'>
     <li class='panel'>
      <b:if cond='data:showThumbnails == &quot;false&quot;'>
       <b:if cond='data:showSnippets == &quot;false&quot;'>
        <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
       <b:else/>
        <div class='item-title'>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        </div>
        <div class='item-snippet'>
         <data:post.snippet/>
        </div>
       </b:if>
      <b:else/>
       <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
        <b:if cond='data:post.thumbnail'>
         <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
        <b:else/>
         <img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipVEeTJ-HEas109iYRyOYEu2bE8VdPERriqZDpfoBfmirl39XmPXF5HM6W63rslIvwKDVwdfJCYN6VJvobhwZxc7duVvqwIs5wYl1SjH_eB4kbUGU7d3jH9HIKmbaz0xWiuAb9PCb_7NY/s1600/defaultimage.jpg'/>
        </b:if>
       </a>
      </b:if>
     </li>
    </b:loop>
   </ul>
  </div></div></b:if>
 </b:includable>
</b:widget>

• Now save your template

Read more