Insert HTML-CSS-Javascript Codes in Blogger Posts As Plain Text

<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="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7zZL7xBCK_l1H1RgtDN5MjpJRcfzYhOlkMNjMFR8vlOQv5xrqgtFQu_-2qMQ3o16fqgIcYF12Vde4WKavm4juM-YUBKcyBOCA2dMRLbMs82OvpGVIeK154GEUkRuj_D1DY98NWstlDau/s1600/1+(2).png" width="320" /></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span style="font-size: large;"><b>Insert CSS Style Sheet in Blogger Template:</b></span><br /> First we will insert the CSS style Sheet to stylize our quote box.<br />Go to <b>Blogger</b> >> <b>Your Blog</b> >> <b>Template</b> >> <b>EDIT HTML</b> >><b> Proceed </b><br />And now Search For<b> ]]></b></div> With (CTRL+F)<br />After you find <b>]]></b> just above it paste the following coding<br /> <blockquote class="tr_bq"> .post blockquote {<br />background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD6AhMC0uKgN3CWIJgh7q-wdP6EAijWWbuUSQhXKctNHCjPDgKLKCs1CuROZ3TMheROpnNwNlquWRDCB7OXIbeOH2LcFurCkYULh4ljzJvg48zYWDwJRSQwlIz3Q_B5G1eXM-qsFnFRB0/s1600/1.png);<br />background-position:top left;<br />background-repeat:repeat-y;<br />margin: 0 20px;<br />padding: 10px 20px 10px 45px;<br />border-top: 2px solid #DDD;<br />border-right: 5px solid #666;<br />border-left: 2px solid #DDD;<br />border-bottom: 5px solid #666;<br />font-size: 0.9em;<br />}<br />.post blockquote p {<br />margin: 0;<br />padding: 0 0 15px;<br />}<br />.blockquote {<br />font: 18px normal  sans-serif,Tahoma;<br />padding-top: 10px;<br />margin: 5px;<br />text-indent: 65px;<br />}<br />.blockquote div {<br />display: block;<br />padding-bottom:10px;<br />}<br />.blockquote p {<br />margin: 0;<br />padding-top:10px;<br />}</blockquote> <br /> Now After pasting the above code save your template by pressing <b>Save Template</b> Button<br /> <br /> <div style="text-align: center;"> <span style="font-size: large;"><span style="color: #3d85c6;"><b>DEMO </b></span></span></div> <blockquote class="tr_bq"> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test</div> <div style="text-align: left;"> Test </div> </blockquote>

Insert HTML-CSS-Javascript Codes in Blogger Posts As Plain Text

Insert CSS Style Sheet in Blogger Template: First we will insert the CSS style Sheet to stylize our quote box.Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed And now Search For ]]> Wit…

Read more »

Removing Hyperlinks from Blogger Post Pictures

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXF47a3lrO2680MoEaQ2f17dCMQCoVoK5_L0e9DilzdxonhTK_2PWTGw0vEv7Gv0JrZrgDpDHpbnKqNOHYefxdYasX1EHqq4JNSqUGwGSGNp-6CezbBxEL5KIJbtujhZ3Cy2-lX9eFEJG-/s1600/unlink-the-web.jpg" width="0" /></div> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 17.600000381469727px;">When you remove the hyperlink off an image from your post, your post image won't be clickable anymore, preventing readers from accessing the larger version of the image. The easy way to do this is by selecting the image on your Blogger post editor, and deselect the button that says 'Link' from your post editor toolbar. You have to do this one by one for each post. </span><br /> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 17.600000381469727px;"><br /></span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 17.600000381469727px;"></span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 17.600000381469727px;">But, what if you've posted hundreds of images across hundreds of posts, and you always want the option to restore the hyperlink in the future? That's where this cool trick comes to play. Yeap, this is a CSS tweak, not an HTML one</span><br /> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; line-height: 17.600000381469727px;"><br /></span> <br /> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.post img, .post img a{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">-100</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></blockquote> </blockquote> <br /> OR<br /> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <br /> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.post img, .post img a{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">-1</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></blockquote> </blockquote> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.post-outer{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><span style="background-color: white; color: #333333; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em; line-height: 1.1em; text-align: justify; white-space: pre;">}</span> </blockquote> </blockquote> <br /> OR<br /> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <br /> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.entry{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></blockquote> </blockquote> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.hentry img, .separator{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">-1</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><span style="background-color: white; color: #333333; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em; line-height: 1.1em; text-align: justify; white-space: pre;">}</span> </blockquote> </blockquote> <br /> OR<br /> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <br /> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.post{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">10</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></blockquote> </blockquote> <blockquote class="tr_bq" style="background-color: white; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;"> <blockquote> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.hentry img, .separator{</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">position</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">relative</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">z-index</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">-1</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code><span style="background-color: white; color: #333333; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 1em; line-height: 1.1em; text-align: justify; white-space: pre;">}</span> </blockquote> </blockquote> <br /> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 17.600000381469727px;" /> <b style="color: #333333; font-family: 'Courier New', Courier, monospace; font-size: large; line-height: 17.600000381469727px;"><span style="text-align: justify;">That will be all folks. Enjoy!</span></b><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAOAILvH5U0FAVYBgahCCPog7edZ3HTAdl15W_T2u5zLAMa0QV_Pm4JB3-gjibgz8v8BBGJoUiLjRnaNZYWMTplvmaKFHHOxqoWTAaB0Eohw3e9JtR7ttr42Zip-pjZWA_oxPn-Q-9OA1v/s1600/xlu6ncek.gif" width="320" /></div> </div>

Removing Hyperlinks from Blogger Post Pictures

When you remove the hyperlink off an image from your post, your post image won't be clickable anymore, preventing readers from accessing the larger version of the image. The easy way to do this is by…

Read more »

How To Add Infinite Scrolling Effect In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: left;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPp5YtHcN5-2AO0TGAyRXPsEd-leDgnHphyphenhyphenxVBD2d_S-nLQ7IXt2OokQ8ILYjbjaKkD199wNAmLhKsM6CjbWcOuEKDVB8JdQ5jQld4jV8tJlHiOFcyv2MF3VvjgECJDaxLjx-L4fWgj5S/s1600/Infinite+Scrolling+Effect.jpg" /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> <h3 style="font-size: 20px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> How To Implement?</h3> </div> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> Installing this plugin in your blog is really left hand work. It is already built so you don't need to develop the code. So just follow the below given tips to get it in your blog.</div> <div style="background-color: white;"> <ol style="color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px; margin: auto; padding-left: 40px;"> <li style="line-height: 25px; padding-top: 10px;">Go To Blogger >> Template >> Backup Your Template</li> <li style="line-height: 25px; padding-top: 10px;">Click Edit HTML >> Find For </head></li> <li style="line-height: 25px; padding-top: 10px;">Paste The Following Code Above </head></li> </ol> <span style="color: #555555; font-family: open sans;"><span style="font-size: 14px; line-height: 25px;"><br /></span></span></div> <div> <span style="color: #555555; font-family: open sans;"><span style="font-size: 14px; line-height: 25px;"><blockquote class="tr_bq"> <span style="background-color: white;"><b:if cond='data:blog.pageType == "index"'></span><br /><span style="background-color: white;"><script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/></span><br /><span style="background-color: white;"><script src='https://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' type='text/javascript'/></span><br /><span style="background-color: white;"><script type='text/javascript'></span><br /><span style="background-color: white;">jQuery.ias({</span><br /><span style="background-color: white;">    container : '.blog-posts',</span><br /><span style="background-color: white;">    item: '.post-outer',</span><br /><span style="background-color: white;">    pagination: '#blog-pager',</span><br /><span style="background-color: white;">    next: '#blog-pager-older-link a',</span><br /><span style="background-color: white;">    loader: '</span><span style="background-color: yellow;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKfvT2B-CpRaB_ex1fwkm7oI6vwTrGuLiLWErGmALbzbmlQKHvBiJ7kOIbpNYu3ZLQRlUJsN43W-qAuIrQgWgSAz0GYLmpuVQ4Xtx4U1Jua78ntxCf9lo8Q4nl77vS0bBBB6ziSFTUXSUq/s1600/loading.gif</span><span style="background-color: white;">'</span><br /><span style="background-color: white;">});</span><br /><span style="background-color: white;">  </script></span><br /><span style="background-color: white;"></b:if></span></blockquote> </span></span></div> <br /> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> <ol style="margin: auto; padding-left: 40px;"> <li style="line-height: 25px; padding-top: 10px;">Replace The Highlighted Link With Any Loading Image. Copy The Loading GIF Image URL From The Following.</li> <li style="line-height: 25px; padding-top: 10px;">Hit "<b>Save Template!</b>".</li> </ol> <h3 style="font-size: 20px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> AJAX Loader GIF Images</h3> </div> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> Below I've listed some loading images. Just copy their URL and replace it with the yellow highlighted code.</div> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Round Loader </h4> <div> <br /></div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0d56rLDGDSBTsQx7h7gPh62gBypPUt26NiLxdxRh0yCNU1kuub6K4vhU7kIqwdf8-ddPi9ZSvCMHne21GAIBV1fEwqZLSNuqJswAB_yiXiMrZT71KU0cHKX0xTGKF-UFXAXpNpGsm1P1/s1600/Round+Loader.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0d56rLDGDSBTsQx7h7gPh62gBypPUt26NiLxdxRh0yCNU1kuub6K4vhU7kIqwdf8-ddPi9ZSvCMHne21GAIBV1fEwqZLSNuqJswAB_yiXiMrZT71KU0cHKX0xTGKF-UFXAXpNpGsm1P1/s1600/Round+Loader.gif" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <blockquote class="tr_bq" style="clear: both; text-align: left;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0d56rLDGDSBTsQx7h7gPh62gBypPUt26NiLxdxRh0yCNU1kuub6K4vhU7kIqwdf8-ddPi9ZSvCMHne21GAIBV1fEwqZLSNuqJswAB_yiXiMrZT71KU0cHKX0xTGKF-UFXAXpNpGsm1P1/s1600/Round+Loader.gif</blockquote> <br /> <br /> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Rounding Arrows</h4> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizB5mDUGa_kgTa2pKXsuh8lOH8DhwVCscgJXv-yh6nKc977qleNSlsodBRwV_4nIufErfcDhkbVS6Iy4N5aOAtPu78Gzlb9JEMtmoXSHeM_f-ZXe8d66-P4p5o3uX5EBGcIvyFNArJgFPK/s1600/arrow+loader.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizB5mDUGa_kgTa2pKXsuh8lOH8DhwVCscgJXv-yh6nKc977qleNSlsodBRwV_4nIufErfcDhkbVS6Iy4N5aOAtPu78Gzlb9JEMtmoXSHeM_f-ZXe8d66-P4p5o3uX5EBGcIvyFNArJgFPK/s1600/arrow+loader.gif" /></a></div> <blockquote class="tr_bq" style="clear: both; text-align: left;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizB5mDUGa_kgTa2pKXsuh8lOH8DhwVCscgJXv-yh6nKc977qleNSlsodBRwV_4nIufErfcDhkbVS6Iy4N5aOAtPu78Gzlb9JEMtmoXSHeM_f-ZXe8d66-P4p5o3uX5EBGcIvyFNArJgFPK/s1600/arrow+loader.gif</blockquote> <br /> <br /> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;">  Silver Arrows Circle</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgnRVwDPy08k_SEYCDTxUKrhOPit9hZQm0xRlTOKEDUbdU_ywL5A_VdaTkJQxDRQw453XLPw18HbAM8pCyebG8sycwzGIj0YwGcNASxhEu4NcFU64caEEkObcbxr4lfk_TiF3QhjvB3wp/s1600/silver+arrows+circle.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgnRVwDPy08k_SEYCDTxUKrhOPit9hZQm0xRlTOKEDUbdU_ywL5A_VdaTkJQxDRQw453XLPw18HbAM8pCyebG8sycwzGIj0YwGcNASxhEu4NcFU64caEEkObcbxr4lfk_TiF3QhjvB3wp/s1600/silver+arrows+circle.gif" /></a></div> <blockquote class="tr_bq" style="clear: both; text-align: left;"> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrgnRVwDPy08k_SEYCDTxUKrhOPit9hZQm0xRlTOKEDUbdU_ywL5A_VdaTkJQxDRQw453XLPw18HbAM8pCyebG8sycwzGIj0YwGcNASxhEu4NcFU64caEEkObcbxr4lfk_TiF3QhjvB3wp/s1600/silver+arrows+circle.gif</blockquote> <br /> <br /> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Cool Blue Rouding Arrow</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic69U7NE1QjklppriwFva1cKsFFnV0yA8iXv2VG0xPGluqol-DFf6tgAUm_1em816NNeaETx40Zh9YGGpHns_qcGF0vzgfm-CRSDylHC-KsfpaaJob6dopGJrAeikNaQ9IO1jcsC5Tc6nB/s1600/blue.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic69U7NE1QjklppriwFva1cKsFFnV0yA8iXv2VG0xPGluqol-DFf6tgAUm_1em816NNeaETx40Zh9YGGpHns_qcGF0vzgfm-CRSDylHC-KsfpaaJob6dopGJrAeikNaQ9IO1jcsC5Tc6nB/s1600/blue.gif" /></a></div> <blockquote class="tr_bq">  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic69U7NE1QjklppriwFva1cKsFFnV0yA8iXv2VG0xPGluqol-DFf6tgAUm_1em816NNeaETx40Zh9YGGpHns_qcGF0vzgfm-CRSDylHC-KsfpaaJob6dopGJrAeikNaQ9IO1jcsC5Tc6nB/s1600/blue.gif</blockquote> <br /> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Red Loader</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsU_IjeQUAMa153NHt0IAKps2IraftvRlDuUTkgIVN6fgn62yAy6nuLwF-MDq0eikL4T98zqHVJHcmbakF1GGKO3RgtRNH2syyJ5yAwc8qU-Jgnfa0AMvpYUUDbN7slMcpKXhgX1oCKGgz/s1600/red+loader.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsU_IjeQUAMa153NHt0IAKps2IraftvRlDuUTkgIVN6fgn62yAy6nuLwF-MDq0eikL4T98zqHVJHcmbakF1GGKO3RgtRNH2syyJ5yAwc8qU-Jgnfa0AMvpYUUDbN7slMcpKXhgX1oCKGgz/s1600/red+loader.gif" /></a></div> <blockquote class="tr_bq">  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsU_IjeQUAMa153NHt0IAKps2IraftvRlDuUTkgIVN6fgn62yAy6nuLwF-MDq0eikL4T98zqHVJHcmbakF1GGKO3RgtRNH2syyJ5yAwc8qU-Jgnfa0AMvpYUUDbN7slMcpKXhgX1oCKGgz/s1600/red+loader.gif</blockquote> <h4 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Border Loader</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVM6HE4UjYUVv2kvEdOWO68pwjF86QB40Blp5CeRWq8NH4O2uWY2uQfpROLL_KKVazpo7VyWQTo1Eov_GOpDT1itArHs5hcfPqVl8oVgkIxLWtCuVvespzsbJac8-um0m8HtTGMNlnQdz/s1600/border+loader.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVM6HE4UjYUVv2kvEdOWO68pwjF86QB40Blp5CeRWq8NH4O2uWY2uQfpROLL_KKVazpo7VyWQTo1Eov_GOpDT1itArHs5hcfPqVl8oVgkIxLWtCuVvespzsbJac8-um0m8HtTGMNlnQdz/s1600/border+loader.gif" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <blockquote class="tr_bq">  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVM6HE4UjYUVv2kvEdOWO68pwjF86QB40Blp5CeRWq8NH4O2uWY2uQfpROLL_KKVazpo7VyWQTo1Eov_GOpDT1itArHs5hcfPqVl8oVgkIxLWtCuVvespzsbJac8-um0m8HtTGMNlnQdz/s1600/border+loader.gif</blockquote> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <h3 style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 20px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;"> Final Words</h3> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> So friends this was the infinite scrolling effect which I've shared today. I hope you've liked it and also the loading images. If you're facing problem in implementing this in your blog then feel free to ask in the comments area. Stay in touch with us for more impressive content and please subscribe us to receive email updates. Take a lot of care of you and your family. <b>Happy Blogging!</b></div> </div> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> <b><br /></b></div> <div style="background-color: white; color: #555555; font-family: 'open sans'; font-size: 14px; line-height: 24px;"> <b><br /></b></div> </div>

How To Add Infinite Scrolling Effect In Blogger

How To Implement? Installing this plugin in your blog is really left hand work. It is already built so you don't need to develop the code. So just follow the below given tips to get it in your blog. …

Read more »

Add Css/Jquery fixed horizontal menu to blogger blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="background-color: white;"><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">This navigation bar gets semi-transparent when you scroll down the page and is slightly showing up by fading out and becoming almost transparent. When the user hovers over it, the menu becomes opaque again.</span><br style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><br style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Inside of the navigation there are some links, a search input and a top and bottom button that allows the user to navigate to the top or bottom of the page.</span></span><br /> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDE78bc-MuGSS4szH4QGRYLqqXYC8nAacg-_47KmOcDo5G9MpNnfpedLYehHFhHOPWzkVvFmYNrQHrujPQNIJ1bp8bfgyMNGiBFWPmQiAoUB12EzZrrLSp-_eB9CHt-usdGgevndxEdIfg/s1600/fixed+fade+out+menu+for+blogger.png" width="640" /></div> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span> <span style="background-color: white;"><span style="border: none; color: #333333; font-family: 'Istok Web', sans-serif; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Let's start adding <span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">it<span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;">...</span></span></b></span><br style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><br style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;" /><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">1. Go To </span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Blogger </b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">- </span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Template</b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> - </span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Edit HTML</b></span><br /> <b style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></b> <b style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></b> <br /> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: white;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxM6p4r24oeyaFqvobg3v1E3bRTVq6AsUKxxsrUMuj868PQwVrk96ptSajnWu0hoitJKZXD3lJKuFUHFJTqv9v52ePEnYpLorEgdkyS6Uo3Hlti0O8-G_ZgHF_74uR87AW62EKlkm-Nmsg/s1600/blogger-template-edit-html.png" width="400" /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> ....and select the "expand widget templated" box:</span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: white;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMn46VnDbIcyBqYGygdy1Gl0g99JK1RnrpXi6ddcbwG6tb99n-c8uQ15NzuPCujIuaARQV3w0DXJAiWefcLqJBgVoRxLwDK5U1AoKGOty6alO4u3W7H6PJfqOaIfZLK38FHaBOVdSIcAq5/s1600/blogger-expand-widget-templates.png" width="400" /></span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: white;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white;"><br /></span></div> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">2. Search (using CTRL + F) for this piece of code:</span></div> <blockquote class="tr_bq" style="clear: both; text-align: left;"> <span style="background-color: white; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> </head> </span></blockquote> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">3. Just above/before the </span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"></head></b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> tag, add this code:</span></span><br /> <blockquote class="tr_bq"> <span style="background-color: white;"> <span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> </span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><link rel="stylesheet" href="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]Fixed Fade Out Menu.css"/></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]jquery-1.3.2.js"></script></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> <script type="text/javascript"></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">            $(function() {</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                $(window).scroll(function(){</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    var scrollTop = $(window).scrollTop();</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    if(scrollTop != 0)</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        $('#nav').stop().animate({'opacity':'0.2'},400);</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    else    </span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        $('#nav').stop().animate({'opacity':'1'},400);</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                });</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                </span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                $('#nav').hover(</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    function (e) {</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        var scrollTop = $(window).scrollTop();</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        if(scrollTop != 0){</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                            $('#nav').stop().animate({'opacity':'1'},400);</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        }</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    },</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    function (e) {</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        var scrollTop = $(window).scrollTop();</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        if(scrollTop != 0){</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                            $('#nav').stop().animate({'opacity':'0.2'},400);</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                        }</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                    }</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">                );</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">            });</span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">        </script></span></span></blockquote> <div class="separator" style="clear: both; text-align: left;"> <span style="background-color: white;"><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">4) Now search for this tag</span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">:</b></span></div> <div class="separator" style="clear: both; text-align: left;"> <b style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></b></div> <blockquote class="tr_bq"> <span style="background-color: white;"><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> <body></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> </b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> </span></span></blockquote> <span style="background-color: white;"><br /></span> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">If you can't find it, search for this one:</span><br /> <blockquote class="tr_bq"> <span style="background-color: white;"><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> </span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><body expr:class='&quot;loading&quot; + data:blog.mobileClass'></span> </span></blockquote> <span style="background-color: white;"><br /></span> <span style="background-color: white; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">5) Just below/after this code, copy and paste the following code:</span><br /> <blockquote class="tr_bq"> <span style="background-color: white;"><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"> <div id="nav"></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><ul></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a class="top" href="#top"><span></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a class="bottom" href="#bottom"><span></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href=</span><b style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'<span style="border: none; color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">URL address</span></b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 1</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href='</span><b style="color: #0b5394; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">URL address</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 2</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href='</span><b style="color: #0b5394; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">URL address</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 3</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href='</span><b style="color: #0b5394; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">URL address</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 4</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href='</span><b style="color: #0b5394; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">URL address</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 5</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li><a href=</span><b style="color: #0b5394; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'URL address</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">'><span></span><b style="color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">Link 6</b><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></span></a></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><li class="search"></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><form method="get" action="/search"></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><input name="q" type="text" placeholder="Search..."/><input type="submit" value="" class="searchbutton"/></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">  </form></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></li></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></ul></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"></div> </span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div id="top"></div></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div class="desc"></div></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div id="bottom"></div></span><span style="color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><div class="scroll"></div></span> </span></blockquote> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Note: </b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Replace </span><b style="color: #0b5394; font-family: 'Istok Web', sans-serif; font-size: 14px;">URL address </b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">with the URL of your pages and </span><b style="color: #cc0000; font-family: 'Istok Web', sans-serif; font-size: 14px;">Link 1, 2, 3, 4, 5, 6</b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> with the name of the link that will appear in the menu. </span></span><span style="background-color: white;"><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">6) Now click on the </span><b style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Save Template</b><span style="color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> button and you're done ;)</span> </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span></div>

Add Css/Jquery fixed horizontal menu to blogger blog

This navigation bar gets semi-transparent when you scroll down the page and is slightly showing up by fading out and becoming almost transparent. When the user hovers over it, the menu becomes opaque…

Read more »