how to add insert Animated Back To Top for blogspot site?

Now I will Create back to top button 

When we add Back to Top button then we Edit our Blogger template theme, so here we can take Easy steps for adding Animated Back to Top widget in Blogger.

 Step-1: At First Go Blogger Layout and Mouse Click on Layout and then Mouse click on +add Gadget..continue..

Step-2: Then You can See HTML/Javascript Popup box and Copy code and Paste On html/Javascript box.

Here Code:

<div style="position: fixed; z-index: 65535; right: 10px; bottom: 10px;">
<a href='#Top' title='Gp to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ASjsMt5659UErPZbm8zp71rakFHHd-cpMAqGxacwW5MffY9pPp76nKf8Q_7AvWdhgIcFKRSwrrsbyLckFPdzcpjdF3mLhNsxS1qy1yAT0juoedKRYJSO54f3BYhxg6O5Kxp2g88tdiI/s1600/go+to+top+button.gif'alt=”go" to top image” /></a></div>

 

How to Create Blogger theme or Template Backup Or Restore?

 Note:When you will work on them Edit HTML, You Should be Need Backup theme or Template

01.At First Go to Blogger Dashboard and Mouse click on Theme Left site bar..Continue...

02. Then Mouse Click on Backup/Restore Buton..Continue...

03.Mouse Click on Download button..Continue...

04. Then Mouse Click on Ok Button..Continue...

  

Related Posts

• How to create Follow by Email on blogspot site?
• How to create Facebook Like page witth friend Face...
• How to add poll for visitor Votting on blogger site
• How to add Contact Form on Your Blogger site?
• How to add Wikipedia search box on blogger site?
• How to Change Profile title name and Add Description on Blogger Site
• How to add share social button on Blogger site?
• How to add Google + Badge on Blogger Site?
• How to change blogger layout Structure on your blogger site...
• How to add Social Twitter Time line On Your Blogger Site...
• How to add Sports Live Score Code On Your Blogger ...
• How to add Marquee Scroll Tools Code On Blogger Si...
• How to add Weather Live Code Infomation On Blogger...

How to add Weather Live Code Infomation On Blogger Site?

Note:You Can Know eight Division ,Bangladesh Weather Information By Using Weather Live Code.

01.At First, Go To Blogger Dashboard, Mouse Click on Layout and Then Mouse Click On Add a Gadget...Continue...

02. Then Mouse Click On HTML/JAVA Script Option Add Button ...Continue...

03.Then Copy Weather Live score code and Paste on Html/Java Script Text Box and Mouse Click On Save Button.

Here Given Weather Live Score Code:

Copy and Paste this code page, post or html/Javascript:

<style type="text/css">
.footer-info-weather{
background-color:#d0d0d0;
}
ul.footer-list-weather li{
    width: 239px;
    list-style-type: none;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 8px;
}
ul.footer-list-weather li a{
color:#ffffff!important;}
</style>

<div class="footer-info-weather">
<div style="margin-bottom:15px; text-align:center;color:#000000;font-size:18px">Weather</div>
<ul class="footer-list-weather">
<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Dhaka%2c+Bangladesh&width=220&custom_header=Dhaka, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Dhaka, Bangladesh weather">7 day Dhaka, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>

<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Rajshahi%2c+Bangladesh&width=220&custom_header=Rajshahi, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Rajshahi, Bangladesh weather">7 day Rajshahi, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript></li>

<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Mymensingh%2c+Bangladesh&width=220&custom_header=Mymensingh, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Mymensingh, Bangladesh weather">7 day Mymensingh, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>
<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Khulna%2c+Bangladesh&width=220&custom_header=Khulna, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Khulna, Bangladesh weather">7 day Khulna, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>
<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Chittagong%2c+Bangladesh&width=220&custom_header=Chittagong, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Chittagong, Bangladesh weather">7 day Chittagong, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>
<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Sylhet%2c+Bangladesh&width=220&custom_header=Sylhet, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Sylhet, Bangladesh weather">7 day Sylhet, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>
<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Barisal%2c+Bangladesh&width=220&custom_header=Barisal, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Barisal, Bangladesh weather">7 day Barisal, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>

<li>
<script language="JavaScript" type="text/javascript">
 document.write('<script language="JavaScript" src="https://www.worldweatheronline.com/widget/v4/weather-widget.ashx?q=Rangpur%2c+Bangladesh&width=220&custom_header=Rangpur, Bangladesh&num_of_day=0&title_bg_color=020202&title_text_color=FFFFFF&widget_bg_color=FFFFFF&widget_text_color=020202&type=js&icon=0&cb=' + Math.random() + '" type="text/javascript"><\/scr' + 'ipt>');
 </script><noscript><a href="https://www.worldweatheronline.com" alt="Rangpur, Bangladesh weather">7 day Rangpur, Bangladesh weather</a> provided by <a href="https://www.worldweatheronline.com">World Weather Online</a></noscript>
</li>
</ul>

<div style="clear:both"></div>
</div>

Related Posts

• How to create Follow by Email on blogspot site?
• How to create Facebook Like page witth friend Face...
• How to add poll for visitor Votting on blogger site
• How to add Contact Form on Your Blogger site?
• How to add Wikipedia search box on blogger site?
• How to Change Profile title name and Add Description on Blogger Site
• How to add share social button on Blogger site?
• How to add Google + Badge on Blogger Site?
• How to change blogger layout Structure on your blogger site...
• How to add Social Twitter Time line On Your Blogger Site...
• How to add Sports Live Score Code On Your Blogger ...
• How to add Marquee Scroll Tools Code On Blogger Si...
• How to add Weather Live Code Infomation On Blogger...

How to add Marquee Scroll Tools Code On Blogger Site?

01.At First, Go To Blogger Dashboard, Mouse Click on Layout and Then Mouse Click On Add a Gadget...Continue...

02. Then Mouse Click On HTML/JAVA Script Option Add Button ...Continue...

03.Then Copy Marquee code and Paste on Html/Java Script Text Box and Mouse Click On Save Button.

Here Given Marquee Scroll Code:

<style type="text/css">
marquee a.scrolltext{
    border-bottom: 1px solid #fff;
    display: block;
    padding:7px 0px 7px 0px;
}
</style>

<marquee behavior="scroll" direction="up" onmouseover="stop();"  onmouseout="start()"  style="height:225px; background-color: #d0d0d0;padding:8px;  margin-top: 15px;">

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-sports-live-score-code-on.html">How to add Sports Live Score Code On Your Blogger Site?</a>

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-sports-live-score-code-on.html">How to add Sports Live Score Code On Your Blogger Site?</a>

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-google-badge-on-blogger-site.html">How to add Google + Badge on Blogger Site?</a>

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-google-badge-on-blogger-site.html">How to add Google + Badge on Blogger Site?</a>

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-social-twitter-time-line-on.html">How to add Social Twitter Time line On Your Blogger Site</a>

<a class="scrolltext" style="color:#000000" href="https://paultutorial.blogspot.com/2018/05/how-to-add-cricket-live-score-on-your.html">How to add Cricket Live Score On Your Blogger site?</a>
</marquee>

How to add Sports Live Score Code On Your Blogger Site?

Note: You can Know Live score From This Plugin

.Such as:Socer,Basketball, Tennis, Football, Hockay, Snooker game.

01.At First, Go To Blogger Dashboard, Mouse Click on Layout and Then Mouse Click On Add a Gadget...Continue...

02. Then Mouse Click On HTML/JAVA Script Option Add Button ...Continue...

03.Then Copy Sports Live score code and Paste on Html/Java Script Text Box and Mouse Click On Save Button.

Here Given Circket Live Score Code:

Copy and Paste this code page, post or html/Javascript:

<iframe frameborder="0" height="600" scrolling="auto" src="https://www.unogoal.xyz/free_livescore.aspx" width="100%"></iframe>

Related Posts

• How to create Follow by Email on blogspot site?
• How to create Facebook Like page witth friend Face...
• How to add poll for visitor Votting on blogger site
• How to add Contact Form on Your Blogger site?
• How to add Wikipedia search box on blogger site?
• How to Change Profile title name and Add Description on Blogger Site
• How to add share social button on Blogger site?
• How to add Google + Badge on Blogger Site?
• How to change blogger layout Structure on your blogger site...
• How to add Social Twitter Time line On Your Blogger Site...
• How to add Sports Live Score Code On Your Blogger ...
• How to add Marquee Scroll Tools Code On Blogger Si...
• How to add Weather Live Code Infomation On Blogger...

How to add Cricket Live Score On Your Blogger site

01.At First, Go To Blogger Dashboard, Mouse Click on Layout and Then Mouse Click On Add a Gadget...Continue...

02. Then Mouse Click On HTML/JAVA Script Option Add Button ...Continue...

03.Then Copy Cricket Live score code and Paste on Html/Java Script Text Box and Mouse Click On Save Button.

Here Given Circket Live Score Code:

<script src="//www.cricruns.com/system/application/views/widgetBase/wid_300_200_1.js" type="text/javascript"></script>

How to add Social Twitter Time line On Your Blogger site?

01. At First Open Blogger Dashboard, Mouse Click On Layout,Then Mouse Click On Add a Gadget..Continue..

02. Then Mouse Click On HTML/Java script Option..Continue..

03. Copy and Paste Twitter Time Line code on Your HTML/Javascript Option and Mouse Click On Save  Button..Continue..

Note :Have to give Your Twitter Code.

Example;

Given Twitter Time Line HTML Code Here:

<div class="twiiter">
                <a class="twitter-timeline" data-width="278" data-height="300" href="https://twitter.com/sumonpaul11">Tweets by Sumon Paul</a>
                <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

How to change blogger layout Structure on your blogger site?

Blogger Theme Design:If You want your blogger theme different.You Can change Theme design.Such as: Layout Structure Change, Layout Background Color change, Layout Width Resize, Font Size, Font Family, Text Color, etc

 01.At First Open Your Blogger Dashboard, Mouse Click on Layout..Continue...

02. Then Mouse Click On Theme..Continue...

03. After Mouse clicking On Theme, You Can See Blogger Theme Design..Continue...

04. Mouse Click On Layout and You can select any body Layout structure and Then Mouse click on Apply Blog..Continue...                                                                              

05. Output Layout

How to add Google + Badge on Blogger Site?

01. At First, Open Your Blogger Dashboard and Mouse Click On Layout and Then Mouse Click On Add a Gadget.

02. Mouse Click On Google + Badge Option.

03. Have to Add Your Google Id.

04.Example: Copy Google Id.

05. Paste Google Id.

06. Then Mouse Click On Save Button..

07.Then Mouse Click On Save arrangement button.

08. Output Post.

How to add share social button on Blogger site?

01. Firstly, Open Your Blogger Dashboard and Mouse Click On Left side Theme Option..Continue...

02. Then Mouse Click On right side Edit HTML Option..Continue...

03. Then Find out </head> by using CTRL+F From Keyboard ..Continue...

04. Then Find out </head> by using CTRL+F From Keyboard ..Continue...

05. Then Copy This Code and Paste on </head> ..Continue...

Given Share Social Code:

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a9beaedeb879560" type="text/javascript"></script>

06. Output Post: You Can see Left side Share Button

Introduce to blogger Dashboard editor panel

Introduce to blogger Dashboard Editor panel

  01.Bold: This Text is Bold.

  02.Italic: This Text is Italic.

  03.Underline:This Text Is Underline.

  04.Text color:Any color change Text.

How to Change Profile title name and Add Description on blogger site?

01. At First, Open Blogger Dashboard and Mouse click on Setting and Basic option..Continue

02. Then Mouse click edit option and name change and Description Text Change and Save Change.

How to add Wikipedia search box on blogger site?

01. At First, Open Blogger Layout  and Mouse click on Layout..Continue...

02. Then Mouse Click on Add a Gadget..Continue...

03. Then Mouse Click on wikipedia Option..Continue...

04. Then Mouse Click on wikipedia Option..Continue...

05. Output Post

How to add Contact Form on Your Blogger site?

01.At Firstly, Go to Blogger dashboard and Mouse click on Layout..Continue..

02. Then Mouse click on Right side Add a Gadget..Continue..

03.Then You can see Add a Gadget box and Mouse Click on More Gadgets..Continue.

04. Then Mouse Click On Contact Form Option..Continue..

05. Next Mouse Click on Save Button..Continue..

05. Final, Output Post