Stylis Email Subscription Widget To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><h3 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Add Stylist Email Subscription Widget To Blogger</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Even blogger provide the subscription widget for blogger but that was not as much appealing as a custom stylish email with social media integration. Custom email subscription widget provide email subscription service as well as social media service. Here are some subscription widgets, so choose according to the design of your blog and follow the steps given below.</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif; margin-left: 1em; margin-right: 1em;"><img alt="stylis-email-subscription-widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqtS3KhRL3AeXlvHksjeL10uf-zGC_IcWzhTkaxzJfoDOq8peJ6Ixp2fpKWXOhYI5AIdezjSXFPFbM8GQLPhKeuFB7oJa_wYwbjGKXxY44CQM5B3i0RFtTpnIx5AEnkK7AdYjT5uKeVVz/s400/email-subscription-widget-with-social-media-for-blogger+copy.jpg" title="Stylis Email Subscription Widget To Blogger" /></span></div><div style="text-align: left;"></div><h2 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Benefits Of Email Subscription Widget</span></h2><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Subscription widget creates and active community of readers for your blog. It help you to deliver your posts to your customers instantaneously via E-mail and help you to connect with your customers via social media. Subscription is also considered in the best ways to promote a website.</span></div><h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Installing Sidebar Subscription Box Widget to Blogger Template</span></h4><div style="text-align: justify;"></div><ul><li><span style="font-family: Arial, Helvetica, sans-serif;">Logged into your blogger account? </span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Now select your Blog>Go to Leyout Area of your blog. This time click on "                     Add a Gadget" link in the sidebar and add a HTML/JavaSript widget. </span></li></ul><br /><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="stylis-email-subscription-widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6qzcCBA1POnOCKGAOFE81FWcSTXTKjCUyRVjlGjf3h7Za5hrbN35fnHP7a7va4dv2vh_1dpGGC0ZjUCRJwb6YBVWTPmQXg2PATbh-04q7Dw5omXCQCGB1HaaDDFQSw0ksDlwvP3glrMhS/s640/SUB.jpg" title="Stylis Email Subscription Widget To Blogger" /></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div><div style="text-align: justify;"></div><ul><li><span style="font-family: Arial, Helvetica, sans-serif;">Now paste the whole CSS and HTML code given below after making required changes given just below the code in editing step.</span></li></ul><br /><blockquote class="tr_bq" style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><style type="text/css"></span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasignup-form {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA2pjJUefqvMJomZLMoZY1RDTbTcOzkXwebpKgKSZg_hrZCzH39mGVB5hvlX03lYbak0xFdzv48OsMdqADHGAHJ8Q90DG5eUJVdyJjQoF2UCscCTtzG3B0q7G74fBv5yjbKq0r7Y882LjD/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    height: 150px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    width: 250px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin: 10px auto 60px auto;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpaform-inner h4 {</span><span style="font-family: Arial, Helvetica, sans-serif;">    text-align: center;</span><span style="font-family: Arial, Helvetica, sans-serif;">    font-weight: 900;</span><span style="font-family: Arial, Helvetica, sans-serif;">    font-size: 15px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    color: rgb(255, 255, 255);</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding: 10px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpaemailform {</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin: 120px auto 5px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    width: 215px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">#gulpaemailbox {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: #FEFEFE none repeat scroll 0% 0%;</span><span style="font-family: Arial, Helvetica, sans-serif;">    border: medium none;</span><span style="font-family: Arial, Helvetica, sans-serif;">    font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif;</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin-right: 5px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding: 7px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">#gulpaemailbutton {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;</span><span style="font-family: Arial, Helvetica, sans-serif;">    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;</span><span style="font-family: Arial, Helvetica, sans-serif;">    border: medium none;</span><span style="font-family: Arial, Helvetica, sans-serif;">    color: #FFF;</span><span style="font-family: Arial, Helvetica, sans-serif;">    cursor: pointer;</span><span style="font-family: Arial, Helvetica, sans-serif;">    font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif;</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding: 6px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    border-radius: 5px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">#gulpaemailbutton:hover {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons {</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin: 20px 0 0;</span><span style="font-family: Arial, Helvetica, sans-serif;">    overflow: hidden;</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: block;</span><span style="font-family: Arial, Helvetica, sans-serif;">    text-align: center;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul {</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: inline-block;</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin: 0 auto !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">    text-align: center;</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding: 0px</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: transparent !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">    border: none !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">    float: left;</span><span style="font-family: Arial, Helvetica, sans-serif;">    list-style-type: none !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin: 0 4px 10px !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding: 0 !important;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li a, .gulpasocial-icons ul li a:hover {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO43zhtQBo9nGDqVxxOsg9qwu79nkdsqGR0cstHse8UziOcnBQlx8RBaoRn84-pBhHtC7nVkYair2FTY_ic0-uoN0P0baJzOudKYKjL4PdAsqduGXjzQenO_f34P-fbjOToe5hGiXpr8fH/s1600/sprite_32x32.png") no-repeat scroll 0 0;</span><span style="font-family: Arial, Helvetica, sans-serif;">    -moz-border-radius: 50%;</span><span style="font-family: Arial, Helvetica, sans-serif;">    -webkit-border-radius: 50%;</span><span style="font-family: Arial, Helvetica, sans-serif;">    border-radius: 50%;</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: block;</span><span style="font-family: Arial, Helvetica, sans-serif;">    height: 38px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    overflow: hidden;</span><span style="font-family: Arial, Helvetica, sans-serif;">    text-indent: -999px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    transition: all 0.25s linear 0s; width: 38px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li.social-facebook a {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #3b5998;</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-position: -60px 3px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li.social-twitter a {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #00aced;</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-position: -253px 3px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li.social-gplus a {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #dd4b39;</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-position: -93px 3px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li.social-pinterest a {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #cb2027;</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-position: -157px 3px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li.social-rss a {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #F87E12;</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-position: -189px 3px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-icons ul li a:hover {</span><span style="font-family: Arial, Helvetica, sans-serif;">    background-color: #333;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-like {</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: block;</span><span style="font-family: Arial, Helvetica, sans-serif;">    text-align: center;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpasocial-like tbody, .gulpasocial-like tbody tr {</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: block;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpafb-likes {</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: inline-block;</span><span style="font-family: Arial, Helvetica, sans-serif;">    padding-bottom: 15px;</span><span style="font-family: Arial, Helvetica, sans-serif;">    margin-right: 5px;</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;">.gulpatw-follow {</span><span style="font-family: Arial, Helvetica, sans-serif;">    display: inline</span><span style="font-family: Arial, Helvetica, sans-serif;">}</span><span style="font-family: Arial, Helvetica, sans-serif;"></style></span><span style="font-family: Arial, Helvetica, sans-serif;"><div></span><span style="font-family: Arial, Helvetica, sans-serif;"> <div class='gulpasignup-form'></span><span style="font-family: Arial, Helvetica, sans-serif;">  <div class='gulpaform-inner'></span><span style="font-family: Arial, Helvetica, sans-serif;">   <h4>Sign Up for Email Updates</h4></span><span style="font-family: Arial, Helvetica, sans-serif;">  </div></span><span style="font-family: Arial, Helvetica, sans-serif;">  <div class='gulpaemailform'></span><span style="font-family: Arial, Helvetica, sans-serif;">   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<span style="background-color: yellow;">GulpaTutorial</span>&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'></span><span style="font-family: Arial, Helvetica, sans-serif;">    <input name='uri' type='hidden' value='<span style="background-color: yellow;">GulpaTutorial</span>'/></span><span style="font-family: Arial, Helvetica, sans-serif;">    <input name='loc' type='hidden' value='en_US'/></span><span style="font-family: Arial, Helvetica, sans-serif;">    <input id='gulpaemailbox' name='email' required='' type='text' placeholder='Enter your email...'/></span><span style="font-family: Arial, Helvetica, sans-serif;">    <input id='gulpaemailbutton' title='' type='submit' value='Sign up'/></span><span style="font-family: Arial, Helvetica, sans-serif;">   </form></span><span style="font-family: Arial, Helvetica, sans-serif;">  </div></span><span style="font-family: Arial, Helvetica, sans-serif;"> </div></span><span style="font-family: Arial, Helvetica, sans-serif;"> <div class="gulpasocial-icons"></span><span style="font-family: Arial, Helvetica, sans-serif;">  <ul></span><span style="font-family: Arial, Helvetica, sans-serif;">   <li class="social-facebook"><a href="https://www.facebook.com/<span style="background-color: yellow;">Gulpa-Tutorial-1499947946979069</span>" target="_blank" title="Facebook">Facebook</a></li></span><span style="font-family: Arial, Helvetica, sans-serif;">   <li class="social-twitter"><a href="https://www.twitter.com/<span style="background-color: yellow;">Parvej4u2</span>" target="_blank" title="Twitter">Twitter</a></li></span><span style="font-family: Arial, Helvetica, sans-serif;">   <li class="social-gplus"><a href="https://plus.google.com/<span style="background-color: yellow;">u/0/114312941188673148368</span>" target="_blank" title="Google+">Google+</a></li></span><span style="font-family: Arial, Helvetica, sans-serif;">   <li class="social-pinterest"><a href="https://in.pinterest.com/<span style="background-color: yellow;">parvej4u2</span>" target="_blank" title="Pinterest">Pinterest</a></li></span><span style="font-family: Arial, Helvetica, sans-serif;">   <li class="social-rss"><a href="<span style="background-color: yellow;">[RSS url]</span>" target="_blank" title="RSS">RSS</a></li></span><span style="font-family: Arial, Helvetica, sans-serif;">  </ul></span><span style="font-family: Arial, Helvetica, sans-serif;"> </div></span><span style="font-family: Arial, Helvetica, sans-serif;"> <table class='gulpasocial-like'></span><span style="font-family: Arial, Helvetica, sans-serif;">  <tbody></span><span style="font-family: Arial, Helvetica, sans-serif;">   <tr></span><span style="font-family: Arial, Helvetica, sans-serif;">    <td class='gulpafb-likes'></span><span style="font-family: Arial, Helvetica, sans-serif;">     <div id="fb-root"></span><span style="font-family: Arial, Helvetica, sans-serif;">     </div></span><span style="font-family: Arial, Helvetica, sans-serif;">     <script>(function(d, s, id) {</span><span style="font-family: Arial, Helvetica, sans-serif;">  var js, fjs = d.getElementsByTagName(s)[0];</span><span style="font-family: Arial, Helvetica, sans-serif;">  if (d.getElementById(id)) return;</span><span style="font-family: Arial, Helvetica, sans-serif;">  js = d.createElement(s); js.id = id;</span><span style="font-family: Arial, Helvetica, sans-serif;">  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";</span><span style="font-family: Arial, Helvetica, sans-serif;">  fjs.parentNode.insertBefore(js, fjs);</span><span style="font-family: Arial, Helvetica, sans-serif;">}(document, 'script', 'facebook-jssdk'));</span><span style="font-family: Arial, Helvetica, sans-serif;">     </script></span><span style="font-family: Arial, Helvetica, sans-serif;">     <div class="fb-like" data-href="https://www.facebook.com/<span style="background-color: yellow;">Gulpa-Tutorial-1499947946979069</span>" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span><span style="font-family: Arial, Helvetica, sans-serif;">     </div></span><span style="font-family: Arial, Helvetica, sans-serif;">    </td></span><span style="font-family: Arial, Helvetica, sans-serif;">    <td class='gulpatw-follow'></span><span style="font-family: Arial, Helvetica, sans-serif;">     <a href="https://www.twitter.com/<span style="background-color: yellow;">Parvej4u2</span>" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true">Follow @Parvej4u2</a></span><span style="font-family: Arial, Helvetica, sans-serif;">     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</span><span style="font-family: Arial, Helvetica, sans-serif;">     </script></span><span style="font-family: Arial, Helvetica, sans-serif;">    </td></span><span style="font-family: Arial, Helvetica, sans-serif;">   </tr></span><span style="font-family: Arial, Helvetica, sans-serif;">  <tbody></span><span style="font-family: Arial, Helvetica, sans-serif;"> </table></span><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://gulpatutorial.blogspot.com/" style="font-size: 0px;">Get</a></span><span style="font-family: Arial, Helvetica, sans-serif;"></div></span></blockquote><div><h4 style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Configuration.</span></h4><div style="text-align: justify;"><ol><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [Your Blog uri] with Your blog Uri which is basically your Feed title. You can get it by visiting http://feedburner.google.com and then navigate to Publicize > Email Subscription and find your uri value in given box. For eg: http://feedburner.google.com/fb/a/mailverify?uri=</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">GulpaTutorial</span><span style="font-family: Arial, Helvetica, sans-serif;"> and <input name='uri' type='hidden' value='</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">GulpaTutorial</span><span style="font-family: Arial, Helvetica, sans-serif;">'/></span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [Fb url] with your facebook page url. For eg: https://www.facebook.com/</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">Gulpa-Tutorial-1499947946979069</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [Twitter url] with your twitter page url. For eg: http://www.twitter.com/</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">parvej4u2</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace  [Google+ url] with your google+ page or account url. For eg: https://plus.google.com/</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">u/0/114312941188673148368</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [RSS url] with your RSS url. For eg: http://feeds.feedburner.com/</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">GulpaTutorial</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [Pinterest url] with your pinterest url. For eg: https://in.pinterest.com/</span><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif;">parvej4u2</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">Replace [Twitter Username] with your twitter account username. For eg : @parvej4u2</span></li></ol></div><div style="text-align: justify;"><ul><li><span style="font-family: Arial, Helvetica, sans-serif;">Press Save.</span></li></ul></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Enjoy ! </span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Now visitors of your blog will be able to subscribe  your blog easy by using Subscription widget. For any issues related to above Subscription widgets Please Comment Below. More Subscription widgets will be added soon. Stay Updated.</span></div></div></div>

Stylis Email Subscription Widget To Blogger

Add Stylist Email Subscription Widget To Blogger Even blogger provide the subscription widget for blogger but that was not as much appealing...

Read More

Customize Blockquote Style in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Block</b> Quote of any <b>blog</b> or blog post content, usually by <b>Block Quotation</b> Highlight some text to be. This is actually a part of the <b>visitors</b> of the blog is to give a clear <b>idea</b>. Also, when any kind of blog, <b>HTML</b>, <b>CSS</b> and <b>JavaScript </b>code is <b>shared</b> in the <b>Block Quotation</b> is used to identify them easily.</span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdwi3439OXLsyaiD4vxJEXwnEuqYtCkX29saW5MWFeWPqYuCQLyUS7d5rP4JKQlBPsOWx-aD8EkWjKFukMfVlrDs-810Cy0yjufbI8dCDh6fJqeqAT8xS2MP_c8klE7H-iaOqA-JKYSKE/s1600/Customize+Blockquote+Style+in+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="customize-blockquote-style-in-blogger" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdwi3439OXLsyaiD4vxJEXwnEuqYtCkX29saW5MWFeWPqYuCQLyUS7d5rP4JKQlBPsOWx-aD8EkWjKFukMfVlrDs-810Cy0yjufbI8dCDh6fJqeqAT8xS2MP_c8klE7H-iaOqA-JKYSKE/s320/Customize+Blockquote+Style+in+Blogger.png" title="Customize Blockquote Style in Blogger" width="320" /></a></div><div style="text-align: center;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">To use the Block <b>Quotation</b> on all kinds of different styles can be seen. Today we will share with you 02 of the <b>Customize Blockquote</b> CSS Style. The two if you want to <b>customize</b> your heart can take it.</span><br /><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><h3>Customize Blockquote Style in Blogger</h3></div><div style="text-align: justify;"></div><ul style="font-family: arial, helvetica, sans-serif; text-align: left;"><li>First, login to your blog.</li><li>The Template> Edit Html click.</li><li>And from the keyboard by pressing <kbd>Ctrl</kbd>+<kbd>F</kbd> <span style="color: blue;">]]></b:skin></span> section of the search.</li><li>Now, following a style template of your choice <span style="color: blue;">]]></b:skin></span> tag above the paste.</li></ul><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"># Style: 1</span></div><div class="separator" style="clear: both; font-family: arial, helvetica, sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdgxvq2e69JdaigiC7OTU78DQyKqRXMabiT-wsj3Yr5gIKKt3epob8J_R7ITW6sKxx38pfJvOvCwNIefGckfQGchi5YooniXHr8DlejL7pTbAhYF1mCyVEXji0rMfS5IRX1gBXxmUy1oYi/s1600/blockquote2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="customize-blockquote-style-in-blogger" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdgxvq2e69JdaigiC7OTU78DQyKqRXMabiT-wsj3Yr5gIKKt3epob8J_R7ITW6sKxx38pfJvOvCwNIefGckfQGchi5YooniXHr8DlejL7pTbAhYF1mCyVEXji0rMfS5IRX1gBXxmUy1oYi/s640/blockquote2.png" title="Style: 1" width="640" /></a></div><div><blockquote class="tr_bq"><span style="font-family: arial, helvetica, sans-serif;">.post blockquote {</span><span style="font-family: arial, helvetica, sans-serif;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHboas3lOB_EpLLUPXV5XtZqCiXBorigVWYDlWl45VnEngzX4mo5PgiPA0HWkls9Rrr5b_SPJqsY4RwGO8zmPNfuVrxxGS8WSWWIqSYcWHAG8qTWfK3MZm6FNqzbhHjF-mXemBim_2vgw/s1600/blockquote1.png") repeat scroll center top blue;</span><span style="font-family: arial, helvetica, sans-serif;">    border-left:6px solid red;</span><span style="font-family: arial, helvetica, sans-serif;">    border-radius:6px;</span><span style="font-family: arial, helvetica, sans-serif;">    color:#000;</span><span style="font-family: arial, helvetica, sans-serif;">    font-size:11px;</span><span style="font-family: arial, helvetica, sans-serif;">    font-family: Georgia,"Times New Roman",Times,serif;</span><span style="font-family: arial, helvetica, sans-serif;">    font-style:italic;</span><span style="font-family: arial, helvetica, sans-serif;">    line-height:18px;</span><span style="font-family: arial, helvetica, sans-serif;">    margin:0px 0px 5px 0px;</span><span style="font-family: arial, helvetica, sans-serif;">    overflow:hidden;</span><span style="font-family: arial, helvetica, sans-serif;">    padding:10px 0px 10px 40px;</span><span style="font-family: arial, helvetica, sans-serif;"> }</span></blockquote><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"># Style: 2</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvgFd5O7fi7jaLUrR8xxzFTbw0xYFP4tSG7wsS_RnlvmMJpdUbfRajXZzIKTbUesZPoYN8mlwy94X35VMateUKD9oclFXwHKz4bIEZ2VJo3tWQavzw0GaHBpgMa6SVTgA0KR6DWX1TT-w/s1600/blockquote.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="customize-blockquote-style-in-blogger" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvgFd5O7fi7jaLUrR8xxzFTbw0xYFP4tSG7wsS_RnlvmMJpdUbfRajXZzIKTbUesZPoYN8mlwy94X35VMateUKD9oclFXwHKz4bIEZ2VJo3tWQavzw0GaHBpgMa6SVTgA0KR6DWX1TT-w/s640/blockquote.png" title="Style: 2" width="640" /></a></div><blockquote class="tr_bq" style="text-align: left;">.post blockquote {<br />    background-color: white;<br />    background-position:0% 0%;<br />    background-repeat:no-repeat repeat;<br />    border-radius:2px;<br />    border-color:black;<br />    border-right:2px dashed;<br />    border-left:2px dashed;<br />    border-bottom:2px dashed;<br />    border-top:2px dashed;<br />    color:#000; font-size:11px;<br />    font-family: Courier New, Georgia,"Times New Roman",Times,serif;<br />    font-style:italic; line-height:18px;<br />    margin:0px 0px 5px 0px;<br />    overflow:hidden;<br />    padding:10px 0px 10px 40px;<br /> } </blockquote></div><ul style="font-family: arial, helvetica, sans-serif; text-align: left;"><li>Finally, Click on <span style="color: blue;">Save Template</span> in the Save.</li></ul><div style="text-align: justify;"><h4><span style="color: red; font-family: "arial" , "helvetica" , sans-serif;">Customization:</span></h4></div><div style="text-align: justify;"></div><ul><li><span style="font-family: "arial" , "helvetica" , sans-serif;">At the top of the background image or background color can be changed.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: blue;">border-left: 6px solid #CACACA</span> Border Color and Border Width of the change.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">The color, font-size, font-family and font-style font style to be changed.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Also Margin, Padding, including the style and can add a lot.</span></li></ul></div>

Customize Blockquote Style in Blogger

Block Quote of any blog or blog post content, usually by Block Quotation Highlight some text to be. This is actually a part of the visito...

Read More

How to add Admin Ribbon in Blog Post Comment

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Author Comment by Mark s blog need to sign any different. For more than a lot of time to post a comment <b>Author</b> Comments Normally, when there is no way to recognize others. Moreover, this increase styling of your blog's Template. We will share with you in the Comments section of your blog as a <b>comment</b> will show marks on the right side corner of the Admin. As a result, anyone will be able to mark the admin post. The figure below to see a demo.</span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifsJxgkJxiMETE1brYWjrEu99xP-W4VjabFk6vXxeo8RsEnwFsvUVl0IEC69ikmHjyLzgfiOpM2BlroYxlGnhY5KxJ_Bq-AQhE71uEyDR4zCE0_QknYhOBFBGy4XTv6ok5qQJK-hbUA7U_/s1600/admin_ribbon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="how-to-add-admin-ribbon-in-blog-post-comment" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifsJxgkJxiMETE1brYWjrEu99xP-W4VjabFk6vXxeo8RsEnwFsvUVl0IEC69ikmHjyLzgfiOpM2BlroYxlGnhY5KxJ_Bq-AQhE71uEyDR4zCE0_QknYhOBFBGy4XTv6ok5qQJK-hbUA7U_/s640/admin_ribbon.jpg" title="Admin Ribbon in Blog Post Comment" width="640" /></a></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><br /><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">It will only show when you post will be Admin. You might think that, just as a comment on the blog and it will show Admin. In fact it is not. Author your blog more than one if any of the people when they post will show the post as Admin. In the case that your comment does not show up for the post of Admin. When you are a reader of the post. Therefore, it can be said that the show, when you post will be Admin.</span></div><br /><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span> <br /><h4 style="text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;">How to Add </span></h4><ul style="text-align: left;"><li><span style="font-family: "arial" , "helvetica" , sans-serif;">First, login to your blog.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">The Template> Edit Html click.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">And from the keyboard by pressing <kbd>Ctrl</kbd>+<kbd>F</kbd> <span style="color: blue;">]]></b:skin></span> section of the search.</span></li></ul><div><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div><blockquote class="tr_bq"><span style="font-family: "arial" , "helvetica" , sans-serif;">.comments .comments-content .icon.blog-author{    </span><span style="font-family: "arial" , "helvetica" , sans-serif;">position: absolute;    </span><span style="color: red; font-family: "arial" , "helvetica" , sans-serif;">top: 52px;    </span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: red;">right: -36px; </span>   </span><span style="font-family: "arial" , "helvetica" , sans-serif;">margin: 5px 0 0!important;    </span><span style="font-family: "arial" , "helvetica" , sans-serif;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjeFgfX-cg-Hfd2r3w_jnLK1Grvj3q5rYVogiP3Q33D4Xo_0C6Xf6kdgfKTS36tu-0Hwa4k2VXmNR9izuracIYg7blGEoEtpNdRdfVrRGE7f2-ZQEW1CTl5YC7vNZizgocqe8316itIjY/s1600/Admin.png) no-repeat scroll 0 0 transparent;    </span><span style="color: magenta; font-family: "arial" , "helvetica" , sans-serif;">width: 90px!important;    </span><span style="color: magenta; font-family: "arial" , "helvetica" , sans-serif;">height: 90px!important;}</span></blockquote></div><div><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><ul style="text-align: left;"><li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;">Finally, click on Save Template to work.</span></li></ul><br /><h3 style="text-align: left;"><span style="background-color: white; line-height: 18px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="color: #222222; font-family: arial, sans-serif; font-size: 16px; line-height: 19.84px;">Customization</b></span></span></h3><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;"></span><br /><ul style="text-align: left;"><span style="background-color: white; line-height: 18px;"><span style="font-family: Arial, Helvetica, sans-serif;"></span><li><span style="font-family: Arial, Helvetica, sans-serif;">According to the size of the size marked in red at the top of my blog. So it may not match with your blog. This template there are different sizes. Adjust it will take for you to find.</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: transparent;">Ribbon T to move up and down the </span><span style="background-color: transparent; color: red;">top: 52px</span><span style="background-color: transparent;"> use part.</span></span></li><li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: transparent;">Ribbon for the right-left move </span><span style="background-color: transparent; color: red;">right: -36px</span><span style="background-color: transparent;"> use part.</span></span></li><li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: transparent;">If you want to change the </span><span style="background-color: transparent; color: magenta;">Height</span><span style="background-color: transparent;"> and </span><span style="background-color: transparent; color: magenta;">Width</span><span style="background-color: transparent;"> to use part of the Pink color.</span></span></li></span></ul><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;"></span><br /><ol style="text-align: left;"></ol></div>

How to add Admin Ribbon in Blog Post Comment

Author Comment by Mark s blog need to sign any different. For more than a lot of time to post a comment Author Comments Normally, when ther...

Read More

How to add Facebook and Blogger Multi Comment Box

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">In the last post I showed how a simple way to add to your blog, <a href="http://www.gulpatech.com/2016/04/add-facebook-comment-box-your-blog.html">Facebook Comment Box</a>. Today I will share with you how Facebook and Blogger blog with Multi Tab through the system to use the comment box. As a result of their choice according to your visitors that you can express their opinions by using the Comments box. Normally, however, the comment box can be used together, but there are some problems. Normally, because of the comment box if you add the two together to show comment box. The multi-tab system to be used will result in a tab all the time Implied. For example, when using Facebook comment box will implied comment box Blogger, Blogger and Facebook comment box while using the comment box will be implied. Nor is there a system to count the comment tab. As a result, anyone can easily understand how many comments your post has been any tab.</span></div><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjAoionWbSSL8rpPnhUa-EcUmV_6X8MnmElirGWTEbsZPHondzPnnLjjyuzZJzDPfVRjUcP3pfnKQv5CPa4orYwhdhyphenhyphenNoL3Faf3OJcUiYEa5LNqN5DMOLh5tUQiiTA95BpYYoQRZ3Ba6Be/s1600/Blogger+Multi+Comment+System.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to add Facebook and Blogger Multi Comment System" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjAoionWbSSL8rpPnhUa-EcUmV_6X8MnmElirGWTEbsZPHondzPnnLjjyuzZJzDPfVRjUcP3pfnKQv5CPa4orYwhdhyphenhyphenNoL3Faf3OJcUiYEa5LNqN5DMOLh5tUQiiTA95BpYYoQRZ3Ba6Be/s400/Blogger+Multi+Comment+System.jpg" title="How to add Facebook and Blogger Multi Comment System" width="400" /></a></div><div style="text-align: center;"><br /></div><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span> <br /><h4 style="text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;">How to add Comment Box</span></h4><br /><ul style="text-align: left;"><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Facebook account to log in first to create a Facebook App ID. Facebook App ID if you do not, you can create from the <a href="https://developers.facebook.com/apps">Facebook App ID</a>.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Then log in to your Blogger account.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">The Template> Edit Html click.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">And from the keyboard by pressing <kbd>Ctrl</kbd>+<kbd>F</kbd> (Windows) or <kbd>CMD</kbd>+<kbd>F</kbd> (Mac) <span style="color: blue;"></head></span> section of the search.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now, the following codes <span style="color: blue;"></head></span> tags above the paste.</span></li></ul><blockquote class="tr_bq"><span style="font-family: "courier new" , "courier" , monospace;"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/></span><span style="font-family: "courier new" , "courier" , monospace;"><script src='http://code.jquery.com/jquery-latest.js'/></span><span style="font-family: "courier new" , "courier" , monospace;"><meta content='<span style="color: red;">Your_Facebook_App_ID</span>' property='fb:app_id'/></span><span style="font-family: "courier new" , "courier" , monospace;"><script type='text/javascript'></span><span style="font-family: "courier new" , "courier" , monospace;">//<![CDATA[</span><span style="font-family: "courier new" , "courier" , monospace;">function commentToggle(selectTab) {</span><span style="font-family: "courier new" , "courier" , monospace;"> $(".comments-tab").addClass("inactive-select-tab");</span><span style="font-family: "courier new" , "courier" , monospace;"> $(selectTab).removeClass("inactive-select-tab");</span><span style="font-family: "courier new" , "courier" , monospace;"> $(".comments-page").hide();</span><span style="font-family: "courier new" , "courier" , monospace;"> $(selectTab + "-page").show();</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">//]]></span><span style="font-family: "courier new" , "courier" , monospace;"></script></span></blockquote><div style="text-align: left;"></div><div style="text-align: justify;"><ul><li><span style="color: red; font-family: "arial" , "helvetica" , sans-serif;">Red</span><span style="font-family: "arial" , "helvetica" , sans-serif;"> mark at the top of your Facebook App ID putting.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now, back to the keyboard by pressing </span><kbd>Ctrl</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;">+</span><kbd>F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;"> (Windows) or </span><kbd>CMD</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;">+</span><kbd>F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;"> (Mac) </span><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;">]]></ b:skin></span><span style="font-family: "arial" , "helvetica" , sans-serif;">tag </span><span style="font-family: "arial" , "helvetica" , sans-serif;">and the search for codes </span><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;">]]></ b:skin></span><span style="font-family: "arial" , "helvetica" , sans-serif;"> tags, paste it at the top.</span></li></ul></div><br /><blockquote class="tr_bq"><span style="font-family: "courier new" , "courier" , monospace;">.comments-page{background-color:#FFF;border:1px dotted #93DAF8;border-radius:10px;margin-top:5px}</span><span style="font-family: "courier new" , "courier" , monospace;">#blogger-comments-page{padding:0 5px;display:none}</span><span style="font-family: "courier new" , "courier" , monospace;">.comments-tab{float:left;padding:5px;margin-right:3px;cursor:pointer;background-color:#b5e5fa;border-radius:2px}</span><span style="font-family: "courier new" , "courier" , monospace;">.comments-tab-icon{height:14px;width:auto;margin-right:3px}</span><span style="font-family: "courier new" , "courier" , monospace;">.comments-tab:hover{background-color:#eeeeee}</span><span style="font-family: "courier new" , "courier" , monospace;">.inactive-select-tab{background-color:#d1d1d1}</span></blockquote><div style="text-align: justify;"></div><ul><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now, again to the keyboard by pressing </span><kbd>Ctrl</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;">+</span><kbd>F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;"> (Windows) or </span><kbd>CMD</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;">+</span><kbd>F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif;"> (Mac) </span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;"></span><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;"><b:include data='post' name='post'/></span><span style="font-family: "arial" , "helvetica" , sans-serif;"> tag reads and paste the following codes under this tag.</span></li></ul><br /><blockquote class="tr_bq"><span style="font-family: "courier new" , "courier" , monospace;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><span style="font-family: "courier new" , "courier" , monospace;">  <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'></span><span style="font-family: "courier new" , "courier" , monospace;">   <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC3G9MAyjP1groUl9HVNf0MHgPEaYNyNE11Y3auqj3d9f6BI7mdZ8ZLQzB5JwEizGoZ8UlN89n7I26nKoM96vfluYqwcYhedywcLp7u1ffODPjEqHfNFeemyBUCzj9EXQDGnY0abEUF_ay/s1600/FB.png'/></span><span style="font-family: "courier new" , "courier" , monospace;">    <fb:comments-count expr:href='data:post.url'/> Comments</span><span style="font-family: "courier new" , "courier" , monospace;">  </div></span><span style="font-family: "courier new" , "courier" , monospace;"> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'></span><span style="font-family: "courier new" , "courier" , monospace;">  <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</span><span style="font-family: "courier new" , "courier" , monospace;"> </div></b:if><div class='clear'/></div></span><span style="font-family: "courier new" , "courier" , monospace;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><span style="font-family: "courier new" , "courier" , monospace;">  <div class='comments-page' id='fb-comments-page'></span><span style="font-family: "courier new" , "courier" , monospace;">   <div id='fb-root'/></span><span style="font-family: "courier new" , "courier" , monospace;">    <fb:comments expr:href='data:post.url' num_posts='10' width='100%'/></span><span style="font-family: "courier new" , "courier" , monospace;">  </div></span><span style="font-family: "courier new" , "courier" , monospace;"></b:if></span><span style="font-family: "courier new" , "courier" , monospace;"><div class='comments comments-page' id='blogger-comments-page'></span></blockquote><br /><ul style="text-align: left;"><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Now, Save Template</span></li></ul><br /><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span> <br /><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Blogger blog and the Facebook comment system together is the easiest way to share with you. No part of the problem, or if you have difficulty understanding someone who may comment. I'll try my best to solve your problems.</span></div><br /></div>

How to add Facebook and Blogger Multi Comment Box

In the last post I showed how a simple way to add to your blog, Facebook Comment Box . Today I will share with you how Facebook and Blogger ...

Read More

Breaking News Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 28.125px;"><b>Breaking News widget</b> is very useful to the News Blogs and even </span>Niche blogs<span style="background-color: white; color: #333333; line-height: 28.125px;">, because new users who are visited to the site from the </span><a href="https://www.google.co.in/" style="background-color: white; color: #ed702b; line-height: 28.125px; text-decoration: none;" target="_blank">Google</a><span style="background-color: white; color: #333333; line-height: 28.125px;"> may only see the information what they need and they will not return to the home page for more information. So at that time this <b>breaking news widget</b> will be very useful to the users. It will show the total post titles which you written in your blog. So follow according to the below process.</span></span></div><div style="text-align: justify;"><span style="background-color: white; color: #333333; line-height: 28.125px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi3mJ2SGXqJGwnghWquY17K2B188advrdIgdO9P_niGkuCSlYs4upp926FZHWsRVOSvcjE27YmBRhVEEu3DeI6KeQTJ1GRX8kD2yG9YCEBWY-E9a1pms763SaxN2-nO974p9xUKX46dr2X/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Breaking News Widget for Blogger " border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi3mJ2SGXqJGwnghWquY17K2B188advrdIgdO9P_niGkuCSlYs4upp926FZHWsRVOSvcjE27YmBRhVEEu3DeI6KeQTJ1GRX8kD2yG9YCEBWY-E9a1pms763SaxN2-nO974p9xUKX46dr2X/s640/Untitled.png" title="Breaking News Widget for Blogger " width="640" /></a></div><div style="text-align: center;"><span style="background-color: white; color: #333333; line-height: 28.125px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div></div><div style="text-align: justify;"><h3><b style="background-color: white; line-height: 18px; text-align: center;"><span style="font-family: "arial" , "helvetica" , sans-serif;">How to Add New "Breaking News Widget for Blogger "</span></b></h3></div><div style="text-align: left;"><ul style="text-align: left;"><li><span style="font-family: arial, helvetica, sans-serif; line-height: 18px;">Log in to your Blogger Account and Go to your Blogger Dashboard</span></li><li><span style="font-family: arial, helvetica, sans-serif; line-height: 18px;">Click on Now  -> Template -> Edit HTML</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;">Now find the <span style="color: blue;"></head></span> By pressing </span><kbd style="line-height: 18px;">Ctrl</kbd><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;">+</span><kbd style="line-height: 18px;">F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;"> (Windows) or </span><kbd style="line-height: 18px;">CMD</kbd><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;">+</span><kbd style="line-height: 18px;">F</kbd><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 18px;"> (Mac)</span></li><li><span style="font-family: arial, helvetica, sans-serif; line-height: 18px;">Copy this Code from below and Paste it above/before </span><span style="color: blue; font-family: arial, helvetica, sans-serif; line-height: 18px;"><b></head></b></span></li></ul></div><div class="separator" style="background-color: white; border: 0px; clear: both; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"></div><div style="line-height: 25px;"><blockquote class="tr_bq"><span style="line-height: 25px;"><!-- Breaking News https://www.gulpatech.com--></span><span style="line-height: 25px;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><span style="line-height: 25px;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><span style="line-height: 25px;"><style type='text/css'></span><span style="line-height: 25px;">#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}</span><span style="line-height: 25px;">#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}</span><span style="line-height: 25px;">#recentpostbreaking{float:left}</span><span style="line-height: 25px;">#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}</span><span style="line-height: 25px;"></style></span><span style="line-height: 25px;">  </b:if></b:if></span><span style="line-height: 25px;"><!-- Breaking News https://www.gulpatech.com--></span></blockquote><ul style="line-height: 25px; text-align: left;"><li><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;">Search for </span><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;"><b><i></body></i></b></span></li><li><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;">Copy and Paste the below code before </span><span style="color: blue; font-family: "arial" , "helvetica" , sans-serif;"><b><i></body></i></b></span></li></ul></div><div class="separator" style="background-color: white; border: 0px; clear: both; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"></div><div class="MsoNormal" style="border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><blockquote class="tr_bq"><span style="font-family: open sans;"><span style="font-size: 14px;"><!-- Breaking News https://www.gulpatech.com--></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"><script type='text/javascript'></span></span><span style="font-family: open sans;"><span style="font-size: 14px;">//<![CDATA[</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">$(document).ready(function () {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">var url_blog = '<span style="background-color: yellow; color: red;">YOUR URL HERE</span>', //replace with your Domain</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    numpostx  = 10; //Posts want to display</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">$.ajax({</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    type: 'get',</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    dataType: "jsonp",</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    success: function(data) {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        var posturl, posttitle, skeleton = '',</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            entry = data.feed.entry;</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        if (entry !== undefined) {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            skeleton = "<ul>";</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        for (var i = 0; i < entry.length; i++) {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                for (var j=0; j < entry[i].link.length; j++)</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                     if (entry[i].link[j].rel == "alternate")</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                        {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                            posturl = entry[i].link[j].href;</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                            break;</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                         }</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">                }                posttitle = entry[i].title.$t;</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        }</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            skeleton += '</ul>';</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            $('#recentpostbreaking').html(skeleton);</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            // kode untuk efek pada breaking news</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            function tick(){</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            }</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        setInterval(function(){ tick () }, 5000);</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        } else {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            $('#recentpostbreaking').html('<span>No result!</span>');</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">        }</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    },</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">    error: function() {</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">            $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">       }</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">});</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">});</span></span><span style="font-family: open sans;"><span style="font-size: 14px;">//]]></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"></script></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"><br /></span></span><span style="font-family: open sans;"><span style="font-size: 14px;">  </b:if></b:if></span></span><span style="font-family: open sans;"><span style="font-size: 14px;"><!-- Breaking News https://www.gulpatech.com--></span></span></blockquote></div></div></div><div style="text-align: left;"><div style="text-align: center;"><span style="border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"></span></span>Customization: Replace "<span style="background-color: yellow; color: red;">Your Url Here</span>" with your blog URL.</div><br /><div style="color: #333333; line-height: 25px; text-align: left;"><span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Now go to.....</span></span></div><div style="line-height: 25px; text-align: left;"><ul style="text-align: left;"><li><span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="font-style: inherit; font-variant: inherit;"><i>>>Layout..</i></b></span></span></li><span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><li><b style="font-style: inherit; font-variant: inherit;"><i>>>Add a Gadget</i></b></li><li><b style="font-style: inherit; font-variant: inherit;"><i>>>HTML/JavaScript </i></b></li><li><span style="font-style: inherit; font-variant: inherit; font-weight: inherit;">Paste the below code in the Gadget.</span></li></span></span></ul></div></div><div><div class="separator" style="border: 0px; clear: both; font-stretch: inherit; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: open sans; font-stretch: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"></span></div><blockquote class="tr_bq" style="border: 0px; clear: both; font-stretch: inherit; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: open sans;"><br /></span><span style="font-family: open sans;"><!-- Breaking News https://www.gulpatech.com--></span><span style="font-family: open sans;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span><span style="font-family: open sans;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span><span style="font-family: open sans;"><div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News--></span><span style="font-family: open sans;"><div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan--></span><span style="font-family: open sans;"></div><!-- tag penutup tempat Breaking News--></span><span style="font-family: open sans;">  </b:if></b:if></span><span style="font-family: open sans;"><div style='clear: both;'/></span><span style="font-family: open sans;"><!-- Breaking News https://www.gulpatech.com--></span></blockquote><div class="separator" style="border: 0px; clear: both; font-stretch: inherit; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: open sans;"></span></div><div class="separator" style="border: 0px; clear: both; font-stretch: inherit; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: open sans;"><br /></span></div><div class="separator" style="border: 0px; clear: both; font-stretch: inherit; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="font-family: open sans;"><br /></span></div><div class="separator" style="border: 0px; clear: both; font-family: 'open sans'; font-size: inherit; font-stretch: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 21px; text-align: left;">I hope you do not understand any problem in any kind of comment, I know there is a problem, then I will try to help.</span></span></div></div></div>

Breaking News Widget for Blogger

Breaking News widget is very useful to the News Blogs and even  Niche blogs , because new users who are visited to the site from the  Googl...

Read More

ANIMATED CSS CLOUD EFFECT FOR BLOGGER BLOG

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="tr_bq" style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Blog css cloud effect there. Blogger template background effect blog it running cloud effect (moving clouds) shows the image. The widget can be placed easily on the blog is. .. For this you first see this live demo...</span></div><div class="tr_bq" style="text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div><div class="tr_bq" style="text-align: center;"><img alt="ANIMATED CSS CLOUD EFFECT FOR BLOGGER BLOG" src="https://tse4.mm.bing.net/th?id=OIP.Me558c6e35e8d620a66dbc615e0c847b7o0&pid=15.1" title="CLOUD" /></div><div class="tr_bq" style="text-align: center;"><br /></div><div class="tr_bq" style="text-align: center;"><a class="BloggerSpicebutton big orange" href="http://demo098989.blogspot.in/" rel="nofollow" target="_blank">Live Demo</a><br /><br /></div></div><br /><br /><ol style="text-align: left;"><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Please login to Blogger Dashboard.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;">Template> Edit HTML, go to.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;"><kbd>Ctrl</kbd>+<kbd>F</kbd> </head> tag search.</span></li><li><span style="font-family: "arial" , "helvetica" , sans-serif;"></head> tag, above the previous HTML copy and paste the code. </span></li></ol><br /><blockquote><span style="font-family: "courier new" , "courier" , monospace;"><style type='text/css'></span><span style="font-family: "courier new" , "courier" , monospace;">#fecha {</span><span style="font-family: "courier new" , "courier" , monospace;">height:49px;</span><span style="font-family: "courier new" , "courier" , monospace;">width:48px;</span><span style="font-family: "courier new" , "courier" , monospace;">color: #859bef; </span><span style="font-family: "courier new" , "courier" , monospace;">padding: 10px 0px 0px 0px; </span><span style="font-family: "courier new" , "courier" , monospace;">margin-right:15px; </span><span style="font-family: "courier new" , "courier" , monospace;">margin-top:8px;</span><span style="font-family: "courier new" , "courier" , monospace;">float:left;</span><span style="font-family: "courier new" , "courier" , monospace;">text-align:center;</span><span style="font-family: "courier new" , "courier" , monospace;">list-style:none;</span><span style="font-family: "courier new" , "courier" , monospace;">display: block;</span><span style="font-family: "courier new" , "courier" , monospace;">background: urlundefined'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUvAlTDARWjv7HWya6qsI_s9ICe0KxG1MJSaVg8x_PmLRwD22n6pKbA9nVysuvVrBVaOcJp8G9SZhXh2_y0EnMUbfhoxOvWzCFz5c6TX1-btA7fdy9B9t8JQ_AJaaMt22XPod-cbkOf06p/s1600/data.png') no-repeat;</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">.fecha_dia {</span><span style="font-family: "courier new" , "courier" , monospace;">display:block;</span><span style="font-family: "courier new" , "courier" , monospace;">font-size:22px; </span><span style="font-family: "courier new" , "courier" , monospace;">font-weight:bold;</span><span style="font-family: "courier new" , "courier" , monospace;">line-height:16px; </span><span style="font-family: "courier new" , "courier" , monospace;">letter-spacing:-1px</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">.fecha_mes {</span><span style="font-family: "courier new" , "courier" , monospace;">font-size:14px; </span><span style="font-family: "courier new" , "courier" , monospace;">line-height:10px; </span><span style="font-family: "courier new" , "courier" , monospace;">padding-top:3px;</span><span style="font-family: "courier new" , "courier" , monospace;">font-weight:bold;</span><span style="font-family: "courier new" , "courier" , monospace;">text-transform:uppercase;</span><span style="font-family: "courier new" , "courier" , monospace;">display:block;</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">.fecha_anio {</span><span style="font-family: "courier new" , "courier" , monospace;">font-size:10px; </span><span style="font-family: "courier new" , "courier" , monospace;">line-height:8px; </span><span style="font-family: "courier new" , "courier" , monospace;">display:none;</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">#wrapper{ margin:0px auto; width:100%; } </span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">#content{ position:relative; width:100%; height:100%; }</span><span style="font-family: "courier new" , "courier" , monospace;">#sun{ position:absolute; top:-28px; left:610px; z-index:-8; } </span><span style="font-family: "courier new" , "courier" , monospace;">#cloud1{ position:absolute; top:10px; left: 0px; z-index:-5; } </span><span style="font-family: "courier new" , "courier" , monospace;">#cloud2{ position:absolute; top:200px; left: 0px; z-index:-5; } </span><span style="font-family: "courier new" , "courier" , monospace;">#cloud3{ position:absolute; top:320px; left: 0px; z-index:-5; }</span><span style="font-family: "courier new" , "courier" , monospace;">#cloud4{ position:absolute; top:60px; left: 0px; z-index:-5; } </span><span style="font-family: "courier new" , "courier" , monospace;"></style></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><script></span><span style="font-family: "courier new" , "courier" , monospace;">function remplaza_fecha(d){</span><span style="font-family: "courier new" , "courier" , monospace;">var da = d.split(' ');</span><span style="font-family: "courier new" , "courier" , monospace;">dia = "</span><span style="font-family: "courier new" , "courier" , monospace;">"+da[0]+"</span><span style="font-family: "courier new" , "courier" , monospace;">";</span><span style="font-family: "courier new" , "courier" , monospace;">mes = "</span><span style="font-family: "courier new" , "courier" , monospace;">"+da[1].slice(0,3)+"</span><span style="font-family: "courier new" , "courier" , monospace;">";</span><span style="font-family: "courier new" , "courier" , monospace;">anio = "</span><span style="font-family: "courier new" , "courier" , monospace;">"+da[2]+"</span><span style="font-family: "courier new" , "courier" , monospace;">";</span><span style="font-family: "courier new" , "courier" , monospace;">document.write(dia+mes+anio);</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;"></script></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/> </span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><script type='text/javascript'></span><span style="font-family: "courier new" , "courier" , monospace;">//<![CDATA[</span><span style="font-family: "courier new" , "courier" , monospace;">/*</span><span style="font-family: "courier new" , "courier" , monospace;">* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/</span><span style="font-family: "courier new" , "courier" , monospace;">*</span><span style="font-family: "courier new" , "courier" , monospace;">* Uses the built in easing capabilities added In jQuery 1.1</span><span style="font-family: "courier new" , "courier" , monospace;">* to offer multiple easing options</span><span style="font-family: "courier new" , "courier" , monospace;">*</span><span style="font-family: "courier new" , "courier" , monospace;">* TERMS OF USE - jQuery Easing</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Open source under the BSD License. </span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Copyright © 2008 George McGinley Smith</span><span style="font-family: "courier new" , "courier" , monospace;">* All rights reserved.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Redistribution and use in source and binary forms, with or without modification, </span><span style="font-family: "courier new" , "courier" , monospace;">* are permitted provided that the following conditions are met:</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Redistributions of source code must retain the above copyright notice, this list of </span><span style="font-family: "courier new" , "courier" , monospace;">* conditions and the following disclaimer.</span><span style="font-family: "courier new" , "courier" , monospace;">* Redistributions in binary form must reproduce the above copyright notice, this list </span><span style="font-family: "courier new" , "courier" , monospace;">* of conditions and the following disclaimer in the documentation and/or other materials </span><span style="font-family: "courier new" , "courier" , monospace;">* provided with the distribution.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Neither the name of the author nor the names of contributors may be used to endorse </span><span style="font-family: "courier new" , "courier" , monospace;">* or promote products derived from this software without specific prior written permission.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY </span><span style="font-family: "courier new" , "courier" , monospace;">* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF</span><span style="font-family: "courier new" , "courier" , monospace;">* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE</span><span style="font-family: "courier new" , "courier" , monospace;">* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,</span><span style="font-family: "courier new" , "courier" , monospace;">* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE</span><span style="font-family: "courier new" , "courier" , monospace;">* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED </span><span style="font-family: "courier new" , "courier" , monospace;">* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING</span><span style="font-family: "courier new" , "courier" , monospace;">* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED </span><span style="font-family: "courier new" , "courier" , monospace;">* OF THE POSSIBILITY OF SUCH DAMAGE. </span><span style="font-family: "courier new" , "courier" , monospace;">*</span><span style="font-family: "courier new" , "courier" , monospace;">*/</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">// t: current time, b: begInnIng value, c: change In value, d: duration</span><span style="font-family: "courier new" , "courier" , monospace;">jQuery.easing['jswing'] = jQuery.easing['swing'];</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">jQuery.extend( jQuery.easing,</span><span style="font-family: "courier new" , "courier" , monospace;">{</span><span style="font-family: "courier new" , "courier" , monospace;">def: 'easeOutQuad',</span><span style="font-family: "courier new" , "courier" , monospace;">swing: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">//alert(jQuery.easing.default);</span><span style="font-family: "courier new" , "courier" , monospace;">return jQuery.easing[jQuery.easing.def](x, t, b, c, d);</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInQuad: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(t/=d)*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutQuad: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return -c *(t/=d)*(t-2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutQuad: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return -c/2 * ((--t)*(t-2) - 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInCubic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(t/=d)*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutCubic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*((t=t/d-1)*t*t + 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutCubic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2*t*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return c/2*((t-=2)*t*t + 2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInQuart: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(t/=d)*t*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutQuart: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return -c * ((t=t/d-1)*t*t*t - 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutQuart: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2*t*t*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return -c/2 * ((t-=2)*t*t*t - 2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInQuint: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(t/=d)*t*t*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutQuint: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*((t=t/d-1)*t*t*t*t + 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutQuint: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return c/2*((t-=2)*t*t*t*t + 2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInSine: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return -c * Math.cos(t/d * (Math.PI/2)) + c + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutSine: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c * Math.sin(t/d * (Math.PI/2)) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutSine: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInExpo: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutExpo: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutExpo: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if (t==0) return b;</span><span style="font-family: "courier new" , "courier" , monospace;">if (t==d) return b+c;</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInCirc: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutCirc: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c * Math.sqrt(1 - (t=t/d-1)*t) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutCirc: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInElastic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">var s=1.70158;var p=0;var a=c;</span><span style="font-family: "courier new" , "courier" , monospace;">if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;</span><span style="font-family: "courier new" , "courier" , monospace;">if (a < Math.abs(c)) { a=c; var s=p/4; }</span><span style="font-family: "courier new" , "courier" , monospace;">else var s = p/(2*Math.PI) * Math.asin (c/a);</span><span style="font-family: "courier new" , "courier" , monospace;">return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutElastic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">var s=1.70158;var p=0;var a=c;</span><span style="font-family: "courier new" , "courier" , monospace;">if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;</span><span style="font-family: "courier new" , "courier" , monospace;">if (a < Math.abs(c)) { a=c; var s=p/4; }</span><span style="font-family: "courier new" , "courier" , monospace;">else var s = p/(2*Math.PI) * Math.asin (c/a);</span><span style="font-family: "courier new" , "courier" , monospace;">return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutElastic: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">var s=1.70158;var p=0;var a=c;</span><span style="font-family: "courier new" , "courier" , monospace;">if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);</span><span style="font-family: "courier new" , "courier" , monospace;">if (a < Math.abs(c)) { a=c; var s=p/4; }</span><span style="font-family: "courier new" , "courier" , monospace;">else var s = p/(2*Math.PI) * Math.asin (c/a);</span><span style="font-family: "courier new" , "courier" , monospace;">if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInBack: function (x, t, b, c, d, s) {</span><span style="font-family: "courier new" , "courier" , monospace;">if (s == undefined) s = 1.70158;</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(t/=d)*t*((s+1)*t - s) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutBack: function (x, t, b, c, d, s) {</span><span style="font-family: "courier new" , "courier" , monospace;">if (s == undefined) s = 1.70158;</span><span style="font-family: "courier new" , "courier" , monospace;">return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutBack: function (x, t, b, c, d, s) {</span><span style="font-family: "courier new" , "courier" , monospace;">if (s == undefined) s = 1.70158; </span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInBounce: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeOutBounce: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if ((t/=d) < (1/2.75)) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(7.5625*t*t) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">} else if (t < (2/2.75)) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">} else if (t < (2.5/2.75)) {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">} else {</span><span style="font-family: "courier new" , "courier" , monospace;">return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">},</span><span style="font-family: "courier new" , "courier" , monospace;">easeInOutBounce: function (x, t, b, c, d) {</span><span style="font-family: "courier new" , "courier" , monospace;">if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;</span><span style="font-family: "courier new" , "courier" , monospace;">return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">});</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">/*</span><span style="font-family: "courier new" , "courier" , monospace;">*</span><span style="font-family: "courier new" , "courier" , monospace;">* TERMS OF USE - EASING EQUATIONS</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Open source under the BSD License. </span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Copyright © 2001 Robert Penner</span><span style="font-family: "courier new" , "courier" , monospace;">* All rights reserved.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Redistribution and use in source and binary forms, with or without modification, </span><span style="font-family: "courier new" , "courier" , monospace;">* are permitted provided that the following conditions are met:</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Redistributions of source code must retain the above copyright notice, this list of </span><span style="font-family: "courier new" , "courier" , monospace;">* conditions and the following disclaimer.</span><span style="font-family: "courier new" , "courier" , monospace;">* Redistributions in binary form must reproduce the above copyright notice, this list </span><span style="font-family: "courier new" , "courier" , monospace;">* of conditions and the following disclaimer in the documentation and/or other materials </span><span style="font-family: "courier new" , "courier" , monospace;">* provided with the distribution.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* Neither the name of the author nor the names of contributors may be used to endorse </span><span style="font-family: "courier new" , "courier" , monospace;">* or promote products derived from this software without specific prior written permission.</span><span style="font-family: "courier new" , "courier" , monospace;">* </span><span style="font-family: "courier new" , "courier" , monospace;">* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY </span><span style="font-family: "courier new" , "courier" , monospace;">* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF</span><span style="font-family: "courier new" , "courier" , monospace;">* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE</span><span style="font-family: "courier new" , "courier" , monospace;">* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,</span><span style="font-family: "courier new" , "courier" , monospace;">* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE</span><span style="font-family: "courier new" , "courier" , monospace;">* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED </span><span style="font-family: "courier new" , "courier" , monospace;">* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING</span><span style="font-family: "courier new" , "courier" , monospace;">* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED </span><span style="font-family: "courier new" , "courier" , monospace;">* OF THE POSSIBILITY OF SUCH DAMAGE. </span><span style="font-family: "courier new" , "courier" , monospace;">*</span><span style="font-family: "courier new" , "courier" , monospace;">*/</span><span style="font-family: "courier new" , "courier" , monospace;">//]]></span><span style="font-family: "courier new" , "courier" , monospace;"></script></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><script type='text/javascript'> </span><span style="font-family: "courier new" , "courier" , monospace;">$(document).ready(function() {</span><span style="font-family: "courier new" , "courier" , monospace;">setTimeout("animation()",300);</span><span style="font-family: "courier new" , "courier" , monospace;">});</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">function animation(){</span><span style="font-family: "courier new" , "courier" , monospace;">cloud1();</span><span style="font-family: "courier new" , "courier" , monospace;">cloud2();</span><span style="font-family: "courier new" , "courier" , monospace;">cloud3();</span><span style="font-family: "courier new" , "courier" , monospace;">cloud4();</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">function cloud1(){</span><span style="font-family: "courier new" , "courier" , monospace;">$("#cloud1").animate({left:"+=80%"},50000).animate({left:"-0px"}, 0)</span><span style="font-family: "courier new" , "courier" , monospace;">setTimeout("cloud1()",30000);</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">function cloud2(){</span><span style="font-family: "courier new" , "courier" , monospace;">$("#cloud2").animate({left:"+=70%"},40000).animate({left:"-0px"}, 0)</span><span style="font-family: "courier new" , "courier" , monospace;">setTimeout("cloud2()",20000);</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">function cloud3(){</span><span style="font-family: "courier new" , "courier" , monospace;">$("#cloud3").animate({left:"+=70%"},60000).animate({left:"-0px"}, 0)</span><span style="font-family: "courier new" , "courier" , monospace;">setTimeout("cloud3()",20000);</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;">function cloud4(){</span><span style="font-family: "courier new" , "courier" , monospace;">$("#cloud4").animate({left:"+=70%"},75000).animate({left:"-0px"}, 0)</span><span style="font-family: "courier new" , "courier" , monospace;">setTimeout("cloud4()",75000);</span><span style="font-family: "courier new" , "courier" , monospace;">}</span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></script> </span></blockquote><br /><span style="background-color: white; border: 0px; font-family: "arial" , "helvetica" , sans-serif; font-size: 14px; font-stretch: inherit; line-height: 16.1px; margin: 0px; padding: 0px; vertical-align: baseline;">Now the same way you search, find the tag </span><span style="background-color: white; border: 0px; font-family: "open sans"; font-size: 14px; font-stretch: inherit; font-weight: inherit; line-height: 16.1px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: blue; font-family: "georgia" , "times new roman" , serif; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div id='outer-wrapper'></span></span><span style="background-color: white; border: 0px; font-family: "arial" , "helvetica" , sans-serif; font-size: 14px; font-stretch: inherit; line-height: 16.1px; margin: 0px; padding: 0px; vertical-align: baseline;"> tag, above the code below to find out if the rose copy and paste it.</span><br /><br /><blockquote class="tr_bq"><span style="font-family: "courier new" , "courier" , monospace;"><div id='wrapper'> </span><span style="font-family: "courier new" , "courier" , monospace;"><div id='content'> </span><span style="font-family: "courier new" , "courier" , monospace;"><div id='sun'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKcx2Jp-Q9WkWXNSyTYjO4gIZF7DkJdXKv6R6HC_ZRIegG4k9Xa1doOJHZqbNyhY1UJGuebb-jzvjVJa8E4OVvUxq5vvDpG0CdkQPaY0kPlGhB7GZOQcocPo-Gl6F1dBk_j1ksHZ3RxvH/s1600/sun.png'/></div></span><span style="font-family: "courier new" , "courier" , monospace;"><div id='cloud1'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897fWBxHCpCL4WCH7N1vlS1Cb6PqwCq1055HiHSNNv29Fy6Cwy_DUeXJP74-ipPY3jsF4uLygUB8jCZLGFQHTRnfOQv9XjClDdArvUGh1eg5O8SIjqATc43Thy7C1rwyLbuWT4r5bRT6a/s1600/cloud1.png'/></div> </span><span style="font-family: "courier new" , "courier" , monospace;"><div id='cloud2'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRRQWLmsvSHhsQsHiz73LDnecAAtY7hABDZvP2l5wO-q9ytrzlaVBxbgBchL6-xbUIGWiJqb2l-8qAPCfS9wGICyaRuO3nzvhOu302sjzQ6CBPYFL1UdQr00zucTR6TzDQleCIuErwHvg/s1600/cloud2.png'/></div> </span><span style="font-family: "courier new" , "courier" , monospace;"><div id='cloud3'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigwmvzeD_J0HFWE7WoGqKn2Ut8X2Pd0kA1AbWKfhTGMALobZIs7lYNwJvJBkNWLsKta5Rqgq0qp0X6Cma5okMcZUwzTN9062Cj5vpN2kKrSfYOgmtcDmRQqsaPEgAKRmQniwvbmRSacAD1/s1600/cloud3.png'/></div> </span><span style="font-family: "courier new" , "courier" , monospace;"><div id='cloud4'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh897fWBxHCpCL4WCH7N1vlS1Cb6PqwCq1055HiHSNNv29Fy6Cwy_DUeXJP74-ipPY3jsF4uLygUB8jCZLGFQHTRnfOQv9XjClDdArvUGh1eg5O8SIjqATc43Thy7C1rwyLbuWT4r5bRT6a/s1600/cloud1.png'/></div> </span><span style="font-family: "courier new" , "courier" , monospace;"></div> </span><span style="font-family: "courier new" , "courier" , monospace;"></div></span></blockquote></div>

ANIMATED CSS CLOUD EFFECT FOR BLOGGER BLOG

Blog css cloud effect there. Blogger template background effect blog it running cloud effect (moving clouds) shows the image. The widget can...

Read More