টেকটিউনস

Multicolor Social Networking Sites Profile Widget

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img540.imageshack.us/img540/6923/JPMEYV.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="288" src="http://img540.imageshack.us/img540/6923/JPMEYV.png" width="320" /></a></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: 15.0080003738403px; line-height: 24.0128002166748px;">ocial bookmarking widget plays an important role on a blog site. Facebook, Twitter, Google Plus, Linked In are one of the most popular social networking sites. So, these sites help us to generate traffics and also make a good engagement with subscribers.</span><span style="font-size: 15.0080003738403px; line-height: 24.0128002166748px;">Today I am going to be sharing a multicolor social networking site profile widget for blogger. Which will highlight your social media profile link to visitors on your blog site. This blogger widget has a multicolor hover effect which looking really attractive.</span></div>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-size: 15.0080003738403px; line-height: 24.0128002166748px;"><br /></span></div>
<div style="background-color: white; border: none; box-sizing: border-box; clear: none; font-family: 'Roboto Condensed', sans-serif; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="color: #cc0000;">How to Add Multicolor Social Networking Sites Profile Widget for Blogger?</span></div>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; line-height: 24.0128002166748px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Log in to Blogger dashboard.</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Go to Layout > Add a HTML/JavaScript Gadget</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Paste below code in HTML / JavaScript gadget code section.</li>
</ul>
<blockquote class="tr_bq" style="text-align: justify;">
<div style="border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; font-style: italic; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; vertical-align: baseline;">
<style type=’text/css’><br style="box-sizing: border-box;" />/*Social Profile Blogger WIdget by Rupayon.Com*/<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile { width: <span style="box-sizing: border-box; color: #ff6600;"><strong style="box-sizing: border-box;">300px</strong></span>; margin: -10px; text-decoration: none; }<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul { margin: 0; padding: 0; text-decoration: none;}<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li { list-style:none; padding: 0; text-transform: none; text-decoration: none;}<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li a { color: #fff; display:block; text-decoration: none;}<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li a:hover { color: #c9c9c9; background-color: #333; text-decoration: none; }<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li .rss { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png”) no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li .twitter { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png”) no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li .facebook { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png”) no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li .google { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png”) no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }<br style="box-sizing: border-box;" />.rupayon-multi-color-social-profile ul li .linkedin { background: url(“http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png”) no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }<br style="box-sizing: border-box;" />/*WIdget by www.widgetgenerators.blogspot.com*/<br style="box-sizing: border-box;" /></style><br style="box-sizing: border-box;" /><div class=”rupayon-multi-color-social-profile”><br style="box-sizing: border-box;" /><ul><br style="box-sizing: border-box;" /><li><a class=”facebook” href=”<span style="box-sizing: border-box; color: red;"><strong style="box-sizing: border-box;">Your Facebook Profile or Page Link Here</strong></span>“>Stay Connected on Facebook</a></li><br style="box-sizing: border-box;" /><li><a class=”rss” href=”<span style="box-sizing: border-box; color: #339966;"><strong style="box-sizing: border-box;">Your Feedburner Username Here</strong></span>“>Subscribe to the RSS Feed</a></li><br style="box-sizing: border-box;" /><li><a class=”twitter” href=”<strong style="box-sizing: border-box;"><span style="box-sizing: border-box; color: blue;">Your Twitter Profile Link Here</span></strong>“>Follow Us on Twitter</a></li></div>
<div style="border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; font-style: italic; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; vertical-align: baseline;">
<li><a class=”google” href=”<strong style="box-sizing: border-box;"><span style="box-sizing: border-box; color: magenta;">Your Google Plus Link Here</span></strong>“>Follow Us on Google+</a></li><br style="box-sizing: border-box;" /><li><a class=”linkedin” href=”<strong style="box-sizing: border-box;"><span style="box-sizing: border-box; color: #ff6600;">Your Lined In Profile Link Here</span></strong>“>Connect With Us on LinkedIn</a></li></div>
<div style="border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; font-style: italic; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; vertical-align: baseline;">
</ul><br style="box-sizing: border-box;" /></div></div>
</blockquote>
<br />
<br />
<h2 style="background-color: white; border: none; box-sizing: border-box; clear: none; color: #303030; font-family: 'Roboto Condensed', sans-serif; font-size: 1.375rem; font-weight: inherit; line-height: 1.5; list-style: none; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Social Profiles Widget Customization</h2>
<ul style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; line-height: 24.0128002166748px; list-style: none; margin: 4px 0px 8px; padding: 0px 0px 0px 20px; text-align: justify; vertical-align: baseline;">
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Look at above codes. Replace <span class="short_text" id="result_box" lang="en" style="box-sizing: border-box;">Respectively</span> With <span style="box-sizing: border-box; color: red;">Your Facebook Profile or Page Link Here</span>, <span style="box-sizing: border-box; color: green;">Your Feedburner Username Here</span>, <span style="box-sizing: border-box; color: blue;">Your Twitter Profile Link Here</span>, <span style="box-sizing: border-box; color: magenta;">Your Google Plus Link Here, <span style="box-sizing: border-box; color: #ff6600;">Your Lined In Profile Link Here</span></span></li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">You can also change <span class="correction  alternate" id="GingerWidget-correction-0" style="box-sizing: border-box;">the width</span> of this widget. Change 300px with your <span class="correction  alternate" id="GingerWidget-correction-1" style="box-sizing: border-box;">desired</span>amount to change <span class="correction  alternate" id="GingerWidget-correction-2" style="box-sizing: border-box;">the width</span>.</li>
<li style="border: none; box-sizing: border-box; list-style: disc outside; margin: 4px 0px 4px 15px; padding: 0px; vertical-align: baseline;">Do you want to make more customization? Ya! You can if you have a basic HTML, CSS knowledge.</li>
</ul>
<div style="background-color: white; border: none; box-sizing: border-box; color: #303030; font-family: Arimo, sans-serif; font-size: 15.0080003738403px; line-height: 24.0128002166748px; list-style: none; margin-bottom: 12px; margin-top: 4px; padding: 0px; text-align: justify; vertical-align: baseline;">
This is not so hard tutorial to add a social networking sites profile widget on your blogger blog. Yet you couldn’t add it or face any problem, please leave a comment below. I will help you. This is the first post of <a href="http://kalamfaim.blogspot.com/">kalamfaim.blogspot.com</a> blog. So, stay with us. We will try to post many <span class="correction  alternate" id="GingerWidget-correction-1" style="box-sizing: border-box;">tips, tricks</span> which you want.</div>
</div>

Blogger Tricks Social Networking Multicolor Social Networking Sites Profile Widget

ocial bookmarking widget plays an important role on a blog site. Facebook, Twitter, Google Plus, Linked In are one of the most popular s...

CSS Image Hover Effects

6:32 AM 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img661.imageshack.us/img661/9707/R2P45v.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="203" src="http://img661.imageshack.us/img661/9707/R2P45v.jpg" width="320" /></a></div>
<span style="font-family: inherit;">Hover effects are always a fun topic to explore.In the past, we’ve built someawesome examples of CSS hovers that were easy to copy and paste right into your code.</span><span style="font-family: inherit;">Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet that you can steal and a live demo so you can see it in action.</span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<b><span style="color: #3d85c6;"><br /></span></b></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<b><span style="color: #3d85c6;"><br /></span></b>
<b><span style="color: #3d85c6;"><br /></span></b>
<b><span style="color: #3d85c6;"><br /></span></b>
<b><span style="color: #3d85c6;"><br /></span></b>
<b><span style="color: #3d85c6;">Step 1</span></b><span style="color: #111111;"> Log in to your Blogger Account and Go to your </span><b><span style="color: red;">Blogger Dashboard</span></b><span style="color: #111111; font-family: 'Trebuchet MS', sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">
<b><span style="color: #3d85c6;">Step 2</span></b><span style="color: #111111;"> </span><span style="color: #333333;">C</span><span style="color: #111111;">lick on  Now click on -> </span><b><span style="color: #3d85c6;">Template </span></b><span style="color: #111111;">-> </span><b><span style="color: #3d85c6;">Edit HTML</span></b><span style="color: #111111;">-> Unfold code </span></div>
</div>
<div class="MsoNormal" style="background: white; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">
<span style="color: #111111;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<b style="color: #444444;"><span style="color: #3d85c6;">Step 3</span></b><span style="color: #111111;"> Now Find this code </span><b style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;"><span style="color: red;">]]></b:skin></span></b><span style="color: #111111;"> by Pressing  </span><span style="background-color: transparent; color: #111111; font-family: inherit; font-size: 14px;">  </span><kbd style="background-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #111111; font-size: 1.2em; line-height: 21px; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="background-color: transparent; color: #111111; font-family: 'Times New Roman', serif; font-size: 16px; line-height: 21px;"> + </span><kbd style="background-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #111111; font-size: 1.2em; line-height: 21px; margin: 2px 3px; padding: 1px 5px;">F</kbd></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<b style="color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><span style="color: #3d85c6;">Step 4</span></b><span style="color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"> Paste the below code above </span><b style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;"><span style="color: red;">]]></b:skin></span></b><b style="color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><span style="color: red;"> </span></b><span style="color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">and </span><span style="color: #444444;">Save the</span><span style="color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"> templates</span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<span style="color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<span style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal;">Grow</span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<span style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img540.imageshack.us/img540/8360/7S0EcG.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="329" src="http://img540.imageshack.us/img540/8360/7S0EcG.jpg" width="640" /></a></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<span style="color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img {</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">height: 300px;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">width: 300px;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">-webkit-transition: all 1s ease;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">-moz-transition: all 1s ease;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">-o-transition: all 1s ease;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">-ms-transition: all 1s ease;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">transition: all 1s ease;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img:hover {</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">width: 400px;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">height: 400px;</span><br />
<span style="color: red; font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Shrink</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img538.imageshack.us/img538/7291/aCCbnF.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img538.imageshack.us/img538/7291/aCCbnF.jpg" width="640" /></a></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img {</span><br />
<span style="color: red;">  height: 400px;</span><br />
<span style="color: red;">  width: 400px;</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">  -webkit-transition: all 1s ease;</span><br />
<span style="color: red;">     -moz-transition: all 1s ease;</span><br />
<span style="color: red;">       -o-transition: all 1s ease;</span><br />
<span style="color: red;">      -ms-transition: all 1s ease;</span><br />
<span style="color: red;">          transition: all 1s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  width: 300px;</span><br />
<span style="color: red;">  height: 300px;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal;"><br /></span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal;">Side Pan</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img901.imageshack.us/img901/2083/T6hwmC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img901.imageshack.us/img901/2083/T6hwmC.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">/*SIDEPAN*/</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img {</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  margin-left: 0px;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  -webkit-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">     -moz-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">       -o-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">      -ms-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">          transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img:hover {</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  margin-left: -200px;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Vertical Pan</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img537.imageshack.us/img537/6002/6fvrdp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img537.imageshack.us/img537/6002/6fvrdp.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img {</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  margin-top: 0px;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  -webkit-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">     -moz-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">       -o-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">      -ms-transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">          transition: margin 1s ease;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img:hover {</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">  margin-top: -200px;</span><br />
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Tilt</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img538.imageshack.us/img538/3725/PLGnun.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img538.imageshack.us/img538/3725/PLGnun.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img {</span><br />
<span style="color: red;">  -webkit-transition: all 0.5s ease;</span><br />
<span style="color: red;">     -moz-transition: all 0.5s ease;</span><br />
<span style="color: red;">       -o-transition: all 0.5s ease;</span><br />
<span style="color: red;">      -ms-transition: all 0.5s ease;</span><br />
<span style="color: red;">          transition: all 0.5s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  -webkit-transform: rotate(-10deg);</span><br />
<span style="color: red;">     -moz-transform: rotate(-10deg);</span><br />
<span style="color: red;">       -o-transform: rotate(-10deg);</span><br />
<span style="color: red;">      -ms-transform: rotate(-10deg);</span><br />
<span style="color: red;">          transform: rotate(-10deg);</span><br />
<span style="color: red;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Morph</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img661.imageshack.us/img661/6200/h6YMTa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img661.imageshack.us/img661/6200/h6YMTa.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img {</span><br />
<span style="color: red;">  -webkit-transition: all 0.5s ease;</span><br />
<span style="color: red;">     -moz-transition: all 0.5s ease;</span><br />
<span style="color: red;">       -o-transition: all 0.5s ease;</span><br />
<span style="color: red;">      -ms-transition: all 0.5s ease;</span><br />
<span style="color: red;">          transition: all 0.5s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  border-radius: 50%;</span><br />
<span style="color: red;">  -webkit-transform: rotate(360deg);</span><br />
<span style="color: red;">     -moz-transform: rotate(360deg);</span><br />
<span style="color: red;">       -o-transform: rotate(360deg);</span><br />
<span style="color: red;">      -ms-transform: rotate(360deg);</span><br />
<span style="color: red;">          transform: rotate(360deg);</span><br />
<span style="color: red;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Focus</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img661.imageshack.us/img661/3250/0knJKV.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img661.imageshack.us/img661/3250/0knJKV.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img {</span><br />
<span style="color: red;">  -webkit-transition: all 1s ease;</span><br />
<span style="color: red;">     -moz-transition: all 1s ease;</span><br />
<span style="color: red;">       -o-transition: all 1s ease;</span><br />
<span style="color: red;">      -ms-transition: all 1s ease;</span><br />
<span style="color: red;">          transition: all 1s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  border: 70px solid #000;</span><br />
<span style="color: red;">  border-radius: 50%;</span><br />
<span style="color: red;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Blur</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img631.imageshack.us/img631/3704/CJqMQv.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img631.imageshack.us/img631/3704/CJqMQv.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img {</span><br />
<span style="color: red;">  -webkit-transition: all 1s ease;</span><br />
<span style="color: red;">     -moz-transition: all 1s ease;</span><br />
<span style="color: red;">       -o-transition: all 1s ease;</span><br />
<span style="color: red;">      -ms-transition: all 1s ease;</span><br />
<span style="color: red;">          transition: all 1s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  -webkit-filter: blur(5px);</span><br />
<span style="color: red;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
Brighten</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img633.imageshack.us/img633/6760/AOhRYA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img633.imageshack.us/img633/6760/AOhRYA.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
.<span style="color: red;">post-body img {</span><br />
<span style="color: red;">  -webkit-filter: brightness(-65%);</span><br />
<span style="color: red;">  -webkit-transition: all 1s ease;</span><br />
<span style="color: red;">     -moz-transition: all 1s ease;</span><br />
<span style="color: red;">       -o-transition: all 1s ease;</span><br />
<span style="color: red;">      -ms-transition: all 1s ease;</span><br />
<span style="color: red;">          transition: all 1s ease;</span><br />
<span style="color: red;">}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red;">.post-body img:hover {</span><br />
<span style="color: red;">  -webkit-filter: brightness(0%);</span><br />
<span style="color: red;">}</span></div>
<h3 style="border: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; line-height: normal; margin: 1em 0px; padding: 0px;">
B&W</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img673.imageshack.us/img673/6420/7Fcw88.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="http://img673.imageshack.us/img673/6420/7Fcw88.jpg" width="640" /></a></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">.post-body img {    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */    filter: gray; /* IE6-9 */    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */;}.post-body img:hover {    filter: none;    -webkit-filter: grayscale(0%);}</span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<span style="color: red; font-size: 16.2560005187988px; line-height: 24.3840007781982px;"><br /></span></div>
<div style="font-family: SolaimanLipi, Arial, Vrinda; font-size: 16.2560005187988px; line-height: 24.3840007781982px;">
<br /></div>
</div>
</div>
</div>

Blogger Tricks CSS Image Hover Effects

Hover effects are always a fun topic to explore.In the past, we’ve built someawesome examples of CSS hovers that were easy to copy and ...

Skype Latest Version Offline Installer

12:06 PM 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img905.imageshack.us/img905/7679/zb8p6q.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://img905.imageshack.us/img905/7679/zb8p6q.png" /></a></div>
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Skype - 7.0.80.102 Latest Version Offline Installer</span><br />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;"> </span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Skype is a free software for video calling. Skype gives us excellent sound quality.</span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">We can also share our Computer Screens. There are many features available on Skype like. </span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Video Calling, Audio Calling, Screen Sharing, File Sharing,</span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Video Message etc. Skype can </span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">also run on Mac, Linux, Apple OS, Android etc. Skype is a highly secure software. You can </span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">also connect your Facebook to Skype. In Skype, you can also change your Online Status, for </span><span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">example - Away, Do not disturb, Invisible, Offline etc. We can also buy Skype Premium.</span><br />
<br />
<br style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;" />
<span style="background-color: white; color: #3d85c6; font-family: 'PT Sans Narrow'; font-size: medium; line-height: 22.1000003814697px;">Features - </span><br />
<br style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;" />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Free Video Calling - We can call anyone else on Skype for free.</span><br />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Calls to Mobile and Landlines - We can also call on Mobiles and Landlines at low rates.</span><br />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Group Calling - We can also call less than  25 people at same time.</span><br />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Skype Click to Call - You can also Install Skype Click to Call extension to your Browser.</span><br />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">Skype Profile - You can also create your Skype Profile.</span><br />
<br style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;" />
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;">To Download Latest Version Offline Installer of Skype, simply click on Download Now button.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.skype.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCrby-PMANiK91tvmOtngP_8FqSVEyeXaNLsEXn7QcNPBUXDkDjXLWDwHkHtOUOWgFyfPxw8B5Ev9ny7Gzu1I6LKIrUI-eQsYBl8sxM57dE_P4RReJXk-MWpNSMIyrqbsR2zPEpJBea98/h120/Untitled-1gepriojg.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://mnhsk.homeftp.net/Software/Skype%20und%20AddOns/Skype%20V.7.0.80.102/SkypeSetup.exe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLBiRtfHka7uircaEsDQ2I5OVbrbZj5-4M2NHQa2srh1OUO6FNy-m86D73PxmjHVVb-uLVTUfSlI5rSzFsNnlzCZ20iKtaowhpkbb0CWXgI1f5DH2oOgFarUhJf1FZ43PoSObFVrAgcwk/w140-h42-p/Download.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;"><br /></span></div>

Social Networking Skype Latest Version Offline Installer

Skype - 7.0.80.102 Latest Version Offline Installer Skype is a free software for video calling. Skype gives us excellent sound quality...

How can i do Disable Right Click On Blog

2:26 PM 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img540.imageshack.us/img540/5633/QrsqFr.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://img540.imageshack.us/img540/5633/QrsqFr.png" /></a></div>
<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;">Actually this is old concept but can prevent to see your template </span></span>source code.<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;"> The main code has created by Renigade from Dynamic Drive. </span></span>To install<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;"> this just follow the below simple steps.</span></span></div>
<div class="MsoNormal" style="background-color: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 15.75pt; margin-bottom: 0in;">
<b><span style="color: #0b5394; font-family: 'Times New Roman', serif;">Step 1</span></b><span style="color: #111111; font-family: 'Times New Roman', serif;"> Log in to your Blogger account and Go to </span><br />
<span style="color: #111111; font-family: 'Times New Roman', serif;"><br /></span>
<span style="color: #111111; font-family: 'Times New Roman', serif;">your </span><b><span style="color: red; font-family: 'Times New Roman', serif;">Blogger Dashboard</span></b></div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 15.75pt; margin-bottom: 0in;">
<b><span style="color: #0b5394; font-family: 'Times New Roman', serif;"><br /></span></b>
<b><span style="color: #0b5394; font-family: 'Times New Roman', serif;">Step 2</span></b><b><span style="color: #3d85c6; font-family: 'Times New Roman', serif;"> </span></b><span style="color: #111111; font-family: 'Times New Roman', serif;">Go to your </span><b><span style="color: purple; font-family: 'Times New Roman', serif;">Layout</span></b><span style="color: #111111; font-family: 'Times New Roman', serif;"> tab.</span></div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 15.75pt; margin-bottom: 0in;">
<b><span style="color: #0b5394; font-family: 'Times New Roman', serif;"><br /></span></b>
<b><span style="color: #0b5394; font-family: 'Times New Roman', serif;">Step 3</span></b><b><span style="color: #3d85c6; font-family: 'Times New Roman', serif;"> </span></b><span style="color: #111111; font-family: 'Times New Roman', serif;">Click on "</span><b><span style="color: purple; font-family: 'Times New Roman', serif;">Add a Gadget</span></b><span style="color: #111111; font-family: 'Times New Roman', serif;">" then select "</span><b><span style="color: purple; font-family: 'Times New Roman', serif;">HTML/JavaScript</span></b><span style="color: #111111; font-family: 'Times New Roman', serif;">" Gadget.</span><br />
<b style="line-height: 15.75pt;"><span style="color: #0b5394; font-family: 'Times New Roman', serif;">Step 4</span></b><span style="color: #111111; font-family: 'Times New Roman', serif; line-height: 15.75pt;"> Now Copy the below code and paste it in "</span><b style="line-height: 15.75pt;"><span style="color: purple; font-family: 'Times New Roman', serif;">HTML/JavaScript</span></b><span style="font-family: 'Times New Roman', serif; line-height: 15.75pt;"><span style="color: #111111;">" Gadget and </span></span><span style="background-color: transparent;">Save it.</span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<blockquote class="tr_bq">
<span style="background-color: #fefefe; font-family: Arimo, Trebuchet, sans-serif; font-size: 17px; line-height: 26.3999996185303px;"><script language="JavaScript"></span><br />
<span style="background-color: #fefefe; font-family: Arimo, Trebuchet, sans-serif; font-size: 17px; line-height: 26.3999996185303px;"></span><br />
<span style="background-color: #fefefe; font-family: Arimo, Trebuchet, sans-serif; font-size: 17px; line-height: 26.3999996185303px;"></script></span></blockquote>
 <span style="background-color: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">I hope this tutorial will help to protect your blog content being theft. If you have any query just feel free to leave comment.</span></div>
</div>

Blogger Tricks How can i do Disable Right Click On Blog

Actually this is old concept but can prevent to see your template source code. The main code has created by Renigade from Dynamic Dr...

Disable text selection in Blogger

11:03 PM 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img537.imageshack.us/img537/1561/Ac2WBK.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://img537.imageshack.us/img537/1561/Ac2WBK.png" /></a></div>
<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;">Blogging has a </span></span>new door<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;"> for all and many blogger creating thousands of blog </span></span>every day.<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;"> Many creative blogger writing innovative article and some blogger creating unique widget. But often we fall in problem that online theft often steal our content just by copying within a simple way. For this reason many enthusiastic creative blogger stop blogging due to this kinds of problem. Many blog content thief make DMCA complaint against original author or blogger after copying from their blog. I have personally face this problem. I was released a auto slide out widget and after one month a thief has copied my widget and filed DMCA against me. But fortunate I have win in DMCA complain after filing a Counter claim.</span></span><br />
<div class="MsoNormal" style="background-color: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">
<a href="https://www.blogger.com/null" name="more"></a></div>
<div class="MsoNormal">
<span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;">In this tutorial I will share a trick that how you can stop copying your content by disabling right click. But this won't be able to effective for all blog. Because those who create widget then for sharing purpose they must be give copying opportunity to the visitors for using this. However this trick is fruitful for journal, </span></span>Job site <span style="font-family: Arimo, Trebuchet, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 22.5px;">and article based site those who don't not create any widget tutorial for others. So for activating this trick just follow the below steps.</span></span></div>
<div style="text-align: left;">
</div>
<br />
<ol style="text-align: left;">
<li><b>DISABLE TEXT SELECTION ON YOUR BLOG POST</b></li>
</ol>
<div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<b><span style="color: #3d85c6;">Step 1</span></b><span style="color: #111111;"> Log in to your Blogger Account and Go to your </span><b><span style="color: red;">Blogger Dashboard</span></b><span style="color: #111111; font-family: 'Trebuchet MS', sans-serif;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">
<b><span style="color: #3d85c6;">Step 2</span></b><span style="color: #111111;"> </span><span style="color: #333333;">C</span><span style="color: #111111;">lick on  Now click on -> </span><b><span style="color: #3d85c6;">Template </span></b><span style="color: #111111;">-> </span><b><span style="color: #3d85c6;">Edit HTML</span></b><span style="color: #111111;">-> Unfold code </span></div>
</div>
<div class="MsoNormal" style="background: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">
<span style="color: #111111;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<b><span style="color: #3d85c6;">Step 3</span></b><span style="color: #111111;"> Now Find this code </span><b><span style="color: red;"></head></span></b><span style="color: #111111;"> by Pressing  </span><span style="background-color: transparent; color: #111111; font-family: inherit; font-size: 14px;">  </span><kbd style="background-color: transparent; border-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #111111; font-size: 1.2em; line-height: 21px; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="background-color: transparent; color: #111111; font-family: 'Times New Roman', serif; font-size: 16px; line-height: 21px;"> + </span><kbd style="background-color: transparent; border-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #111111; font-size: 1.2em; line-height: 21px; margin: 2px 3px; padding: 1px 5px;">F</kbd></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt; margin-bottom: 0in;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin-bottom: 0in;">
<b style="background-color: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><span style="color: #3d85c6;">Step 4</span></b><span style="background-color: white; color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"> Paste the below code above </span><b style="background-color: white; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"><span style="color: red;"></head> </span></b><span style="background-color: white; color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;">and </span>Save the<span style="background-color: white; color: #111111; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 14.25pt;"> templates. </span><br />
<blockquote class="tr_bq">
<pre style="background-color: whitesmoke; border: 0px; color: #222222; margin-bottom: 1.25em; padding: 0.5em 1em; white-space: pre-wrap; word-wrap: break-word;"><script type="text/javascript">
function disableSelection(target){
 if (typeof target.onselectstart!="undefined") //IE route
  target.onselectstart=function(){return false}
 else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
  target.style.MozUserSelect="none"
 else //All other route (ie: Opera)
  target.onmousedown=function(){return false}
 target.style.cursor = "default"
}
disableSelection(document.body);
</script><span style="background-color: transparent;"> </span></pre>
</blockquote>
</div>
<span style="background-color: white; color: #444444; font-family: 'PT Sans Narrow'; font-size: 17px; line-height: 22.1000003814697px;"> </span><span style="background-color: white; color: #444444; font-family: Arimo, Trebuchet, sans-serif; font-size: 15px; line-height: 22.5px; text-align: justify;">I hope this tutorial will help to protect your blog content being theft. If you have any query just feel free to leave comment.</span></div>
</div>

Blogger Tricks Disable text selection in Blogger

Blogging has a new door for all and many blogger creating thousands of blog every day. Many creative blogger writing innovative a...