Best Urdu Training

HOW TO ADD ANIMATED BUTTONS IN BLOGGER

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="" style="clear: both; text-align: left;">
<b>Animated Buttons For Blogger!</b> : Let's Do Something interesting , today we are going to share some beautiful style buttons which can be easily made by using CSS. Actually these buttons makes your "download links" attractive and stylish.For adding these buttons you have to add a Script in template HTML , so first backup your Blog Template and then implement this hack !</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGmrgavByWtqZBqsx-mJNuDjbl5PpbDrS3ymVuu1_ZShAnsmcOuVmW2H3r7ffM4RF9tmslNOWyWweNZSQlX_poLoARvuQjb09baW_vLn1sjX7RsjT3UFgpQDizOsxSncdb51KQJmyeYc9/s1600/bubble+buttons-thatsblogigng.jpg" width="320" /><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>How To Add Animated Buttons In Blogger</b></span></div>
<div class="separator" style="clear: both;">
</div>
<ul style="text-align: left;">
<li>Go To Blogger</li>
<li>Click On Template</li>
<li>Edit HTML</li>
<li>Search For  ]]></b:skin> </li>
<li>Copy the Below CSS Script and paste it above  ]]></b:skin></li>
</ul>
<br />
<div class="separator" style="clear: both;">
</div>
<div style="text-align: left;">
<b><span style="font-size: large;">CSS Script</span></b></div>
<blockquote class="tr_bq">
.button {display: inline-block;position: relative;padding: 10px 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none!important;text-shadow: 1px 1px 0 rgba(255,255,255,0.4);font: 15px Calibri,Arial,sans-serif;white-space: nowrap;vertical-align: baseline;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png');background-position: bottom left;background-position: bottom left,top right,0 0,0 0;background-repeat: no-repeat;background-clip: border-box;-webkit-box-shadow: 0 0 1px #fff inset;-moz-box-shadow: 0 0 1px #fff inset;box-shadow: 0 0 1px #fff inset;-webkit-transition: background-position 1s;-moz-transition: background-position 1s;transition: background-position 1s;cursor: pointer;}<br />
.button:hover {background-position: top left;background-position: top left,bottom right,0 0,0 0;}<br />
.button:active {bottom: -1px;}<br />
.button.big {font-size: 30px;}<br />
.button.medium {font-size: 18px;}<br />
.button.small {font-size: 13px;}<br />
.blue.button {border: 1px solid #84acc3!important;color: #0f4b6d!important;background-color: #48b5f2;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),-moz-linear-gradient(#4fbbf7,#3faeeb);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(89,208,244,1) ),to(rgba(89,208,244,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#4fbbf7),to(#3faeeb));}<br />
.blue.button:hover {background-color: #63c7fe;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),-moz-linear-gradient(#63c7fe,#58bef7);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(109,217,250,1) ),to(rgba(109,217,250,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#63c7fe),to(#58bef7));}<br />
.green.button {border: 1px solid #96a37b!important;color: #345903!important;background-color: #79be1e;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27,#74b317);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(162,211,30,1) ),to(rgba(162,211,30,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#82cc27),to(#74b317));}<br />
.green.button:hover {background-color: #89d228;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31,#7fc01e);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(183,229,45,1) ),to(rgba(183,229,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#90de31),to(#7fc01e));}<br />
.orange.button {border: 1px solid #bea280!important;color: #693e0a!important;background-color: #e38d27;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f,#d4821f);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(232,189,45,1) ),to(rgba(232,189,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f1982f),to(#d4821f));}<br />
.orange.button:hover {background-color: #ec9732;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746,#e18f2b);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(241,192,52,1) ),to(rgba(241,192,52,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f9a746),to(#e18f2b));}<br />
.gray.button {border: 1px solid #a5a5a5!important;color: #525252!important;background-color: #a9adb1;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca,#92989c);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(197,199,202,1) ),to(rgba(197,199,202,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#c5c7ca),to(#92989c));}<br />
.gray.button:hover {background-color: #b6bbc0;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6,#9fa5a9);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJ2sblCV09i03JX9XO0fSncqJtGnlnzPOcilDKOfvPQxewDvYDBBze5nIPCRPCS1i46yv7BzHmkfAffFDpdBqb4Zxo6n0_9tB0b_NhcDir1Fj2e4Ns4raw-6i00b4j6LvNQddk3yfKmNl/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(202,205,208,1) ),to(rgba(202,205,208,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#d1d3d6),to(#9fa5a9));}</blockquote>
<br />
<br />
<ul style="text-align: left;">
<li>After adding this CSS Script Save the template!</li>
<li>Now Add any of the below HTML Code/Script in Post where you want to appear the Buttons. </li>
</ul>
<b><span style="font-size: large;">HTML For Large Size Buttons</span></b><br />
<div>
<blockquote class="tr_bq">
<a class="button big blue" href="#">text</a><br />
<a class="button big green" href="#">text</a><br />
<a class="button big orange" href="#">text</a><br />
<a class="button big gray" href="#">Text</a> </blockquote>
<br />
<span style="font-size: large;"><b>HTML For Media Size Buttons </b></span><br />
<blockquote class="tr_bq">
<a class="button medium blue" href="#">text</a><br />
<a class="button medium green" href="#">text</a><br />
<a class="button medium orange" href="#">text</a><br />
<a class="button medium gray" href="#">Text</a></blockquote>
<br />
<b><span style="font-size: large;">Customization </span></b>: Replace # in the script(HTML) with the URL and Text with the Anchor Text .<br />
<br />
<b><span style="font-size: large;">So What's Up</span></b> : Adding these Bubble Buttons makes your post more attractive and Cool.So if You Can why not implement it?Stay Blessed , Happy Blogging! </div>
</div>

HOW TO ADD ANIMATED BUTTONS IN BLOGGER

Animated Buttons For Blogger! : Let's Do Something interesting , today we are going to share some beautiful style buttons which can b...

Add a notebook style CSS to your back quote

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg42lmI8nTwGHjdTXKRVwC6PbKMvMOKtLV72ZwFWLeJRoKNCMzfjH51Q8im8pp89biuvs16tawDzmhhcx7_x9Rrz0grSqv5EhwyfppreVJYHpxduvqd-XrR19KkPNE7W8cX0Rsbd6OiLsBL/s1600/Capture.JPG" width="320" /></div>
<br />
Back quotes are added in your blog to highlight something that is to be quoted. The default style is text will be intended on the left side of the page and the words will be displayed in italics font style. You can change the backquote style by adding few simple CSS to the HTML section of the blog.<br />
<br />
This CSS backquote style will display the text inside a notepad styled ruled background.<br />
<br />
<br />
<b><span style="font-size: large;"><u>How to add this style to blogger:</u></span></b><br />
<u>Step 1:</u> Goto templates tab on your blog and back up a copy of your present template.<br />
<br />
<u>Step 2:</u> Click on Edit HTML and then proceed.<br />
<br />
<u>Step 3:</u> Press 'ctrl + f' or find '<b>]]></b:skin></b>'<br />
<br />
<br />
<u>Step 4:</u> Paste the following code just above the found line.<br />
<br />
<blockquote class="tr_bq">
blockquote  { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtxtV6UuBHB6D4qJnSutDkeJrpi2wuxX0SK9fM0Z3mV4PlnqHPshyphenhyphenVIAfIsJ9p5a83yaxAyvQ2azWZ2S5TA0jUzfPMi03Q-1zjiXEAtXbkqm4DX4nb_Dh6wD6_A6FZ4d2_RUBaQq_d7-iP/s1600/note-style.png) repeat-y scroll 0 0 transparent;<br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
-ms-border-radius: 3px;<br />
-o-border-radius: 3px;<br />
border-radius: 3px;<br />
-webkit-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;<br />
-moz-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;<br />
-ms-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;<br />
-o-box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;<br />
box-shadow: 0 0 3px #808080 inset, 0 0 1px #FFFFFF;<br />
margin: 10px 13px;<br />
padding: 21px 45px 14px;<br />
line-height: 1.65em;<br />
font-famliy:georgia,sarif;<br />
font-size:13px;<br />
}</blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<u>Step 5:</u> Save your template and now all the backquote will appear in this style. </div>

Add a notebook style CSS to your back quote

Back quotes are added in your blog to highlight something that is to be quoted. The default style is text will be intended on the left ...

CSS Web Colour Chart

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<article class="post hentry" id="7586674330578240729" itemscope="" itemtype="http://schema.org/BlogPosting"><div class="post-body entry-content" id="post-body-7586674330578240729" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<br /></div>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; padding: 3px;">
<div style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; padding: 3px;">
<span style="color: #0080ff;"><br />CSS Web Colour Chart</span></div>
</h4>
</center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
 </center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#ffffff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFFFFF</span></td><td bgcolor="#ffffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFFFCC</span></td><td bgcolor="#ffff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF99</span></td><td bgcolor="#ffff66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF66</span></td><td bgcolor="#ffff33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFFF33</span></td><td bgcolor="#ffff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FFFF00</span></td></tr>
<tr><td bgcolor="#ffccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFCCFF</span></td><td bgcolor="#ffcccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#FFCCCC</span></td><td bgcolor="#ffcc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC99</span></td><td bgcolor="#ffcc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC66</span></td><td bgcolor="#ffcc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FFCC33</span></td><td bgcolor="#ffcc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FFCC00</span></td></tr>
<tr><td bgcolor="#ff99ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#FF99FF</span></td><td bgcolor="#ff99cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#FF99CC</span></td><td bgcolor="#ff9999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9999</span></td><td bgcolor="#ff9966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9966</span></td><td bgcolor="#ff9933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#FF9933</span></td><td bgcolor="#ff9900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#FF9900</span></td></tr>
<tr><td bgcolor="#ff66ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF66FF</span></td><td bgcolor="#ff66cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF66CC</span></td><td bgcolor="#ff6699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6699</span></td><td bgcolor="#ff6666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6666</span></td><td bgcolor="#ff6633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF6633</span></td><td bgcolor="#ff6600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF6600</span></td></tr>
<tr><td bgcolor="#ff33ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF33FF</span></td><td bgcolor="#ff33cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF33CC</span></td><td bgcolor="#ff3399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3399</span></td><td bgcolor="#ff3366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3366</span></td><td bgcolor="#ff3333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF3333</span></td><td bgcolor="#ff3300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF3300</span></td></tr>
<tr><td bgcolor="#ff00ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#FF00FF</span></td><td bgcolor="#ff00cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#FF00CC</span></td><td bgcolor="#ff0099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0099</span></td><td bgcolor="#ff0066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0066</span></td><td bgcolor="#ff0033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#FF0033</span></td><td bgcolor="#ff0000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#FF0000</span></td></tr>
</tbody></table>
</center>
<div style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px; margin-top: 22px; overflow: hidden;">
</div>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#ccffff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCFFFF</span></td><td bgcolor="#ccffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCFFCC</span></td><td bgcolor="#ccff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF99</span></td><td bgcolor="#ccff66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF66</span></td><td bgcolor="#ccff33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCFF33</span></td><td bgcolor="#ccff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CCFF00</span></td></tr>
<tr><td bgcolor="#ccccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCCCFF</span></td><td bgcolor="#cccccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#CCCCCC</span></td><td bgcolor="#cccc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC99</span></td><td bgcolor="#cccc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC66</span></td><td bgcolor="#cccc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CCCC33</span></td><td bgcolor="#cccc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CCCC00</span></td></tr>
<tr><td bgcolor="#cc99ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#CC99FF</span></td><td bgcolor="#cc99cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#CC99CC</span></td><td bgcolor="#cc9999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9999</span></td><td bgcolor="#cc9966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9966</span></td><td bgcolor="#cc9933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#CC9933</span></td><td bgcolor="#cc9900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#CC9900</span></td></tr>
<tr><td bgcolor="#cc66ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC66FF</span></td><td bgcolor="#cc66cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC66CC</span></td><td bgcolor="#cc6699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6699</span></td><td bgcolor="#cc6666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6666</span></td><td bgcolor="#cc6633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC6633</span></td><td bgcolor="#cc6600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC6600</span></td></tr>
<tr><td bgcolor="#cc33ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC33FF</span></td><td bgcolor="#cc33cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC33CC</span></td><td bgcolor="#cc3399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC3399</span></td><td bgcolor="#cc3366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC3366</span></td><td bgcolor="#cc3333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC3333</span></td><td bgcolor="#cc3300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC3300</span></td></tr>
<tr><td bgcolor="#cc00ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#CC00FF</span></td><td bgcolor="#cc00cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#CC00CC</span></td><td bgcolor="#cc0099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0099</span></td><td bgcolor="#cc0066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0066</span></td><td bgcolor="#cc0033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#CC0033</span></td><td bgcolor="#cc0000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#CC0000</span></td></tr>
</tbody></table>
</center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
 </center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#99ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#99FFFF</span></td><td bgcolor="#99ffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#99FFCC</span></td><td bgcolor="#99ff99" valign="top" width="87"><span style="color: #004000;">#99FF99</span></td><td bgcolor="#99ff66" valign="top" width="86"><span style="color: #004000;">#99FF66</span></td><td bgcolor="#99ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#99FF33</span></td><td bgcolor="#99ff00" valign="top" width="96"><span style="color: #004000;">#99FF00</span></td></tr>
<tr><td bgcolor="#99ccff" valign="top" width="89"><span style="color: #004000;">#99CCFF</span></td><td bgcolor="#99cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#99CCCC</span></td><td bgcolor="#99cc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#99CC99</span></td><td bgcolor="#99cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#99CC66</span></td><td bgcolor="#99cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#99CC33</span></td><td bgcolor="#99cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#99CC00</span></td></tr>
<tr><td bgcolor="#9999ff" valign="top" width="90"><span style="color: #004000;">#9999FF</span></td><td bgcolor="#9999cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#9999CC</span></td><td bgcolor="#999999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999999</span></td><td bgcolor="#999966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999966</span></td><td bgcolor="#999933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#999933</span></td><td bgcolor="#999900" valign="top" width="96"><span style="color: #004000;">#999900</span></td></tr>
<tr><td bgcolor="#9966ff" valign="top" width="90"><span style="color: white;">#9966FF</span></td><td bgcolor="#9966cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9966CC</span></td><td bgcolor="#996699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#996699</span></td><td bgcolor="#996666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#996666</span></td><td bgcolor="#999933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#999933</span></td><td bgcolor="#999900" valign="top" width="96"><span style="color: white;">#999900</span></td></tr>
<tr><td bgcolor="#9933ff" valign="top" width="90"><span style="color: white;">#9933FF</span></td><td bgcolor="#9933cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9933CC</span></td><td bgcolor="#993399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#993399</span></td><td bgcolor="#993366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#993366</span></td><td bgcolor="#993333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#993333</span></td><td bgcolor="#993300" valign="top" width="96"><span style="color: white;">#993300</span></td></tr>
<tr><td bgcolor="#9900ff" valign="top" width="90"><span style="color: white;">#9900FF</span></td><td bgcolor="#9900cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#9900CC</span></td><td bgcolor="#990099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#990099</span></td><td bgcolor="#990066" valign="top" width="87"><span style="color: white;">#990066</span></td><td bgcolor="#990033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#990033</span></td><td bgcolor="#990000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#990000</span></td></tr>
</tbody></table>
</center>
<div style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px; margin-top: 22px; overflow: hidden;">
<tt></tt></div>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#66ffff" valign="top" width="91"><span style="color: #004000;">#66FFFF</span></td><td bgcolor="#66ffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66FFCC</span></td><td bgcolor="#66ff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66FF99</span></td><td bgcolor="#66ff66" valign="top" width="86"><span style="color: #004000;">#66FF66</span></td><td bgcolor="#66ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#66FF33</span></td><td bgcolor="#66ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#66FF00</span></td></tr>
<tr><td bgcolor="#66ccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66CCFF</span></td><td bgcolor="#66cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#66CCCC</span></td><td bgcolor="#66cc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC99</span></td><td bgcolor="#66cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC66</span></td><td bgcolor="#66cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#66CC33</span></td><td bgcolor="#66cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#66CC00</span></td></tr>
<tr><td bgcolor="#6699ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#6699FF</span></td><td bgcolor="#6699cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#6699CC</span></td><td bgcolor="#669999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669999</span></td><td bgcolor="#669966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669966</span></td><td bgcolor="#669933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#669933</span></td><td bgcolor="#669900" valign="top" width="96"><span style="color: #004000;">#669900</span></td></tr>
<tr><td bgcolor="#6666ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#6666FF</span></td><td bgcolor="#6666cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#6666CC</span></td><td bgcolor="#666699" valign="top" width="87"><span style="color: white;">#666699</span></td><td bgcolor="#666666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#666666</span></td><td bgcolor="#666633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#666633</span></td><td bgcolor="#666600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#666600</span></td></tr>
<tr><td bgcolor="#6633ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#6633FF</span></td><td bgcolor="#6633cc" valign="top" width="88"><span style="color: white;">#6633CC</span></td><td bgcolor="#663399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663399</span></td><td bgcolor="#663366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663366</span></td><td bgcolor="#663333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#663333</span></td><td bgcolor="#663300" valign="top" width="96"><span style="color: white;">#663300</span></td></tr>
<tr><td bgcolor="#6600ff" valign="top" width="90"><span style="color: white;">#6600FF</span></td><td bgcolor="#6600cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#6600CC</span></td><td bgcolor="#660099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#660099</span></td><td bgcolor="#660066" valign="top" width="87"><span style="color: white;">#660066</span></td><td bgcolor="#660033" valign="top" width="87"><span style="color: white;">#660033</span></td><td bgcolor="#660000" valign="top" width="96"><span style="color: white;">#660000</span></td></tr>
</tbody></table>
</center>
<div style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px; margin-top: 22px; overflow: hidden;">
<span style="color: white;"></span></div>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#33ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#33FFFF</span></td><td bgcolor="#33ffcc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#33FFCC</span></td><td bgcolor="#33ff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33FF99</span></td><td bgcolor="#33ff66" valign="top" width="86"><span style="color: #004000;">#33FF66</span></td><td bgcolor="#33ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#33FF33</span></td><td bgcolor="#33ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#33FF00</span></td></tr>
<tr><td bgcolor="#03ccf0" valign="top" width="89"><span style="color: #004000;">#33CCFF</span></td><td bgcolor="#33cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#33CCCC</span></td><td bgcolor="#33cc99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC99</span></td><td bgcolor="#33cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC66</span></td><td bgcolor="#33cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#33CC33</span></td><td bgcolor="#33cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#33CC00</span></td></tr>
<tr><td bgcolor="#3399ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#3399FF</span></td><td bgcolor="#3399cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#3399CC</span></td><td bgcolor="#339999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#339999</span></td><td bgcolor="#339966" valign="top" width="87"><span style="color: #004000;">#339966</span></td><td bgcolor="#339933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#339933</span></td><td bgcolor="#339900" valign="top" width="96"><span style="color: #004000;">#339900</span></td></tr>
<tr><td bgcolor="#3366ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#3366FF</span></td><td bgcolor="#3366cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#3366CC</span></td><td bgcolor="#336699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#336699</span></td><td bgcolor="#336666" valign="top" width="87"><span style="color: white;">#336666</span></td><td bgcolor="#336633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#336633</span></td><td bgcolor="#336600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#336600</span></td></tr>
<tr><td bgcolor="#3333ff" valign="top" width="90"><span style="color: white;">#3333FF</span></td><td bgcolor="#3333cc" valign="top" width="88"><span style="color: white;">#3333CC</span></td><td bgcolor="#333399" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#333399</span></td><td bgcolor="#333366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#333366</span></td><td bgcolor="#333333" valign="top" width="87"><span style="color: white;">#333333</span></td><td bgcolor="#333300" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#333300</span></td></tr>
<tr><td bgcolor="#3300ff" valign="top" width="90"><span style="color: white;">#3300FF</span></td><td bgcolor="#3300cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#3300CC</span></td><td bgcolor="#330099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#330099</span></td><td bgcolor="#330066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#330066</span></td><td bgcolor="#330033" valign="top" width="87"><span style="color: white;">#330033</span></td><td bgcolor="#330000" valign="top" width="96"><span style="color: white;">#330000</span></td></tr>
</tbody></table>
</center>
<div style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px; margin-top: 22px; overflow: hidden;">
</div>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
<table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody>
<tr><td bgcolor="#00ffff" class="mbt_out" style="border: 0px;" valign="top" width="91"><span style="color: #004000;">#00FFFF</span></td><td bgcolor="#00ffcc" valign="top" width="89"><span style="color: #004000;">#00FFCC</span></td><td bgcolor="#00ff99" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00FF99</span></td><td bgcolor="#00ff66" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#00FF66</span></td><td bgcolor="#00ff33" class="mbt_out" style="border: 0px;" valign="top" width="86"><span style="color: #004000;">#00FF33</span></td><td bgcolor="#00ff00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#00FF00</span></td></tr>
<tr><td bgcolor="#00ccff" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#00CCFF</span></td><td bgcolor="#00cccc" class="mbt_out" style="border: 0px;" valign="top" width="89"><span style="color: #004000;">#00CCCC</span></td><td bgcolor="#00cc99" valign="top" width="87"><span style="color: #004000;">#00CC99</span></td><td bgcolor="#00cc66" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00CC66</span></td><td bgcolor="#00cc33" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#00CC33</span></td><td bgcolor="#00cc00" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#00CC00</span></td></tr>
<tr><td bgcolor="#0099ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: #004000;">#0099FF</span></td><td bgcolor="#0099cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: #004000;">#0099CC</span></td><td bgcolor="#009999" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009999</span></td><td bgcolor="#009966" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009966</span></td><td bgcolor="#009933" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: #004000;">#009933</span></td><td bgcolor="#009900" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: #004000;">#009900</span></td></tr>
<tr><td bgcolor="#0066ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0066FF</span></td><td bgcolor="#0066cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0066CC</span></td><td bgcolor="#006699" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#006699</span></td><td bgcolor="#006666" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#006666</span></td><td bgcolor="#006633" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#006633</span></td><td bgcolor="#006600" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#006600</span></td></tr>
<tr><td bgcolor="#0033ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0033FF</span></td><td bgcolor="#0033cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0033CC</span></td><td bgcolor="#003399" valign="top" width="87"><span style="color: white;">#003399</span></td><td bgcolor="#003366" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#003366</span></td><td bgcolor="#003333" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#003333</span></td><td bgcolor="#003300" valign="top" width="96"><span style="color: white;">#003300</span></td></tr>
<tr><td bgcolor="#0000ff" class="mbt_out" style="border: 0px;" valign="top" width="90"><span style="color: white;">#0000FF</span></td><td bgcolor="#0000cc" class="mbt_out" style="border: 0px;" valign="top" width="88"><span style="color: white;">#0000CC</span></td><td bgcolor="#000099" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#000099</span></td><td bgcolor="#000066" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#000066</span></td><td bgcolor="#000033" class="mbt_out" style="border: 0px;" valign="top" width="87"><span style="color: white;">#000033</span></td><td bgcolor="#000000" class="mbt_out" style="border: 0px;" valign="top" width="96"><span style="color: white;">#000000</span></td></tr>
</tbody></table>
<br />
</center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
</center>
<center style="background-color: white; color: #333333; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px;">
</center>
</div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-2">
</div>
<div class="post-footer-line post-footer-line-3">
</div>
</div>
</article>
<br />
<center style="background-color: white; clear: left; color: #333333; float: left; font-family: Verdana, arial; font-size: 13px; line-height: 20.796875px; margin-bottom: 1em; margin-right: 1em;">
<img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNYwXzyJXYbDbvEDzo3UtZQPfdljiUS5f16W2vu24qbk9ww9H-6jUfNo59gmVI7SaHNz37FTXcw1FVsIoN_vjXHpubLeYlMdT9Vmm3xPGzNrlxVKaZ6NqmC70IZvuenwx28PoaJpxq1Pcz/s1600/chart1.gif" style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;" width="200" /></center>
</div>

CSS Web Colour Chart

CSS Web Colour Chart #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00 #F...

KM Player By Kashif H Khan

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVUtBMoY9HiJoC-xkkyZDEZHSuDHf7zpSBQkdMDwiNp4j_8RjPpn8v0OT_h4bSR-MSCfuB0WSf-X9-qa6iwKN8xLzjliFvWUrONX6iBpZ2pIHTcR37FriNXJy22utP1zIYiEiBn5mV438/s200/km+player+BY+Kashif+H+Khan.jpg" width="200" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJuvJwnv4-7eH4FrbBnREse10MgJP3vNlpW75i-S2-R48KeVJVAyaRIiRMy-8zUY2AOEnKhB8jnGOQkQZ4tKKyYHizCZ8mubxMRddQjny5FPnrtKsJqpxJQdylBdLzQiVk0CQkCZtw-Kk/s1600/BY+Kashif+h+kahn.gif" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88R5ayPSPxdm1cGX5oUvX-_5hC2V6a4pfK9bu7WAYqmisKU-L-IKOR7QtHlSEaikGnaOkzMAKSxT4g3gjf5mi2q7VFwXNntb4scFtPR5sY-JZXnz5pQ0HEyaHa3tOand6iAp_F926dRA/s640/KMPlayer+BY+Kashif+H+Khan.png" width="640" /></div>
<br />
<br />
<br /></div>
<div style="text-align: center;">
<a class="button big green" href="http://adf.ly/WODYY">Download</a>
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPi7tt0iI1XNJ-r0lxS-DJT5xEdi-8ADiZyfsQ56U2FM8Qdh9eykNKWcLZHDhUhJscg931AYtwkRdmPeKF-3ecWyjbrdR8uyULHkEomfoR_SEtw-wvEtf0t0a2fqHFwhwSMA61FhEOa7c/s1600/By+kashif+h+Khan.gif" /></div>
<div style="text-align: center;">
<br /></div>
</div>

KM Player By Kashif H Khan

Download

Vlc-1.0.5-win32 By Kashif H Khan

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16lAn9cTQ1AdZv8IH6TkuKXHZOsT5KRfq1eXpTLi96m0t7XLUcVvkaYuwoMesiybKLihk-rykUuEp9E_aAA-wcKHsNOBGQ1IBfKUa6HI9Pzxv0yiMtQLEO6GntptAOhlHuhY40pt_eu4/s400/VLC+BY+Kashif+H+Khan.jpg" width="245" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a class="button big green" href="http://adf.ly/WOBOf">Download</a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPi7tt0iI1XNJ-r0lxS-DJT5xEdi-8ADiZyfsQ56U2FM8Qdh9eykNKWcLZHDhUhJscg931AYtwkRdmPeKF-3ecWyjbrdR8uyULHkEomfoR_SEtw-wvEtf0t0a2fqHFwhwSMA61FhEOa7c/s1600/By+kashif+h+Khan.gif" /></div>
<div style="text-align: center;">
<br /></div>
</div>

Vlc-1.0.5-win32 By Kashif H Khan

Download

How Create your own google type search engine By Kashif H Khan

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0lToX132f_hmZ6hJujp_Iuhs_Xoh3uJRVQbU5cQC5C_ZE6G3ku40_0rsuroWDwSBS5JvnGB9JDzbYmo9UNnbWJf-3qJpV4YgytatL6Q94VoQSPAZAts8j5Wgcx7-qY1yfBy6IWYtYFYo/s640/google.JPG" width="640" /></div>
<br />
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
</div>
<span style="font-size: large;"><b><br /></b></span>
<br />
<ol style="text-align: left;">
</ol>
<div>
<span style="font-size: large;"><b></b></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;"><b>
</b></span>
<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol style="text-align: left;"><span style="font-size: large;"><b>
<li><b><div style="display: inline !important;">
Go to <a href="http://adf.ly/UQILx" target="_blank">FunnyLogo</a></div>
</b></li>
<li><b><div style="display: inline !important;">
Select the logo type (eg: Google type,Yahoo type,Harry potter type)</div>
</b></li>
<li><b><div style="display: inline !important;">
Enjoy.......!Have a nice Day... </div>
</b></li>
</b></span></ol>
</div>
<span style="font-size: large;"><b>
</b></span>
<div>
<span style="font-size: large;"><b><br /></b></span></div>
<span style="font-size: large;"><b>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPi7tt0iI1XNJ-r0lxS-DJT5xEdi-8ADiZyfsQ56U2FM8Qdh9eykNKWcLZHDhUhJscg931AYtwkRdmPeKF-3ecWyjbrdR8uyULHkEomfoR_SEtw-wvEtf0t0a2fqHFwhwSMA61FhEOa7c/s1600/By+kashif+h+Khan.gif" /></div>
<div>
<br /></div>
</b></span></div>
</div>

How Create your own google type search engine By Kashif H Khan

Go to FunnyLogo Select the logo type (eg: Google type,Yahoo type,Harry potter type) Enjoy.......!Have a nice...