Make Dashing Your Blog

How To Add Disco Light On Blogger Images

2013-11-13T18:12:00.000-08:00

Hello Friends I Am Samarth Agarwal ( Mr. SMD ) Today I Am Gonna Show You How to Add Disco Light Glowing Effect On Blogger Images.So Follow My Steps.........................................

1st-> Open Your Blogger Account

2nd-> Click On Template And Select Edit HTML

3rd-> Now Find The Code ]]></b:skin ( Find the Code Press CTRL+F )

4th-> After Finding The Code Paste The Below Code Before ]]></b:skin

@-webkit-keyframes hue {

100% { -webkit-filter:hue-rotate(360deg); }

}

img:hover {

-webkit-animation:hue 1s linear infinite;

}

/* Disco Light Trick By www.showmedreams.blogspot.com*/

::-webkit-selection {background:#FFF;color:#eee;text-shadow:0 -1px 1px #fff;}

/* Scroller browser */

::-webkit-scrollbar {width:19px;}

/* Track */

::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}

/* Handle */

::-webkit-scrollbar-thumb {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#FF9000;box-shadow:0 0 6px #FF9000;-webkit-box-shadow:0 0 6px #FF9000;-moz-box-shadow:0 0 6px #FF9000;}

::-webkit-scrollbar-thumb:window-inactive {background: #FF9000;}

5th-> Now Save Your Template

Yipeeeeeeeeeeeeeeeeeeeeeeee.......................................................

Please Leave Your Question And Comment Below........

Add Css Sticky Floating Bar On Blogger

2013-08-24T09:20:00.001-07:00

Hello Friends Today I Am Gonna Show You How To Add Sticky Floating Bar On Blogger With Open Hide Functions.So Follow My Steps........................................

Open Your Blogger Account

Click On Layout

Click On Add Gadget And Select HTML/JAVASCRIPT

Now Paste The Below Code Into HTML/JAVASCRIPT

<style>
/*---Sticky Bar Codes by www.showmedreams.blogspot.com---*/
#wg-rosebar {
width:100%;
height:100px;
position:fixed;
top:0;
left:0;
}

#wg-rosebarbtm {
border-bottom:3px solid #000;
background-color:#F60;
overflow:none;
width:100%;
height:30px;
position:fixed;
top:0;
left:0;
}

#wg-rosebarbtmdata {
color:#fff;
padding:5px;
}

#wg-rosebarbtmhide {
position:absolute;
top:4px;
right:12px;
width:20px;
height:20px;
cursor:pointer;
}

#wg-rosebarbtmshow {
position:absolute;
top:0;
right:5px;
width:30px;
height:25px;
cursor:pointer;
background-color:#F60;
padding-top:5px;
border-bottom:3px solid #000;
border-left:3px solid #000;
border-right:3px solid #000;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

.wg-rosebarbtmdownarrow {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #CC5200;
}

.wg-rosebarbtmblock {
width:8px;
height:10px;
background-color:#CC5200;
}

.wg-rosebarbtmuparrow {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #CC5200;
}
</style>
<div id="wg-rosebar" >
<center id="wg-rosebarbtmshow" onmouseup="document.getElementById('wg-rosebarbtm').style.display='block'"><div class="wg-rosebarbtmblock"></div><div class="wg-rosebarbtmdownarrow"></div></center>
<div id="wg-rosebarbtm" >
<center id="wg-rosebarbtmhide" onmouseup="document.getElementById('wg-rosebarbtm').style.display='none'"><div class="wg-rosebarbtmuparrow"></div><div class="wg-rosebarbtmblock"></div></center>
<center id="wg-rosebarbtmdata"><a href="http://showmedreams.blogspot.com/2013/06/download-web-seeker.html"><span style="color:#6cc;font-size:20px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Download Web Seeker</span></a><b></b></center>

Note :

Change Download Web Seeker With Your Name

Change http://showmedreams.blogspot.com/2013/06/download-web-seeker-html With Your Link

Now Save Your HTML/JAVASCRIPT

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.................................................

Please Leave Your Question And Comment Below.................................

Customize Blogger Labels With Css Effects

2013-08-22T08:44:00.002-07:00

Hello Friends Today I Am Gonna Show You How To Customize Blogger Labels With Css Effects.Its Looks Fabulous And Helps To Increase Your Blog Traffic.So Follow My Steps.....................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Following Code

]]></b:skin>

After Find The Code Paste The Below Code Before ]]></b:skin>

Leaf Theme With Css Code

.Label a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #7FBF4D;
background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
border-bottom-right-radius: 30px;
border-color: #63A62F #63A62F #5B992B;
border-image: none;
border-style: solid;
border-top-left-radius: 30px;
border-width: 1px;
box-shadow: 0px 1px 0px 0px #96CA6D inset;
color: #FFFFFF;
float: left;
font: 14px verdana;
height: 18px;
margin-bottom: 9px;
margin-left: 10px;
padding: 10px;
position: relative;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
}

.Label a:hover {
background: none repeat scroll 0% 0% orange;
border-radius: 0px 30px 0px 30px;
border: 1px solid orange;
text-shadow: 5px 5px 5px #DCDCDC;
}

.Label {
margin: 0px;
padding: 0px;
position: relative;
}
.Label li:hover {
transform: rotate(5deg);
}
.Label li {
float: left;
font-size: 116%;
list-style: none outside none;
transition: all 0.3s ease 0s;
}

Black Brick Code

.Label li {
background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
border: 1px solid;
border-radius: 6px 6px 6px 6px;
float: left;
font-size: 116%;
list-style: none outside none;
margin: 2px;
padding: 4px;
transition: all 0.3s ease 0s;
}
.Label li:hover {
transform: rotate(351deg) scale(1.7);
}
.Label a {
color: #fff;
text-decoration: none;
}

Metro Style Code

.Label a{
padding-left:10px;
background:#0090D5;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
}

Now Save Your Template

Yipeeeeeeeeeeeeeeeeeeeeeeee...........................................

Please Leave Your Question And Comment Below.........................

How To Add Rotate Effect With Drop Shadow In Blogger Post Images

2013-08-20T22:53:00.000-07:00

Hello Friends Today I Am Gonna Show You How To Add Rotate With Shadow Effect In Blogger Post Images.So Follow My Steps.................................................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Following Code

]]></b:skin>

Now Paste The Below Code Before ]]></b:skin>

/* Post Image Shadow Effect by www.showmedreams.blogspot.com */
.post 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 #FF0000;
-moz-box-shadow: 0 0 20px #FF0000;
box-shadow: 0 0 20px #FF0000;
}

Note

Change Orange Numbers With Your Color Code

Now Save Your Template

Yipeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee...................................

Please Leave Your Question And Comment Below...........................

Add Social Content Locker In Bloggger

2013-08-19T23:39:00.000-07:00

Hello Friends Today I Am Gonna Show You How To Add Social Content Locker On Blogger.It's Increase Your Traffic.So Follow My Steps..............................................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Following Code ( Find The Code Press CTRL + F )

</head>

After Find The Code Paste The Below Code Before </head>

<link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/>

Now Save Your Template

Now Click On Edit Post

Now Click On HTML Tab And The Below Code

<article id="default-usage">
<div class="to-lock" style="display: none;">



<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>

<div style="text-align: justify">
Add Your Hidden Text Here
</div>



</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/lock.js"></script>

<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({

text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},

style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},

// twitter options
twitter: {
url: "http://www.twitter.com/samarthlord",
text: "Upgrade your social buttons to get more social traffic!"
},

// facebook options
facebook: {
url: "http://www.facebook.com/www.showmedreams.tk",
appId: "408184442589211"
},

google: {
url: "114267355093471812997"
}
});
});;;;

</script>

Note

Change Add_Hidden_Image_Here With Your Image Link

Change Add Your Hidden Text Here With Your Hidden Text

Change samarthlord With Your Twitter User Name

Change www.showmedreams.tk With Your Facebook Page User Name

Change 114267355093471812997 With Your Google Plus Profile Id

Yipeeeeeeeeeeeee.............................................................

Please Leave Your Question And Comment Below...........................

How To Customize Blogger Subheading , Minor Heading

2013-08-18T06:03:00.001-07:00

Hi I Am Samarth Agarwal And Today I Am Gonna Show You How To Customize Blogger Subheading , Minor Heading . So Follow My Steps................................................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code

]]></b:skin>

After Finding The Code Paste The Below Code Before ]]></b:skin>

Subheading Code

/**Subheadng by www.showmedreams.blogspot.com**/
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy6-OFiLBNrzAz4dAlhhVqzQecu87EXQx66uEmbm7EKhgAEf6D_ViviT9zsIYnsi_dNTc7PmMClOH1vuQCJMqCAk_SOC4DOKE8w8COZPL7PGpgz_gV9ChsVCGitSIv0caeezhPSlORVvQ/s400/BS%252BPostTitle%252B1.png") no-repeat scroll 4px center transparent;
font-size: 20px;
font-family: "Trebuchet MS",sans-serif;
text-align: left;
font-weight: bold;
width: 570px;
padding: 3px 10px 3px 30px;
color: rgb(165, 165, 3);
border: 3px solid rgb(200, 200, 0);
text-shadow: 0px 1px 0px rgb(204, 204, 204);
border-radius: 60px 60px 60px 60px;
box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1;
}

Change Orange Line With Your Icon Link

And Save Your Template

Minor Heading Code

/**Minor Heading by www.showmedreams.blogspot.com**/
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuobZJvzK7r0fouC1SOJdvBbcfoK5GpWtXyNG8Q1W1K0I1k4fAD4Yxx1HknCRNG6BvcJITNyeVZM3IuoIQmXZ-42yTVEklYqUVEEpZaW4kHhtG0wGKrKajwcwdIylY6Up8yR_GXuS4MI/s400/BS%252BPostTitle%252B2.png") no-repeat scroll 5px center transparent;
clear: both;
color: rgb(102, 45, 45);
font-family: "Trebuchet MS",sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1;
margin: 10px 5px;
padding: 6px 10px 2px 40px;
text-transform: none;
text-shadow: 0px 1px 0px rgb(204, 204, 204);
}

Change Orange Line With Your Icon Link

Now Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeeeeee.............................................

Please Leave Your Question And Comment Below............

How To Add Hover Effect On Blogger Title Text Or Logo

2013-08-17T23:59:00.002-07:00

Hello Friends Today I Am Gonna Show you How To add Hover Effect On Blogger Header Logo And Title Text.So Follow My Steps.................................................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code

]]></b:skin>

After Finding the Code Paste The Below Code Before ]]></b:skin>

/*Header Hover Effect Trick By http://www.showmedreams.blogspot.com*/
#header-inner:hover{
-webkit-transform: scale(0.95,0.95);
-moz-transform: scale(0.95,0.95);
-o-transform: scale(0.95,0.95);
-ms-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
}

After Pasting The Code Click On Save Template

Yipeeeeeeeeeeeee..................................................................

Please Leave Your Question And Comment Below..........................

How To Change Facebook Search Bar ( Box )

2013-08-17T20:06:00.003-07:00

Hello Friends Today I Am Gonna Show You How To Change Facebook Search Bar ( BOX ) .So Follow My Steps........................................

See This Video

Please Leave Your Question And Comment Below........................................................

How To Add Light Lantern On Blogger Header

2013-08-06T04:03:00.003-07:00

Hello Friends Today I Am share A New Tricks With You "How To Add Light Lantern On Blogger Header.If You Want To Add This Widget On Your Blog.So Follow My Steps..................
Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code ( To Find The Code Press CTRL + F)

</body>

After Finding This Code Paste The Below Code Before </body>

<div align="center">

<table border="0" width="900" cellspacing="0" cellpadding="0">

<tr>

<td width="900" height="0">

<div style="float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;">

<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144"><param name="movie" value="http://mybloggerlab.com/Scripts/stardima.swf"/><param name="quality" value="High"/><param name="wmode" value="transparent"/><embed src="http://mybloggerlab.com/Scripts/stardima.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>

</div>

</td>

</tr>

</table>

</div>

Now Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeee.........................................................

Please Leave Your Question And Comment Below

Add Rotating 360° Effect On Blogger

2013-08-02T22:46:00.001-07:00

Hello Friends Welcome To SMD Today I Am Gonna Show You How To Add 360° Rotating Effect On Blogger.If You Want To Add This So Follow My Steps................................

Open Your Blogger Account

Click On Layout

Click On Add Gadget

And Select HTML/JAVASCRIPT

Now Paste The Below Code Into HTML/JAVASCRIPT

<style> @-BoB-keyframes roll { 100% { -BoB-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -BoB-animation-name: roll; -BoB-animation-duration: 4s; -BoB-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>

Now Save Your HTML/JAVASCRIPT

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeeeeeeeee.................................................

Please Leave Your Question And Comment Below

Add Open/Hide Button On Blogger

2013-08-02T00:08:00.000-07:00

Hello Today I Am Gonna Show You How To Add Open/ Hide Button On Blogger.So Follow My Steps.........................

Open Your Blogger Account

Click On Layout

Click On Add Gadget And Select HTML/JAVASCRIPT

Now Paste Below Code On HTML/JAVASCRIPT

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">




</div></div></div><a href=“http://showmedreams.blogspot.com" target="_blank"><small>SMD</small></a>

Now Paste Your Widget Code On Red Line And Press Enter

Now Save Your HTML/JAVASCRIPT

Yipeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee...................................................

Please Leave Your Question And Comment Below

Add Scrolling Text On Blogger And Website

2013-08-01T23:24:00.001-07:00

Hi Friends............. Today I Am Gonna Show You How To Add Scrolling text on your blog and website.This widget is used for copy and paste in less space.If you want to add this widget.So follow my steps....................................

Open Your Blogger Account

Click On Layout

Click On Add Gadget

Now Select HTML/JAVASCRIPT

And Paste The Below Code

<textarea style="WIDTH: 332px; HEIGHT: 70px" onfocus="this.select();" name="textarea" cols="14">PUT CONTENT HERE</textarea>

Now Put Your Text On PUT CONTENT HERE

And Save Your HTML/JAVASCRIPT

Yipeeeeeeeeeeeeee...................................................

Please Leave Your Question And Comment Below

Add Ajax Infinite Scrolling Effect In Blogger

2013-07-30T20:59:00.001-07:00

Hello Friends Today I Am Gonna Show You How To Add Ajax Infinite Scroll In Blogger.You Want To Add It So Follow My Steps...............................................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code ( Find The Code Press CTRL+F)

</head>

After Finding The Code Paste The Below Before/Above On </head>

<b:if cond='data:blog.pageType == "index"'>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>

<script src='https://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery.ias({

    container : '.blog-posts',

    item: '.post-outer',

    pagination: '#blog-pager',

    next: '#blog-pager-older-link a',

    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiY8H1TGgAiiy-u-T0nBf7tFm5Ri6CuzMB9l2F0KUKydSXZv3xJQPLJF1GvL51kdA08TRbCFlnwgDV5LRvanMV2JLV8fx56p6ocDsrHJOfwpar-7m0fa6DTFL5b5REhKrpgoFu0V4-AF7/s1600/loading.gif'

});

</script>

</b:if>

Note: You Want To Change Image Of Loading Change Orange Link With You Image Link

After Pasting The Code Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeee..............................................

Please Leave Your Question And Comment Below

Add Animated Jquery Page Loading Effect On Blogger

2013-07-27T21:29:00.000-07:00

Hello Friends Today I Am Going To Show You How To Add Animated Jquery Page Loading Effect On Blogge.Its Increase Your Blog loading Speed.So You Want To Add It.So Follow My Steps..............

Live Demo

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code (Find The Code Press CTRL + F )

</head>

After Finding The Code Paste Below Code Before </head>

<style> /* jQuery page loading effect by www.showmedreams.blogspot.com */ #md-loading { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: #FDFEF8 url(http://www.419hell.com/Kwame_Adogboba/_RefFiles/DLL.gif) no-repeat center; line-height: 350px; text-align: center; font-size: 36px; color: #353231; text-indent: -9999px; } .MD #md-loading { display: none; } @media only screen and (device-width: 768px) { #loading { position:absolute; width:1040px; min-height:768px; } } #md-progress-bar { position: absolute; top: 0; left: 0; background: #de1301; opacity: 0.8; width: 0; height: 18px; } #md-loader { height: 100%; display: none; } </style> <script> (function($){ $("html").removeClass("MD"); $("#header").ready(function(){ $("#md-progress-bar").stop().animate({ width: "25%" },1500) }); $("#footer").ready(function(){ $("#md-progress-bar").stop().animate({ width: "75%" },1500) }); $(window).load(function(){ $("#md-progress-bar").stop().animate({ width: "100%" },600,function(){ $("#md-loading").fadeOut("fast",function(){ $(this).remove(); }); }); }); })(jQuery); </script>

NOTE: Change Red Link With Your Image Link

After Pasting The Code Now Find The Below Code

<body>

After Finding The Code Now Paste The Below Code After <body>

<div id='md-loading'><div id='md-progress-bar'></div><div id='md-loader'>Loading...</div></div>

After Pasting The Code Now Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeeeee..........................

Please Leave Your Question And Comment Below

Customize Blogger Search Box Bar With Speak

2013-07-27T09:24:00.002-07:00

Hello Friends Today I Am Gonna Show You How To Customize Blogger Search Box Bar With Speak.So You Want To Add This So Follow My Steps..............................

Open Your Blogger Account

Click On Layout

Click Add Gadget

Select HTML/JAVA SCRIPT

Now Paste The Below Code

<form action="http://showmedreams.blogspot.com/search/" id="searchform" method="get"> <input id="s" name="q" placeholder="showmedreams.blogspot.com" type="text" value x-webkit-speech="true" /> </form>

Now Change Orange Line With Your Blog Link

Now Save Your HTML/JAVA SCRIPT

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeee...........................................

Please Leave Your Question And Comment Below

Add Image And Message Above Blogger Comment Box

2013-07-19T06:07:00.002-07:00

Hello Friends Today I Am Teach You How To Add Image And Message Above Blogger Comment Box.You Want Add This.So Follow My Steps..............................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code Using CTRL+F

After Finding The Code Paste The Below Code After <a name='comment-form'/>

<h4 id='comment-post-message'><img src='http://chennaihostels.com/comment1.png'/></h4> <div class='CommentNote'> <p><strong>Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.</strong><br/> <b>Note:</b><br/>1. Make sure to click the <b>"Subscribe By Email"</b> link below the comment to be notified of follow up comments and replies.<br/>2. Please <b>"Do Not Spam"</b> - Spam comments will be deleted immediately upon our review.<br/>3. Please <b>"Do Not Add Links"</b> to the body of your comment as they will not be published.<br/>4. Only <b>"English"</b> comments shall be approved.<br/>5. If you have a problem check first the comments, maybe you will find the solution there.</p> </div>

Note: Change Orange Link With Your Image Link

Change Red Lines With Your Details

Now Save Your Template And Check Your Blog

Yipeeeeeeeeeeeeeeee.............................................

Please Leave Your Question And Comment Below

Add Smiley Emotions On Blogger Comment Form

2013-07-19T04:02:00.002-07:00

Hello Guys Welcome In SMD (Showmedreams) So Today I Am Teach You How To Add Smiley Emotions On Blogger Comment Form.So Follow My Steps.........................

Open Your Blogger Account

Click On Template

Click On Edit HTML

Now Find The Below Code Using CTRL+F

</head>

Now Paste The Below Code Before </head>

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.BSemoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src=' http://bloggerspicebd.googlecode.com/files/BSEmoticons.www.bloggerspice.com.js' type='text/javascript'/>

After Pasting The Code Now Find The Below Code Using CTRL+F

]]></b:skin>

After Finding The Code Paste The Below Code Before ]]></b:skin>

/*Smiley Emotions Widget By www.showmedreams.blogspot.com*/
.BSemoWrap {
background-color:#fff;
width: Auto;
border:2px solid#000000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.BSemoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.BSemoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
margin:0px 0px 0px 2px;
color:black;

Now Save Your Template

And Check Your Blog

Yipeeeeeeeeeee................................................

Please Leave Your Question And Comment Below

----------------------------------------------------------------------------------------------

Read More :
How To Customize Blogger Comment Form How To Change Blogger Scroll Bar

Add Css Hover Effect On 125x125 Ads Banner

2013-07-18T04:14:00.003-07:00

Hello Friends Today I Am Gonna Show You How To Add Hover Effect On Advertise It's Looks Beautiful And Pretty.So Do You Wanna Add This Effect.So Follow My Steps.....................

Open Your Blogger Account

Click On Layour

Click On Add Gadget

Select HTML/JAVASCRIPT

Paste The Below Code On HTML/JAVASCRIPT

<style> .bsbanner ul{list-style-type:none;margin: 0px auto;padding: 10px 0px 0px 0px;width:300px;overflow:hidden;} .bsbanner ul li{list-style-type:none;margin: 0px 1px 0px 3px;float:left;display:inline;background:orange;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;} .bsbanner ul li:hover {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;} .bsbanner ul li:active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .bsbanner ul li a img{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px;} </style> <div class="bsbanner "> <ul> <li style="background:#FF9900 !important;"> <a href=”URL ADVERTISERS PAGE”> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#FF0D00 !important;"> <a href=”URL ADVERTISERS PAGE”> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#00FF04 !important;"> <a href="URL ADVERTISERS PAGE"> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li><li style="background:#FF00FF !important;"> <a href="URL ADVERTISERS PAGE"> <img height="120" src="http://1.bp.blogspot.com/-M2TEg9zrmSc/UOPr_G_ratI/AAAAAAAABN4/4T0zgrbUA7g/s1600/Advertise-Here125%2BX%2B125.png" width="120" /></a></li> </ul> </div>

NOTE: Change Orange Link With Your Advertising Page Link

Change Yellow Link With Your Image Link

Now Check Your Blog

Yipeeeeeeeeeeeeeeee...................................... It's Work

Please Leave Your Question And Comment Below

------------------------------------------------------------------------------------------------

Read More:
Download Web Seeker | Add Advertise Here On Blogger

Add Css Badge For Your Blog And Website

2013-07-17T08:06:00.001-07:00

Hello Friends Today I Am Gonna Show You How To Add Badge For Your Your Blog With Hover Effecr Its Very Awesome And Don't Decrease Your Blog Speed.So Follow My Steps...............

Live Demo

Open Your Blogger Account

Click On Layout

And Click On Add Gadget And Select HTML/JAVASCRIPT

And Paste The Below Code

<style> .BlogTariffCSSBadge{background:#fff;border-radius:10%;cursor:pointer;position:relative;width:15em;height:5em;overflow:hidden;transform:translateZ(0);margin:0 auto} .BlogTariffCSSBadge h1{color:rgba(8,172,233,0);font-family:Lato, sans-serif;font-weight:900;font-size:1.6em;line-height:3em;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased;user-select:none;transition:color .8s ease-in-out} .BlogTariffCSSBadge h1 a{color:rgba(8,172,233,0);text-decoration:none} .BlogTariffCSSBadge:before,.BlogTariffCSSBadge:after{border-radius:10%;content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;box-shadow:inset 10.6em 0 0 rgba(30,140,209,0.2), inset 0 10.6em 0 rgba(30,140,209,0.2), inset -10.6em 0 0 rgba(30,140,209,0.2), inset 0 -10.6em 0 rgba(30,140,209,0.2);transition:box-shadow .75s} .BlogTariffCSSBadge:after{transform:rotate(45deg)} .BlogTariffCSSBadge:hover:before,.BlogTariffCSSBadge:hover:after{box-shadow:inset .86em 0 0 rgba(255,0,0,0.5), inset 0 .86em 0 rgba(252,150,0,0.5), inset -.86em 0 0 rgba(0,255,0,0.5), inset 0 -.86em 0 rgba(0,150,255,0.5)} .BlogTariffCSSBadge:hover > h1 a,.BlogTariffCSSBadge:hover > h1{color:rgba(8,172,233,1)}/* Widget by www.showmedreams.blogspot.com */ </style> <div class="BlogTariffCSSBadge"> <h1><a href="http://www.showmedreams.blogspot.com">SMD</a></h1> </div>

Note: Change http://www.showmedreams.blogspot.com With Your Blog Link

Change SMD With Your Badge Name

Now Save Your HTML/JAVASCRIPT

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeeee.........................................

Please Leave Your Question And Comment Below............

------------------------------------------------------------------------------------------------------------

Read More:

How To Add Stylish Author Profile Widget On blogger

Internet Download Manager Full Version

Universal Keygen Generator 2013

2013-07-10T08:16:00.000-07:00

Friends Today I Am Share A New Software Universal Keygen Generator.You Want To Download It So Follow My Steps...........................

First Click On Download

Download

And This Software Required A Microsoft.NET Framework 4 So You Want To Download Its Click On Net.Framework

Net.Framework

Yipeeeeeeeeeeeeee.............................................

How To Customize Blogger Recent Comment Widget

2013-07-09T05:44:00.000-07:00

Hello Friends Today I Am Gonna Show You How To Customize Blogger Recent Comment Widget With Avatar.It's Look Beautiful And Amazing.So Follow My Steps...............................

Open Your Blogger Account

Click On Layout

Click On Add Gadget And Select HTML/JAVASCRIPT

Now Paste The Below Code

<style type="text/css"> ul.w2b_recent_comments { list-style: none; margin: 0; padding: 0; } .w2b_recent_comments li { background: none !important; margin: 0 0 6px !important; padding: 0 0 6px 0 !important; display: block; clear: both; overflow: hidden; list-style: none; } .w2b_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; } .avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .w2b_recent_comments li img { padding: 0px; position: relative; overflow: hidden; display: block; } .w2b_recent_comments li span { margin-top: 4px; color: #666; display: block; font-size: 12px; font-style: italic; line-height: 1.4; } </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script> <script type="text/javascript" src="http://showmedreams.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Now Change Red Line With Your Blog Address And Save It

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeeeeee............................................

Please Leave Your Question And Comment Below

How To Send Blank Message And Post On Facebook

2013-07-08T04:49:00.002-07:00

Hello Friends Today I am Gonna Show You How To Send Blank Message And Post On Facebook.It's Very Easy Trick To Send Blank Message And Post.So Follow My Steps.............................

Send Blank Message On Facebook Chat

To Send Blank Message On Facebook Chat Press

ALT + 0173

And Press Enter

Now Your Blank Message Has Send

Send Black Post On Facebook

To Send Blank Post On Facebook Press

ALT + 0173

And Click On Post

Now Your Blank Post Has Send

Yipeeeeeeeeeeeeee...........................................

Please Leave Your Question And Comment Below

How To Change Select Text Color On Blogger

2013-07-07T02:12:00.003-07:00

Hello Friends Today I am Gonna Show You How To Change Select Text Color Code On Blogger.So Follow My Steps..............................................

Open Your Blogger Account

Click On Template

And Click On Edit HTMl

Now Find The Below Code You Want To Find The Code Press CTRL + F

</head>

After Finding The Code Paste The Below Code After </head>

<style type="text/css"> ::selection {background:#cc0000;color:#ffffff;} ::-moz-selection{background:#cc0000;color:#ffffff;} code::selection {background: #333333;color:#ffffff;} code::-moz-selection {background: #333333;color:#ffffff;} pre::selection {background: #44ceff;color:#ffffff;} pre::-moz-selection {background: #44ceff;color:#ffffff;} </style>

Now Save Your Template

Now Check Your Blog

Yipeeeeeeeeeeeeeeeeeee................................

Please Leave Your Question And Comment Below

Angry Birds Full Version Activation Code For Pc

2013-07-06T23:14:00.000-07:00

Hello Gamers Today I Am Give You Angry Birds Full Version Activation Code For Pc All Version.

Angry Birds Rio Activation Code -> THET-ALEV-LEFR-USWO

Yipeeeeeeeeeeeeeeeeeeeeeee..............................

How To Add Flying Letter On Mouse Cursor

2013-07-06T08:32:00.000-07:00

Hello Friends Welcome In SMD (SHOWMEDREAMS).So Today I am Going TO SHow You How To Add Flying Letter On Mouse Cursor.So Follow My Steps....................

First Login Your Blogger Account

Click On Layout

Now Click On Add Gadget And Select HTML/JAVASCRIPT

Now Paste The Below Code

<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='www.showmedreams.blogspot.com'; var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var x1=0; var y1=-1000; var t=''; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">'; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div>'; } document.write(t); function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function animate(evt){ x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=animate; setInterval('movetxts()',delay); } </script>

Change Orange Text With Your Text

Now Save Your HTML/JAVASCRIPT

Yipeeeeeeeeeeeeeeeee............................. Check Your Blog

Please Leave Your Question And Comment Below