IT Google PK

Dynamic Views Button with jquery Effect for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; line-height: 21px;">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
</div>
<div style="text-align: left;">
<div class="separator" style="clear: left; color: #222222; float: left; font-family: Cuprum; font-size: 15px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhnCGmpgONsNrRHKuIOFNTPxn0Cm-w7KnqA_kaX9fHy8yMpvHxSUXvbnzd8X4W5YXbCj4sHHwYQ1kLHCnAE7xMMkF6cwrr4all9aVf_dnCjchYQM_Zsowyf_oNQfXj55lRU14Oe7Ix1Y/s1600/dynamic+views.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" /></div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;">In the Name of Allah who is the most Merciful.</span><br />
<span style="font-family: Times, Times New Roman, serif; font-size: large;">I will teach here how to set a button for Changing Blog view to Dynamic View. Smooth jQuery button is added for this. You can set it easily in any template of blogger. It can help you visitors to View your Blog in Dynamic View.</span><br />
<span style="font-family: Times, Times New Roman, serif; font-size: large;">Thanks for visting this. I will Keep updating my blog so don't go anywhere :) </span><br />
<br />
<br />
<br />
<br />
<a href="https://www.blogger.com/blogger.g?blogID=298328325154388815" name="more" style="color: #222222; display: inline-block; font-family: Cuprum; font-size: 15px; position: relative;"></a><br />
<br />
<div class="demo" style="border: 2px dashed; color: #222222; font-family: Cuprum; font-size: 18px; font-weight: bold; margin-bottom: 15px; padding: 11px; text-align: center;">
<a href="http://netoops-demo-blog.blogspot.com/" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">View Demo</a></div>
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Add Dynamic Views Button To Blog</h2>
<ul style="font-family: Cuprum; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to Design -> Edit HTML</li>
</ul>
<span style="font-family: Cuprum; font-size: medium;">Step 1.<b><span style="color: red;">Add jQuery Plugin</span></b></span><span style="font-family: Cuprum; font-size: 15px;">(</span><span style="font-family: Cuprum; font-size: 15px;"> If your Blog already have a jQuery plugin ignore this Step</span><span style="font-family: Cuprum; font-size: 15px;"> ),</span><br />
<ol style="font-family: Cuprum; font-size: 15px;"></ol>
<ul style="font-family: Cuprum; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to Design->Edit HTML</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Copy and Paste Below code inside <span style="color: red;"><head></span> section</li>
</ul>
</div>
<div style="font-family: Cuprum; font-size: 15px; text-align: left;">
<ol><div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); padding: 3px 7px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></div>
</ol>
<span style="font-size: medium;">Step 2: Add Dynamic view button</span>,<br />
<ul style="line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"> Go to Design-> Page Elements</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Click on <b><span style="color: red;">Add Gadget</span></b> ,Select HTML/Javascript from it</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Leave Title as blank, Copy the below code inside content section.</li>
</ul>
<span style="color: #222222;"><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; box-shadow: 0px 0px 0px;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_v8SZo-OPPXjIjQaR9w-9hJNRjyCfGzp8niGv9VVCeoy_77guzzd_5eF8RBQvr7exNSGWX_zbNteI5FqU7ZFeZrlN-kUbnN3ByIYGDRl5qrEn_De693P7fKpNH3qH-XWrZBzW-Mcnrc/s320/html+javascript.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px;" width="276" /></span></span><br />
<ul style="color: #222222; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"></ul>
<blockquote style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; padding: 8px 9px;">
<div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); padding: 3px 7px;">
<div class="noopdynamic"><br />
Click this for change the view to Dynamic views</div><br />
<a href="/view"><br />
<img class="noopdynamicimg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXEHrCg6tnuNJ3_lpp2ksyXG_AE2zuZM3_N1vp24WKRVA2ErfECJb0pEmg7T9HtneRI9ZB-key93b6ctVP64G-mJicQTaOiL88iVj8FNs4vuSDdL0LeSNENfVIbQfu175NkXdUdpmrEyA/s1600/google+dynamic+views.jpg" /></a><br />
    <style type="text/css"><br />
    .noopdynamicimg{bottom: 2%;<br />
        position: fixed;<br />
        right: 1%;}<br />
        .noopdynamic {background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);<br />
        background-color:#ABABAB;<br />
        border: 2px solid;<br />
        border-radius: 6px 6px 6px 6px;<br />
        bottom: 13%;<br />
        padding: 4px;z-index:999;<br />
        position: fixed;<br />
        right: 5%;<br />
        font:18px Arial;<br />
        text-shadow: 1px 1px 0 #FFFFFF;<br />
        width: 21%;<br />
        box-shadow:0 0 5px;<br />
    }<br />
<br />
    </style><br />
<br />
<script type="text/javascript"><br />
$(function(){<br />
    $(".noopdynamic").hide(0);<br />
$(".noopdynamicimg").hover(function(){<br />
    $(".noopdynamic").show("slow");<br />
},function(){$(".noopdynamic").hide("medium");<br />
});});<br />
</script></div>
</blockquote>
</div>
<ul style="color: #222222; font-family: Cuprum; font-size: 15px; margin: 0.5em 0px; padding: 0px 2.5em; text-align: left;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Then Save it.</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">That's all,you are done..</li>
</ul>
<span style="color: #222222; font-family: Cuprum; font-size: 15px; text-align: left;">I hope you enjoyed this article,if so please share n like us.</span></div>
</div>

Dynamic Views Button with jquery Effect for Blogger

In the Name of Allah who is the most Merciful. I will teach here how to set a button for Changing Blog view to Dynamic View. Smooth jQuery button is added for this. You can set it easily in any templ…

Rainbow animation Link Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qvX-gDm00aXGy3cfB99x_4T4SCwsLXQJi8hlK_1g8e8ffOWWYrea3QXaSQpAIQ54bDixtzEiaveMHkKpMrynA4AnvRJLP4bBNsLMEr2WcbvtUV7esSmJw2n9s_61Wj39uvqR52EyhdA/s1600/netoops+rainbow+color+hover.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qvX-gDm00aXGy3cfB99x_4T4SCwsLXQJi8hlK_1g8e8ffOWWYrea3QXaSQpAIQ54bDixtzEiaveMHkKpMrynA4AnvRJLP4bBNsLMEr2WcbvtUV7esSmJw2n9s_61Wj39uvqR52EyhdA/s200/netoops+rainbow+color+hover.jpg" width="200" /></a></div>
<span style="font-family: Times, 'Times New Roman', serif; font-size: x-large; line-height: 21px;">In the Name Of Allah who is the most Kind and Merciful, I am posting here a new trick of Rainbow Animated Link. By applying this trick, your link will start changing color just like rainbow on Mouse Hover. Method is given below ! </span><br />
<span style="font-family: Times, Times New Roman, serif;"><span style="font-size: x-large; line-height: 21px;">Don't Forget To Share n Comment !</span></span><br />
<br style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<br />
<br style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://itgooglepk.tk/demo/demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://itgooglepk.tk/demo/demo.png" /></a></div>
<br />
<center>
<iframe frameborder="2" height="100px" marginheight="0px" marginwidth="0px" name="myiFrame" scrolling="no" src="http://itgooglepk.tk/demo/rainbow.html" style="border: 1px #FFFFFF none;" width="500px"></iframe></center>
<br />
<a href="http://www.blogger.com/blogger.g?blogID=298328325154388815" name="more" style="background-color: white; display: inline-block; font-family: Cuprum; font-size: 15px; line-height: 21px; position: relative;"></a><br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(107, 107, 107); font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
<span style="color: white;">Add Rainbow Animation Hover Effect</span></h2>
<h4 class="notice" style="background-attachment: scroll; background-color: #b8e9ff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPlAz_7_YZR4w8kyZLJ1y4U03jOi65HJFuZznlkvYLRgAlbXgqoz8t0CqeRyu-QsoJTKiS4zWvxmbWZUyTeL-L1RMkWg3VhVWR9X_vPyALXNlSR4GdbLdSzk3yzffXafc19rKcKjzheDI/s1600/information.png); background-position: 0px -2px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(0, 180, 255); font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 8px 0px; padding: 6px 2px 6px 37px; position: relative;">
Note:Remember that Back up your Template First.</h4>
<ul style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Sign In to you Blogger Account.</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to Design->Edit HTML</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="color: black;"><a href="http://netoopsblog.blogspot.in/2012/01/use-search-bar-find-code-blogger-blog.html" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">Find <head> section</a> and Place the below code inside it.</span></li>
</ul>
<div class="codes" style="background-attachment: scroll; background-color: #ffedde; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 2px solid; box-shadow: rgb(133, 133, 133) 0px 0px 4px; font-family: Cuprum; font-size: 15px; height: 300px; line-height: 21px; overflow: auto; padding: 7px;">
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
var rate = 20;<br />
if (document.getElementById)<br />
window.onerror=new Function("return true")<br />
var objActive;  // The object which event occured in<br />
var act = 0;    // Flag during the action<br />
var elmH = 0;   // Hue<br />
var elmS = 128; // Saturation<br />
var elmV = 255; // Value<br />
var clrOrg;     // A color before the change<br />
var TimerID;    // Timer ID<br />
if (document.all) {<br />
document.onmouseover = doRainbowAnchor;<br />
document.onmouseout = stopRainbowAnchor;<br />
}<br />
else if (document.getElementById) {<br />
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);<br />
document.onmouseover = Mozilla_doRainbowAnchor;<br />
document.onmouseout = Mozilla_stopRainbowAnchor;<br />
}<br />
function doRainbow(obj)<br />
{<br />
if (act == 0) {<br />
act = 1;<br />
if (obj)<br />
objActive = obj;<br />
else<br />
objActive = event.srcElement;<br />
clrOrg = objActive.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
}<br />
function stopRainbow()<br />
{<br />
if (act) {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
function doRainbowAnchor()<br />
{<br />
if (act == 0) {<br />
var obj = event.srcElement;<br />
while (obj.tagName != 'A' && obj.tagName != 'BODY') {<br />
obj = obj.parentElement;<br />
if (obj.tagName == 'A' || obj.tagName == 'BODY')<br />
break;<br />
}<br />
if (obj.tagName == 'A' && obj.href != '') {<br />
objActive = obj;<br />
act = 1;<br />
clrOrg = objActive.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
}<br />
}<br />
function stopRainbowAnchor()<br />
{<br />
if (act) {<br />
if (objActive.tagName == 'A') {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
}<br />
function Mozilla_doRainbowAnchor(e)<br />
{<br />
if (act == 0) {<br />
obj = e.target;<br />
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {<br />
obj = obj.parentNode;<br />
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')<br />
break;<br />
}<br />
if (obj.nodeName == 'A' && obj.href != '') {<br />
objActive = obj;<br />
act = 1;<br />
clrOrg = obj.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
}<br />
}<br />
function Mozilla_stopRainbowAnchor(e)<br />
{<br />
if (act) {<br />
if (objActive.nodeName == 'A') {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
}<br />
function ChangeColor()<br />
{<br />
objActive.style.color = makeColor();<br />
}<br />
function makeColor()<br />
{<br />
// Don't you think Color Gamut to look like Rainbow?<br />
// HSVtoRGB<br />
if (elmS == 0) {<br />
elmR = elmV;    elmG = elmV;    elmB = elmV;<br />
}<br />
else {<br />
t1 = elmV;<br />
t2 = (255 - elmS) * elmV / 255;<br />
t3 = elmH % 60;<br />
t3 = (t1 - t2) * t3 / 60;<br />
if (elmH < 60) {<br />
elmR = t1;  elmB = t2;  elmG = t2 + t3;<br />
}<br />
else if (elmH < 120) {<br />
elmG = t1;  elmB = t2;  elmR = t1 - t3;<br />
}<br />
else if (elmH < 180) {<br />
elmG = t1;  elmR = t2;  elmB = t2 + t3;<br />
}<br />
else if (elmH < 240) {<br />
elmB = t1;  elmR = t2;  elmG = t1 - t3;<br />
}<br />
else if (elmH < 300) {<br />
elmB = t1;  elmG = t2;  elmR = t2 + t3;<br />
}<br />
else if (elmH < 360) {<br />
elmR = t1;  elmG = t2;  elmB = t1 - t3;<br />
}<br />
else {<br />
elmR = 0;   elmG = 0;   elmB = 0;<br />
}<br />
}<br />
elmR = Math.floor(elmR).toString(16);<br />
elmG = Math.floor(elmG).toString(16);<br />
elmB = Math.floor(elmB).toString(16);<br />
if (elmR.length == 1)    elmR = "0" + elmR;<br />
if (elmG.length == 1)    elmG = "0" + elmG;<br />
if (elmB.length == 1)    elmB = "0" + elmB;<br />
elmH = elmH + rate;<br />
if (elmH >= 360)<br />
elmH = 0;<br />
return '#' + elmR + elmG + elmB;<br />
}<br />
//]]><br />
</script></div>
<ul style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Save It and Enjoy. . . !</li>
</ul>
<br style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px;" />
<span style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21px;">Enjoy This and Don't forget to share and comment :)</span></div>

Rainbow animation Link Widget for Blogger

In the Name Of Allah who is the most Kind and Merciful, I am posting here a new trick of Rainbow Animated Link. By applying this trick, your link will start changing color just like rainbow on Mouse …

Smooth Jquery Back to Top Buttons Generator

…

Facebook Pop Out Likebox Widget Generator

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: x-large;"><br />
</span><br />
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<span style="font-size: x-large;"><img height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtGDgoqhtGw_k6G77rcnUvE9YL00MQkhvYdoGLwcc23EfVFhEiojECRzUIAFA4_sCkJQ9iE8bYhAWeCYfAdmzkBpEvQT5LY1QZNc-Rsu9vLmthxxNBL_oSlvOrT5QgbFIKWiFXyG5N-1S/s200/floating+static+facebook+like+box+widget+for+blogger+blogspot.png" width="200" /></span></div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="background-color: white; line-height: 21px;">In the Name of Allah who is the most Kind and Merciful,I had found a Facebook Static popout jquery effect Like box generator from a blog so I posted Here for you.From this widget, You can easily generate your favorite Facebook style Widget and also easily add to your Blogger. </span></span><br />
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="background-color: white; line-height: 21px;"><br /></span></span>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="background-color: white; line-height: 21px;">Enjoy this widget and Don't Forget To share and comment !</span></span><br />
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="background-color: white; line-height: 21px;"><br /></span></span>
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><span style="background-color: white;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><span style="background-color: white;"><a href="http://demoitgooglepk.blogspot.com/" target="_blank"><img src="http://itgooglepk.tk/demo/demo.png" /></a></span></span></div>
<div style="text-align: center;">
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><span style="background-color: white;"><br /></span></span></div>
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><span style="background-color: white; line-height: 21px;"><span style="color: red;">How To Add ?</span></span></span><span style="background-color: white; font-family: Cuprum; font-size: large;"><br /></span><br />
<ul style="background-color: white; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="line-height: normal;"><span style="font-family: Arial, Helvetica, sans-serif;">Add jQuery plugin (if your blog have a jquery plugin,ignore this step)</span></span></li>
</ul>
<ul style="background-color: white; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Go to Design->Edit HTML[Template->Edit HTML in new blogger interface]</span></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Copy below code inside <head></span></li>
</ul>
<blockquote style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; line-height: 21px; padding: 8px 9px;">
<div class="code" style="background-attachment: scroll; background-color: #fffdf1; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 2px solid rgb(218, 169, 38); padding: 3px 7px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/></span></div>
</blockquote>
<ul style="background-color: white; line-height: 21px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Go to Design-> Page Elements</span></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Click add gadget and select HTML/javascript</span></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Copy and paste the generated code inside it and save it.</span></li>
</ul>
<iframe frameborder="0" height="850px" src="https://netoopscodes.googlecode.com/svn/Widget-Generators/%28netoopsblog.blogspot.com%29Facebook-pop-out-jquery-likebox-widget-generator.html" style="background-color: white; color: #222222; font-family: Cuprum; font-size: 15px; line-height: 21px;" width="100%"></iframe></div>

Facebook Pop Out Likebox Widget Generator

In the Name of Allah who is the most Kind and Merciful,I had found a Facebook Static popout jquery effect Like box generator from a blog so I posted Here for you.From this widget, You can easily gene…

Wooden Subscription Widget for blogger

<h2 class="h2title" id="fullywooden" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Subscription Box With Fully Wooden Theme</h2>
<ul style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <a href="http://www.google.com/" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">Blogger</a> Dashboard</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Layout</b> </li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Select <b>Add a Gadget</b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">You can type title any<b></b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">And Copy the following code in the content.</li>
</ul>
<br />
<span style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;"> </span><span style="color: red; font-family: Cuprum; font-size: medium; line-height: 1.4;"><b>Important: </b></span><span style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;">If you don't want Mouse over effect of Images in the Subscription box, please delete the </span><b style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;"><span style="color: red;">RED </span></b><span style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;">highlighted code,. If you want then leave it there. </span><br />
<ul style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;"></ul>
<div class="code1" style="background-attachment: scroll; background-color: #fff4e0; background-image: none; background-position: 0px 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid rgb(255, 174, 0); box-shadow: 2px 2px 0px; font-family: Cuprum; font-size: 15px; line-height: 1.4; margin: 9px 2px 15px 0px; padding: 3px 0px 3px 64px; position: relative;">
<span style="color: #222222;"><span class="nodeLabelBox repTarget " role="treeitem"><<span class="nodeTag ">style</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">type</span>="<span class="nodeValue editable ">text/css</span>"</span><span class="nodeBracket editable insertBefore ">></span></span><br /><span class="nodeLabelBox repTarget " role="treeitem"> </span><b style="color: #e06666;">/* Delete form Here*/</b><b style="color: #e06666;"> </b><span style="color: #e06666;"> </span></span><br />
<div style="color: red;">
<span style="color: #222222;">img.beintouch:hover {</span></div>
<span style="color: #222222;">
</span>
<br />
<div style="color: red;">
<span style="color: #222222;">    background: none repeat scroll 0 0 #D6D6D6;</span></div>
<span style="color: #222222;">
</span>
<div style="color: red;">
<span style="color: #222222;">    border-radius: 16px 16px 16px 16px;</span></div>
<span style="color: #222222;">
<div style="color: red;">
    box-shadow: 0 0 10px #565656;</div>
<div style="color: red;">
}</div>
<b style="color: #e06666;">/* Delete to Here*/</b><br />.emailtext {<br />    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirGtTyxtVsj3tBfb_STD5i5VJWa9WPDLrsfsZVmnKGYxUVKOaG8LoLIuBo-3oL1y-gCjPdRC2SXPe27hYTN4mV5KKOeiIoUCbyQL_pmoT9x25k4eKTRoqozN3Rz1yPls2QfV0lUUQQVj0/s1600/mailbox.png") no-repeat scroll 4px center transparent;<br />    border: 1px solid #7E4E27;<br />    border-radius: 4px 4px 4px 4px;<br />    box-shadow: 1px 1px 4px #7E4E27 inset;<br />    color: #444444;<br />    font-weight: bold;<br />    margin-left: 2px;<br />    padding: 7px 15px 7px 35px;<br />    text-decoration: none;<br />    width: 176px;<br />}<br />.ebutton {<br />    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;<br />    border: 1px solid #D3D3D3;<br />    border-radius: 4px 4px 4px 4px;<br />    color: #FFFFFF;<br />    cursor: pointer;<br />    font-weight: bold;<br />    margin-left: -18px;<br />    margin-top: 5px;<br />    padding: 6px 15px;<br />    text-decoration: none;<br />    text-shadow: 1px 1px 0 #000000;<br />}<br /></style><br /><table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="<b style="color: blue;">http://www.facebook.com/l0nelyprincex64</b>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJSTguECmIV7eVJSy5f9EzISoND09zbMjiSv562rEMRr_co5Qmx9t6ikvumyaPhd0WO-lV5I1jMZtEID6jheMks-MIAbJLHRQxas9qGQPy4zfrKHEAwc9DFIJRij0CJP5-Daz6wYj57A/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="<b><span style="color: blue;">http://twitter.com//</span></b>" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY3U46uy1mkKW8f98TR4E8Y4naYLsds3bI3ckflTf7jhTakFApKdNsFUAMC1SrAnbDqL6Ti0LQTn3kRxxeAxujtAYtSz6upZH5MX8I0drzmJjRf4CdVPHYOxvPKi04TOl0Kf3FfQUOGQY/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="<b><span style="color: blue;">http://feeds.feedburner.com/</span></b>" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhk9GxLA-eFQuiLaFt9DCW5MfcEg0gkQfLL0H8L4gWbZdeOebthqDVB_zDiM5WPWTaRpKfQCkcBq-23SDGiQJ8tLYoKIvuPBKhcPKsqNFhO6ppMJNd9CnejrCJQM9-yZinSuiw-YElQY0/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table><br /><div>Get Latest Tips via e-mail</div><br /><form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: blue;"><b>ITGooglepk</b></span><span style="color: #222222;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify"></span><br />
<span style="color: #222222;"><input type="hidden" value="NetOopsBloggerTricks" name="uri" /></span><br />
<span style="color: #222222;"><input type="hidden" value="en_US" name="loc" /></span><br />
<span style="color: #222222;"><input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" /></span><br />
<span style="color: #222222;"><input type="submit" value="Subscribe" title="" class="ebutton" alt="" /></span><br />
<span style="color: #222222;"></form></span></div>
<br />
<br />
<span style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;">Change the </span><b style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;"><span style="color: blue;">BLUE</span></b><span style="color: #222222; font-family: Cuprum; font-size: 15px; line-height: 1.4;"> highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively. </span></div>
</div>
</div>

Wooden Subscription Widget for blogger

Wooden Subscription Widget for blogger In the Name of Allah who is the Most Kind and Merciful, In this Post I will teach you how to add Wooden Subscription Gadget to your blogger as shown in picture.…

Add Yahoo Smileys on Blogger Comments

Add Yahoo Smileys on Blogger Comments

Add Yahoo Smileys on Blogger Comments Start with the name of Allah who is the Most Kind and Merciful, In this post, I will teach you how to add yahoo smileys in your blogger threaded comments. This w…

Verified Facebook Page tick mark for Blogger Author Comments

Verified Facebook Page tick mark for Blogger Author Comments

Verified Facebook Page tick Mark For Blogger In the name of Allah who is the most Kind and Merciful, Have you noticed a tick mark in some Facebook Pages like Celebrities, Actors, Political Leaders. A…

Change Blogger Post A Comment Style

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title" style="background-color: #3593ff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(102, 167, 249); font-weight: normal; margin: 0px 0pt 0pt; padding: 11px 10px; position: relative;">
<span style="color: yellow; font-family: Times, Times New Roman, serif; font-size: large;"><span style="line-height: 33px;">In The Name of Allah who is the Most Kind and Merciful</span></span></h2>
<div class="post-header" style="background-color: white; color: #222222; font-family: sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1.5em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-6488316975851405025" style="background-color: white; padding: 0px 6px; position: relative; width: 636px;">
<div dir="ltr" style="line-height: 1.4;" trbidi="on">
<div class="separator" style="clear: left; color: #222222; float: left; font-family: sans-serif; font-size: 15px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img height="160" src="http://img854.imageshack.us/img854/9489/chatbubble.png" width="200" /></div>
<span style="font-family: Times, Times New Roman, serif; font-size: large;">As we all know that Comments in blogger or website is the one and only best way to stay connected with our blog or website visitors. When you open a post, you see "Post a comment" in the end of the every post in your blog. Here, I will teach you how to change "<span style="color: red;">Post a Comment</span>" text to an awesome style which attract the blog visitors so much. I hope you will like this and share it :)</span></div>
<div dir="ltr" trbidi="on">
<span style="color: #cc0000; font-size: large;"><b>Steps :</b></span></div>
<div dir="ltr" trbidi="on">
<ul style="color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Sign In  to <a href="http://www.blogger.com/" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;" target="_blank">Blogger</a> Dashboard</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Go to <b>Template</b> -> <b>Edit HTML</b></li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Search (Ctrl+F) for the code marked <b>Bold</b></li>
</ul>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><b><data:postCommentMsg/></b></a></blockquote>
<ul style="color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"> Search the next <b><data:postCommentMsg/> </b>,that code looks like the following</li>
</ul>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<h4 id='comment-post-message'><b><data:postCommentMsg/></b></h4></blockquote>
<ul style="color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;"><b>replace</b>  <b><data:postCommentMsg/> </b>with the image code</li>
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Select the code of image you want from the following</li>
</ul>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 1</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/Qv18EaT.gif" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/Qv18EaT.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/Qv18EaT.gif"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 2</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/hR5AoQv.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/hR5AoQv.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/hR5AoQv.jpg"/></b></blockquote>
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 3</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/542TClt.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/542TClt.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/542TClt.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 4</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/2RqqdBN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/2RqqdBN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/2RqqdBN.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 5</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/h0oIkzC.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/h0oIkzC.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/h0oIkzC.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 6</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/YbPOTnI.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/YbPOTnI.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/YbPOTnI.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 7</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/wRUQ2JN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/wRUQ2JN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/wRUQ2JN.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 8</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/b7gXQLd.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/b7gXQLd.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/b7gXQLd.jpg"/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 9</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/TXqb5vI.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/TXqb5vI.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/TXqb5vI.jpg"/></b></blockquote>
<br />
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 10</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/Wu2M9sv.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/Wu2M9sv.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/Wu2M9sv.jpg/></b></blockquote>
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 11</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/rP7bUnN.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/rP7bUnN.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/rP7bUnN.jpg"/></b></blockquote>
<br />
<br />
<h2 class="h2title" style="background-attachment: scroll; background-color: #343434; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTU50a2r7B7b0GW7CYCm7yH5EAsNR8TghVWnx6BbsESzi9o3tQXFiCqImeKb9qqRiQN59LSK9IEE8bQBi7t1Q4yXuZFEDby4mzX-Vs-m-VOF2Hs8UYBXJo2S8BjhjjbJMx_s-eidfDH4/s1600/h2-star-icon2.jpg); background-position: 10px 50%; border: 1px dashed rgb(107, 107, 107); color: white; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; line-height: normal; margin: 10px 0px; outline: rgb(52, 52, 52) solid 4px; padding: 0px 1px 4px 45px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;">
Style 12</h2>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
<a href="http://i.imgur.com/ZcVbJRa.jpg" imageanchor="1" style="-webkit-transition: color 0.5s, font-size 0.5s ease-in-out 0s; color: #057cf6; display: inline-block; margin-left: 1em; margin-right: 1em; position: relative; text-decoration: none !important; transition: color 0.5s, font-size 0.5s ease-in-out 0s;"><img border="0" src="http://i.imgur.com/ZcVbJRa.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: none; box-shadow: 0px 0px 0px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="clear: both; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; text-align: center;">
</div>
<blockquote class="tr_bq" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-left-style: solid; border-left-width: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(171, 171, 171) 0pt 0pt 14px; color: #222222; font-family: sans-serif; font-size: 15px; line-height: 1.4; padding: 8px 9px;">
<b><img src="http://i.imgur.com/ZcVbJRa.jpg"/></b></blockquote>
<br />
<ul style="font-family: sans-serif; font-size: 15px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="list-style: disc outside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-gAknlF_gfcrEDeJ-c9ER508-Pel1OpAg2scSWhIg1XDcsV0UMyy116ccPntL7hLSZAMcS97L2PTnfrNStGG4j0t3PJ2ztDqBv4SOdsq5y7cl_zk4wnSFmezkzb3jSPWo62jTJ9cwuI/s1600/list-style-netoopsblog.png); margin: 0px 0px 0.25em; padding: 0px;">Save Template</li>
</ul>
<br />
<span style="font-family: sans-serif; font-size: 15px; line-height: 1.4;">Enjoy and Don't forget to share it and post comment !</span></div>
</div>
</div>

Change Blogger Post A Comment Style

In The Name of Allah who is the Most Kind and Merciful As we all know that Comments in blogger or website is the one and only best way to stay connected with our blog or website visitors. When you op…

Highlight Author Comments in Blogger

Highlight Author Comments in Blogger

In the Name of Allah who is the Most Kind and Merciful I already told you that comments are the best way to stay connected with your blog visitors. Sometimes, visitors can not understand who is repl…

Load more posts