Friday, May 25, 2018

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

at No comments:
Labels:

Tuesday, May 22, 2018

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

at No comments:

Monday, May 21, 2018

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>


at 1 comment:

Sunday, May 13, 2018

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

at 76 comments:
Labels:

Saturday, May 12, 2018

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>


at 5 comments:
Labels:

Friday, May 11, 2018

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>

at 2 comments:
Labels:

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

at No comments:
Labels:

Monday, May 7, 2018

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.


at 1 comment:
Labels:

Saturday, May 5, 2018

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



at No comments:
Labels:

Friday, May 4, 2018

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.
at 1 comment:
Subscribe to: Posts (Atom)

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...