OnePlaceWeb: Blogger Tricks

Top 10 Free Professional Video Blog templates For Blogger

<h2>
10-VTube</h2>
<br />

<div>
 <a class="fancybox" href="http://web-port.org/secure_web_port/wp-content/uploads/2014/09/vtube-video-blog-template-blogger.png"><img alt="vtube video blog template blogger" class="size-medium wp-image-107 aligncenter" height="200" src="http://web-port.org/secure_web_port/wp-content/uploads/2014/09/vtube-video-blog-template-blogger-306x205.png" width="300" /></a></div>
<div>
Template name : VTube<br />
Platform: Blogger / Blogspot<br />
Author :  xmlbloggertemplates.com<br />
Designer: DesignerXMLBloggertemplates</div>
<div>
 </div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://vtube-pro.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/jjs6c03hnncagmd/vtube-%5Bvblogger-templates.blogspot.com%5D.rar" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<div>
</div>
<br />

<h2>
9-Youblog</h2>
<br />

<div>
<a class="fancybox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0J7sMjP_AoQpHIOcxFBjK1Vy6EPFqdDtao3z7_RMtrIXuGPQ-tJb93_amD5BSvaZTE3JrodJt52FLGubVZV90b2mO9KwMYIoCS3NIKRGwa3bhigabzR-NAmI_OpyV9FNWLPg8j_kAYVCo/s1600/Screenshot_3.png"><img alt="" border="0" class="aligncenter" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0J7sMjP_AoQpHIOcxFBjK1Vy6EPFqdDtao3z7_RMtrIXuGPQ-tJb93_amD5BSvaZTE3JrodJt52FLGubVZV90b2mO9KwMYIoCS3NIKRGwa3bhigabzR-NAmI_OpyV9FNWLPg8j_kAYVCo/s1600/Screenshot_3.png" width="320" /></a></div>
<div>
Template name : Youblog</div>
<div>
Platform: Blogger / Blogspot</div>
<div>
Author :  BloggerzBible</div>
<div>
Installation Guide: <a href="http://btemplates.com/faqs/#how-to-install-a-blogger-template" target="_blank">Click Here</a></div>
<br />

<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://youblog-demo.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/q9515i150d14nao/Youblog.zip" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
8-Vegeta</h2>
<br />

Template name : Vegeta<br />
Platform: Blogger / Blogspot<br />
Designer: Aumkar Thakur<br />

<h2>
7-Videoism</h2>
<br />

Template name : Videoism Blogger Template<br />

Platform: Blogger / Blogspot<br />
Release date : July 13, 2013<br />
Author :  www.templateism.com<br />

<br />

<br />

<h2>
6-Johny Crottube</h2>
<br />

<br />

<div>
Template name : Johny Crottube</div>
<div>
Platform: Blogger / Blogspot</div>
<div>
Designer : Creating Website</div>
<div>
Author :  Maskolis</div>
<div>
Installation Guide: <a href="http://creatingwebsite-maskolis.blogspot.com/2012/06/johny-crottube-template-iseng-sambil.html" target="_blank">Click Here</a></div>
<br />

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/8r5vrfb6dj3ajj5/johny+crottube.zip" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
5-VideoBlog</h2>
<br />

<br />

<div>
<a class="fancybox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNVCRkP-ze2BNfKSZAcTPLIzUNyAuhVPB7-sLh8Nizv-xr-5Vz5km8HaBMHDYBxNQXKF5n63PwTbWDTBLbTbkTMQXwR5jxgyF2viEfBjhXouWhEIxXnepZSZhv78Fb0rdyvDSxU6dh87gR/s1600/Screenshot_7.png"><img alt="" border="0" class="aligncenter" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNVCRkP-ze2BNfKSZAcTPLIzUNyAuhVPB7-sLh8Nizv-xr-5Vz5km8HaBMHDYBxNQXKF5n63PwTbWDTBLbTbkTMQXwR5jxgyF2viEfBjhXouWhEIxXnepZSZhv78Fb0rdyvDSxU6dh87gR/s1600/Screenshot_7.png" width="320" /></a></div>
<div>
Template name : VideoBlog<br />
Platform: Blogger / Blogspot<br />
Author :  Free Blogger Template<br />
URL: freebloggertemplate.info</div>
Installation: <a href="http://www.blogteacher.net/2011/10/videoblog-blogger-template.html" rel="nofollow" target="_blank">Click Here</a><br />

<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://adsensevideoguide.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/0bcfnxt88enbizo/Videoblog+%28vblogger-templates.blogspot.com%29.zip" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
4-Blogger Auto Video Template</h2>
<a class="fancybox" href="http://web-port.org/secure_web_port/wp-content/uploads/2014/09/video-web-blog-template-blogger.png"><img alt="video web blog template blogger" class="size-medium wp-image-109 aligncenter" height="200" src="http://web-port.org/secure_web_port/wp-content/uploads/2014/09/video-web-blog-template-blogger-306x205.png" width="300" /></a><br />

<br />

Template name : Trendy Tube<br />
Platform: Blogger / Blogspot<br />
Author :  Blogger Themes<br />
Designer: Blogger Themes<br />

<br />

<div class="separator" style="clear: both; text-align: center;">
<a href="http://video.webbilgi.org/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
</div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/4ss81f299yrxmks/AutoVideoTemplate+by+webbilgi.rar" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
3- BlogTube Professional</h2>
<br />

<br />

<div>
Template name : BlogTube Professional<br />
Platform: Blogger / Blogspot<br />
Release date : January 4, 2014<br />
Author :  www.templateism.com</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://btubethemes.blogspot.com.tr/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
</div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/iza4lnwr8467233/BlogTube.zip" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
2-Johny Tubeprett</h2>
<br />

<br />

<div>
<a class="fancybox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClPboADX0tgSvZM2XPosSItD516eR-5eCVIEQR9gTSav51GLZ-7FZmn388OTF1Sle3BJdZXO7OMfsDEDIaeq69oGMCPb1t7Ao_nSo2K5tMRBGcfwEXCT8grHFtgckRHpDnQNiJhDBqDeO/s1600/Screenshot_10.png"><img alt="" border="0" class="aligncenter" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClPboADX0tgSvZM2XPosSItD516eR-5eCVIEQR9gTSav51GLZ-7FZmn388OTF1Sle3BJdZXO7OMfsDEDIaeq69oGMCPb1t7Ao_nSo2K5tMRBGcfwEXCT8grHFtgckRHpDnQNiJhDBqDeO/s1600/Screenshot_10.png" width="320" /></a></div>
<div>
Template Name : Johny Tubeprett</div>
<div>
Author : Maskolis</div>
<div>
Url Instruction : Creating Website</div>
<div>
Designer : Creating Website</div>
<div>
Url Designer : www.maskolis.com</div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" class="aligncenter" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
 </div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/zqk2zbyrsu595z4/johny+tubeprett.zip" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" class="aligncenter" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" width="200" /></a></div>
<h2>
1-Johny Jazzytube</h2>
<div>
 <a class="fancybox" href="http://web-port.org/secure_web_port/wp-content/uploads/2014/08/johny-video-blog-template-blogger.png"><img alt="johny video  blog template blogger" class="size-medium wp-image-111 aligncenter" height="200" src="http://web-port.org/secure_web_port/wp-content/uploads/2014/08/johny-video-blog-template-blogger-306x205.png" width="300" /></a></div>
<div>
Template name : Johny Jazzytube</div>
<div>
Platform: Blogger / Blogspot</div>
<div>
Designer : Creating Website</div>
<div>
Author :  Maskolis</div>
<div>
Installation Guide: <a href="http://creatingwebsite-maskolis.blogspot.com/2012/06/3-template-paling-sompret-di-dunia.html" target="_blank">Click Here</a> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://johny-jazzytube.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FccNY0l5xhRk4HOghbpH74pr-IOTHgNZp-9zjHT9ukV1XuiqcpSZvctYtpE-zWz3hxD7nHCZm8HAYLD7JJxr4iqrNIL3RYXT6BnhHR7jBA5SKe1yT7FLTQJ_IqZkx54TO_qjCL8zpSgF/s1600/live-demo.png" width="200" /></a></div>
<div>
<br /><a href="http://creatingwebsite-maskolis.blogspot.com/2012/06/3-template-paling-sompret-di-dunia.html" target="_blank"></a></div>
<div style="clear: both; text-align: center;">
</div>
<div style="clear: both; text-align: center;">
</div>
<div style="clear: both; text-align: center;">
</div>
<div style="clear: both; text-align: center;">
</div>
<div style="clear: both; text-align: center;">
<a href="http://www.mediafire.com/download/05ex2km7lzddcgt/johny+jazzytube.zip" target="_blank"><img alt="" border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXjgkMl3VpACGXLDuukDoWqaNywdT0Som9ugLR2ntJ7WpKpIaBe-0A5BwfsW9xEMqRuAgC9xIHUihi-Q7OWXtXkqkyAvF_NZr8a9uGhA2SpKLP0JUrGlFCDy5y60v4kEE4TAQGFWDF9FM/s1600/Free-Skype-Download.jpg" style="cursor: move;" width="200" /></a></div>

Top 10 Free Professional Video Blog templates For Blogger

10-VTube Template name : VTube Platform: Blogger / Blogspot Author : xmlbloggertemplates.com Designer: DesignerXMLBloggertempla...

Pre Loading Spinners for Blog

Anonymous 0 Blogger Tricks, blogtricks 03:01

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVFcwBxe5q9_TYg8NX7Ml9jcjKwjv-KRY0vQUPW0D7U_eh_1calPsGUXULMx3hCm4GIv4glAf2Xbrf7Gr8cMfVR9l6gO6XZqj-ogbW7GYrAWA9ZWk7bmGXX2zoOZKwApJF9D5wX2OKYOf/s1600/images.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVFcwBxe5q9_TYg8NX7Ml9jcjKwjv-KRY0vQUPW0D7U_eh_1calPsGUXULMx3hCm4GIv4glAf2Xbrf7Gr8cMfVR9l6gO6XZqj-ogbW7GYrAWA9ZWk7bmGXX2zoOZKwApJF9D5wX2OKYOf/s1600/images.jpg" width="400" /></a></div>
<br />
<br />
you need to copy the below given code of the respective spinner and paste it just below <b><body></b> tag.<br />
Also if you already have jquery plugin in your blog you can remove it from the code.<br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<span style="font-size: large;"><b><u>Spinner 1:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
 <div id="loader"><br />
        <div class="spinner"><br />
            <div class="spinner-inner"></div><br />
        </div><br />
    </div><br />
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><br />
    <script type="text/javascript"><br />
        $(window).load(function () {<br />
            setTimeout(function () {<br />
                $(".spinner").fadeOut("slow");<br />
                setTimeout(function () {<br />
                    $("#loader").fadeOut("slow")<br />
                }, 1000)<br />
            }, 1000)<br />
        });<br />
    </script><br />
<style>#loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,1);z-index:1000}.spinner{position:fixed;width:100%;top:70%;height:30px;text-align:center;font-size:10px}.spinner,.spinner-inner{position:absolute;top:0;bottom:0;right:0;left:0;border:9px
 solid white;border-color:transparent 
white;margin:auto}.spinner{width:85px;height:85px;-webkit-animation:spin
 2.2s linear 0s infinite normal;-moz-animation:spin 2.2s linear 0s 
infinite normal;animation:spin 2.2s linear 0s infinite 
normal}.spinner-inner{width:40px;height:40px;-webkit-animation:spinback 
1.2s linear 0s infinite normal;-moz-animation:spinback 1.2s linear 0s 
infinite normal;animation:spinback 1.2s linear 0s infinite 
normal}@-webkit-keyframes 
spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes
 
spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes
 
spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes
 
spinback{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes
 
spinback{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@keyframes
 
spinback{from{transform:rotate(0)}to{transform:rotate(-360deg)}}</style><br />
<br />
<span style="font-size: large;"><b><u>Preview:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPrety-THBfuA0xPO7QIlBcNuuhd8vAEX2hNh2hD7iwGhtYzyT1OKSg4uL8vh5hnU__SUulcX3BApNE6c3KzfhVuxO1sSFs6__p6q4EP8HdcxLw7Gqzy4Z2rAMf-x0u9nUN7y63RB088Py/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPrety-THBfuA0xPO7QIlBcNuuhd8vAEX2hNh2hD7iwGhtYzyT1OKSg4uL8vh5hnU__SUulcX3BApNE6c3KzfhVuxO1sSFs6__p6q4EP8HdcxLw7Gqzy4Z2rAMf-x0u9nUN7y63RB088Py/s1600/Capture.PNG" width="320" /></a></div>
<span style="font-size: large;"><b><u><br /></u></b></span>
<span style="font-size: large;"><b><u>Spinner 2:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<div id='loader'><br />
<div class="wrap"><br />
<div class="bg"><br />
<div class="loading"><br />
<span class="title">loading...</span><br />
<span class="text"><data:blog.title/></span><br />
</div> </div></div></div><br />
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><br />
    <script type='text/javascript'><br />
        $(window).load(function () {<br />
            setTimeout(function () {<br />
                $(&quot;.wrap&quot;).fadeOut(&quot;slow&quot;);<br />
                setTimeout(function () {<br />
                    $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;)<br />
                }, 1000)<br />
            }, 1000)<br />
        });<br />
    </script><br />
<style>#loader{position:fixed;top:0;left:0;right:0;bottom:0;background:black;color:#eaf7ff;z-index:1000;font-family:sans-serif,arial}@-webkit-keyframes
 
title{0%{opacity:0;right:130px}48%{opacity:0;right:130px}52%{opacity:1;right:30px}70%{opacity:1;right:30px}100%{opacity:0;right:30px}}@-moz-keyframes
 
title{0%{opacity:0;right:130px}48%{opacity:0;right:130px}52%{opacity:1;right:30px}70%{opacity:1;right:30px}100%{opacity:0;right:30px}}@-webkit-keyframes
 fade{0%{opacity:1}100%{opacity:0}}@-moz-keyframes 
fade{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes 
bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-moz-keyframes
 
bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-webkit-keyframes
 
blink{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:1}30%{opacity:0}35%{opacity:1}40%{opacity:0;right:-21px}45%{opacity:1;right:80px}50%{opacity:0;right:-21px}51%{right:-21px}55%{opacity:1}60%{opacity:0}65%{opacity:1}70%{opacity:0}75%{opacity:1}80%{opacity:0}85%{opacity:1}90%{opacity:0;right:-21px}95%{opacity:1;right:80px}96%{right:-21px}100%{opacity:0;right:-21px}}@-moz-keyframes
 
blink{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:1}30%{opacity:0}35%{opacity:1}40%{opacity:0;right:-21px}45%{opacity:1;right:80px}50%{opacity:0;right:-21px}51%{right:-21px}55%{opacity:1}60%{opacity:0}65%{opacity:1}70%{opacity:0}75%{opacity:1}80%{opacity:0}85%{opacity:1}90%{opacity:0;right:-21px}95%{opacity:1;right:80px}96%{right:-21px}100%{opacity:0;right:-21px}}.wrap{font-size:18px;font-weight:700;left:25%;letter-spacing:5px;margin-left:-80px;margin-top:-40px;position:absolute;top:50%;width:68%}.bg{padding:30px
 30px 30px 0;background:#306f99;-moz-animation:bg 1.5s linear 
infinite;-webkit-animation:bg 1.5s linear infinite;animation:bg 1.5s 
linear infinite;-moz-box-shadow:inset 0 0 45px 30px 
black;-webkit-box-shadow:inset 0 0 45px 30px black;box-shadow:inset 0 0 
45px 30px 
black}.loading{position:relative;text-align:right;text-shadow:0 0 
6px#bce4ff;height:20px;width:150px;margin:0 auto}.loading 
span{display:block;text-transform:uppercase;position:absolute;right:30px;height:20px;width:400px;line-height:20px}.loading
 
span:after{content:"";display:block;position:absolute;top:-2px;right:-21px;height:20px;width:16px;background:#eaf7ff;-moz-box-shadow:0
 0 15px#bce4ff;-webkit-box-shadow:0 0 15px#bce4ff;box-shadow:0 0 
15px#bce4ff;-moz-animation:blink 3.4s infinite;-webkit-animation:blink 
3.4s infinite;animation:blink 3.4s infinite}.loading 
span.title{-moz-animation:title 3.4s linear 
infinite;-webkit-animation:title 3.4s linear infinite;animation:title 
3.4s linear infinite}.loading span.text{-moz-animation:title 3.4s linear
 1.7s infinite;-webkit-animation:title 3.4s linear 1.7s 
infinite;animation:title 3.4s linear 1.7s 
infinite;opacity:0}</style><br />
<br />
<span style="font-size: large;"><b><u>Preview:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiywFJWbwYE7qkepRrQrjiFF_ibJCiCsKXghNlXULAbahSZbb5girGU6ww-UZbCn9-zji3E2aGRyFjCBXZBNrU5jxucTynsJX27y_po6coGI-s3czteb6VwYeJr1MHVKw9HTruI3joJss/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiywFJWbwYE7qkepRrQrjiFF_ibJCiCsKXghNlXULAbahSZbb5girGU6ww-UZbCn9-zji3E2aGRyFjCBXZBNrU5jxucTynsJX27y_po6coGI-s3czteb6VwYeJr1MHVKw9HTruI3joJss/s1600/Capture.PNG" width="320" /></a></div>
<span style="font-size: large;"><b><u><br /></u></b></span>
<span style="font-size: large;"><b><u>Spinner 3:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<br />
<blockquote class="tr_bq">
 <div id='loader'><br />
<div class='preload-juggle'><br />
  <div class='ball'></div><br />
  <div class='ball'></div><br />
  <div class='ball'></div><br />
</div><br />
</div><br />
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><br />
    <script type='text/javascript'><br />
        $(window).load(function () {<br />
            setTimeout(function () {<br />
                $(&quot;.preload-juggle&quot;).fadeOut(&quot;slow&quot;);<br />
                setTimeout(function () {<br />
                    $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;)<br />
                }, 1000)<br />
            }, 1000)<br />
        });<br />
    </script><br />
<style><br />
#loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #16A085;z-index: 1000}<br />
.preload-juggle {width: 300px;height: 300px;position: absolute;top: 50%;margin-top: -150px;left: 50%;margin-left: -150px;}<br />
.preload-juggle div {position: absolute;width: 21px;height: 
21px;border-radius: 10.5px;background: #1BBC9B;margin-top: 
150px;margin-left: 150px;animation: juggle 2.1s linear infinite;}<br />
.preload-juggle div:nth-child(1) {animation-delay: -0.7s;}<br />
.preload-juggle div:nth-child(2) {animation-delay: -1.4s;}<br />
@keyframes juggle {<br />
0% {transform: translateX(0px) translateY(0px);}<br />
12.5% {transform: translateX(25px) translateY(-55px) scale(1.1);background: #36D7B7;}<br />
25% {transform: translateX(50px) translateY(0px);animation-timing-function: ease-out;  }<br />
37.5% {transform: translateX(25px) translateY(55px);}<br />
50% {transform: translateX(0px) translateY(0px);}<br />
62.5% {transform: translateX(-25px) translateY(-55px) scale(1.1);animation-timing-function: ease-in; }<br />
 75% {transform: translateX(-50px) translateY(0px);animation-timing-function: ease-out;}<br />
87.5% {transform: translateX(-25px) translateY(55px); }<br />
100% {transform: translateX(0px) translateY(0px);}<br />
}<br />
</style></blockquote>
<br />
<span style="font-size: large;"><b><u>Preview:</u></b></span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvS8dIOyTazLnAvNszbsxxNxy1Z4XTSRO04vIC7mU7SqyfhKy598PgesvT_53HzejktFUbM_w-p7cW4Y3Pc9LF24zLJDIU_quohVB3HlA1Ft7ImBXP0q17y1xRtGUTv8AAY9fsNADJ8o_/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvS8dIOyTazLnAvNszbsxxNxy1Z4XTSRO04vIC7mU7SqyfhKy598PgesvT_53HzejktFUbM_w-p7cW4Y3Pc9LF24zLJDIU_quohVB3HlA1Ft7ImBXP0q17y1xRtGUTv8AAY9fsNADJ8o_/s1600/Capture.PNG" width="320" /></a></div>

Pre Loading Spinners for Blog

you need to copy the below given code of the respective spinner and paste it just below <body> tag. Also if you already have jqu...

Scroll To Top Buttons

Anonymous 0 Blogger Tricks, blogtricks 07:07

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzo3LitoVdZeeqzrwdfY9w19lE9_hBI24n1RAiKQTBY2coPhCZjuRSoU3UtWpw_xHLG83WwPYrl7WpGXGvEHcZ7AXkHX1Fyiv5sboIygDXi4SbPoaydl-EoWjeGEIRPnfP1R1WiBkyn_ki/s1600/images+(4).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzo3LitoVdZeeqzrwdfY9w19lE9_hBI24n1RAiKQTBY2coPhCZjuRSoU3UtWpw_xHLG83WwPYrl7WpGXGvEHcZ7AXkHX1Fyiv5sboIygDXi4SbPoaydl-EoWjeGEIRPnfP1R1WiBkyn_ki/s1600/images+(4).jpg" width="400" /></a></div>
<br />
<br />
<br />
<b>For Blog click add widget than Html/Java Script Code than paste anyone code below shown....</b><br />
<br />
Scroll to Top buttons allow your website visitors to easily scroll back to the top of your page with one click of the button.
This gives your website better navigation and also adds a more professional look to your current layout. 
All our scroll to top buttons are free to use and can be quickly installed onto all Websites, Blogs, WordPress, 
Tumblr and more! Simply choose a button and then copy and paste the relevant code into either your <b>Footer</b> section or the bottom of your HTML page, 
just before the <b></body></b> tag. We recommend inserting the code at the bottom of your page to 
optimize loading times for your Website. <br />
<br />
<br />
<b><span style="font-size: large;">1)</span></b><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow1.js"></script><br />
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript><br />
<div>
<br /></div>
<div>
<b><span style="font-size: large;">2)</span></b></div>
<div>
<b><span style="font-size: large;"><br /></span></b></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow2.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>3)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow3.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>4)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow4.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<b><span style="font-size: large;">5)</span></b></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow5.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>6)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow6.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>7)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow7.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>8)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow8.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>9)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow9.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>10)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow10.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>11)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow11.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>12)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow12.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>13)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow13.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>14)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow14.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>15)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow15.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>16)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow16.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>17)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow17.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>18)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow18.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>19)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow59.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>20)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow86.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>21)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow37.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><b>22)</b></span></div>
<div>
<br /></div>
<div>
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script></div>
<div>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow57.js"></script></div>
<div>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript></div>
</div>
<div>
<br /></div>
<div style="font-size: x-large; font-weight: bold;">
<br /></div>
</div>

Scroll To Top Buttons

For Blog click add widget than Html/Java Script Code than paste anyone code below shown.... Scroll to Top buttons allow your website ...

OnePlaceWeb

Top 10 Free Professional Video Blog templates For Blogger

Pre Loading Spinners for Blog

Scroll To Top Buttons

Popular Posts

Labels

Blog Archive