Technology


Blogger site description

Gmail-blogsite – btemplate -  html customize – header img- favicon –sidebar- suarch button –email submit -Site mapTimmer –google map – breaking news – logo updown footer
https://www.xml-sitemaps.com/<meta name="google-site-verification" content="bHZlBsqQAb7uS_yIvoHMKBkEHXzP0Y7VJARbTddgzDo" />
https://www.google.com/webmasters/tools/dashboard?siteUrl=http://realthealthworld.blogspot.com/
<meta name="google-site-verification" content="J1pMr2wFWD5e5pu-GL5NiCy6nZ70xj2dDNSN-L5e7Z8" />
<meta name="google-site-verification" content="bHZlBsqQAb7uS_yIvoHMKBkEHXzP0Y7VJARbTddgzDo" />
time setting
<!--BEGIN B4PSADS.COM ADZONE DISPLAY CODE -->
<script>(function(ins){ if ('https:'==document.location.protocol){var h='link';} else {var h='z40608-p35348-n86.pub';}
var d = "abd"+ins, s = document.createElement('script');document.write('<div id="'+d+'"></div>');
s.type = 'text/javascript'; s.src = '//'+h+'.pgssl.com/adv/ap/fastjsa.asp?m=i&z=40608&p=35348&n=86&s=l&rr='+d; s.async = true; s.defer = true;
document.body.appendChild(s);}((++window.abd || (window.abd = 0))));</script>
<!--END B4PSADS.COM ADZONE DISPLAY CODE -->
Popup html
<script type="text/javascript">



document.body.onclick= function(){



window.open('http://adf.ly/VFSZV', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50');



}</script>

1.Footer add       layout footer  <p align="center">copyright <a href="http:// http://realthealthworld.blogspot.com">free Worldhealth</a> </p>
2.footer remove      footer <div class='footer-outer' Style="visibility: hidden">
3.footer remove  <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
 done locked='false
4.How To Add Social Share Buttons Every Blogger 
Post footer

1.   <!-- AddThis Button BEGIN -->
2.   <div class='addthis_toolbox'>
3.   <div class='custom_images'>
4.   <a class='addthis_button_share'><img alt='Share this Post' border='0' src='http://4.bp.blogspot.com/-7Mh18shJbBw/UR0UQJUeNWI/AAAAAAAADCU/tReZl85IJ9c/s1600/Share+this+Post.png'/></a>
5.   <a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='30' src='http://1.bp.blogspot.com/-VwUjBqjcw_A/UR0UWOX12aI/AAAAAAAADCk/NMJtDo9H32U/s1600/Facebook+Button+Share.png' width='30'/></a>
6.   <a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='30' src='http://4.bp.blogspot.com/-HdyrZLb5VQY/UR0UUeHYy5I/AAAAAAAADCc/FaCnOjlaQMQ/s1600/Twitter+Button+Share.png' width='30'/></a>
7.   <a class='addthis_button_email'><img alt='Email This' border='0' height='30' src='http://1.bp.blogspot.com/-ct8UEptg4Jo/UR0UXt9d4FI/AAAAAAAADCs/T-qjemKVoT8/s1600/Email+Button+Share.png' width='30'/></a>
8.   <a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' height='30' src='http://2.bp.blogspot.com/-J779mbKE8XQ/UR0UYzYDpSI/AAAAAAAADC0/loD-dNI0ky8/s1600/Pinterest+Button+Share.png' width='30'/></a>
9.   </div>
10.  </div>
11.  <script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script>
12.  <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
13.  <!-- AddThis Button END -->


<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_share'><img alt='Share this Post' border='0' src='http://4.bp.blogspot.com/-7Mh18shJbBw/UR0UQJUeNWI/AAAAAAAADCU/tReZl85IJ9c/s1600/Share+this+Post.png'/></a>
<a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='30' src='http://1.bp.blogspot.com/-VwUjBqjcw_A/UR0UWOX12aI/AAAAAAAADCk/NMJtDo9H32U/s1600/Facebook+Button+Share.png' width='30'/></a>
<a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='30' src='http://4.bp.blogspot.com/-HdyrZLb5VQY/UR0UUeHYy5I/AAAAAAAADCc/FaCnOjlaQMQ/s1600/Twitter+Button+Share.png' width='30'/></a>
<a class='addthis_button_email'><img alt='Email This' border='0' height='30' src='http://1.bp.blogspot.com/-ct8UEptg4Jo/UR0UXt9d4FI/AAAAAAAADCs/T-qjemKVoT8/s1600/Email+Button+Share.png' width='30'/></a>
<a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' height='30' src='http://2.bp.blogspot.com/-J779mbKE8XQ/UR0UYzYDpSI/AAAAAAAADC0/loD-dNI0ky8/s1600/Pinterest+Button+Share.png' width='30'/></a>
</div>
</div>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>
<!-- AddThis Button END -->

Dropdown menu
<ul>
<li><a href='#'>Main Menu One</a>
       <ul class='sub-menu'>
       <li><a href='#'>Your Sub Menu Item one</a></li>
       <li><a href='#'>Your Sub Menu Item Two</a></li>
       <li><a href='#'>Your Sub Menu Item Three</a></li>
       <li><a href='#'>Your Sub Menu Item Four</a></li>
       </ul>
</li>
<li><a href='#'>Main Menu Two</a>
       <ul class='sub-menu'>
       <li><a href='#'>Your Sub Menu Item one</a></li>
       <li><a href='#'>Your Sub Menu Item Two</a></li>
       <li><a href='#'>Your Sub Menu Item Three</a></li>
       <li><a href='#'>Your Sub Menu Item Four</a></li>
       </ul>
</li>
<li><a href='#'>Main Menu Three</a>
       <ul class='sub-menu'>
       <li><a href='#'>Your Sub Menu Item one</a></li>
       <li><a href='#'>Your Sub Menu Item Two</a></li>
       <li><a href='#'>Your Sub Menu Item Three</a></li>
       <li><a href='#'>Your Sub Menu Item Four</a></li>
       </ul>
</li>
</ul>
<div id='menubar'>
    <ul id='menus'>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
      </li>
      <li>
        <a href='#'>MenuItem</a>
        <ul>
          <li><a href='#'>SubMenuItem</a></li>
          <li><a href='#'>SubMenuItem</a></li>
          <li><a href='#'>SubMenuItem</a></li>
        </ul>
      </li>
    </ul>
  </div>
Google map
https://goo.gl/maps/fwUznAZ6AaD2
<iframe src="//www.google.com/maps/embed/v1/place?q=Harrods,Brompton%20Rd,%20UK
      &zoom=17
      &key=YOUR_API_KEY">
  </iframe>

Goto the googledevelover 
{
  "locationDrivingDirectionMetrics": [
    {
      "locationName": "accounts/110714876951578713336/locations/
                       14372810722634034850",
      "topDirectionSources": [
        {
          "dayCount": 90,
          "regionCounts": [
            {
              "latlng": {
                "latitude": 37.789,
                "longitude": -121.392
              },
              "label": "94105",
              "count": "2980",
            },
            {
              "latlng": {
                "latitude": 37.779,
                "longitude": -122.421
              },
              "label": "94102",
              "count": "887",
            },
            {
              "latlng": {
                "latitude": 37.773,
                "longitude": -122.410
              },
              "label": "94103",
              "count": "886",
            }
          ]
        }
      ],
          "timeZone": "America/Los_Angeles"
    }
  ]
}

4.Slide show
<div class="slider-k section" id="slider-k"><div class="widget HTML" data-version="1" id="HTML101">
<h2 class="title">Featured Posts</h2>
<div class="widget-content">
<!-- Featured Content Slider Started -->
<div class="fp-slider clearfix">
<div class="fp-slides-container clearfix">
<div class="fp-slides" style="overflow: hidden;">

<!-- Slide 1 Code Start -->
<div class="fp-slides-items" style="position: absolute; top: 0px; left: -549px; display: none; z-index: 5; opacity: 1; width: 549px; height: 300px;">
<div class="fp-thumbnail">
<a href="#"><img src="http://2.bp.blogspot.com/-l39k8sp-aQc/TwL2NQjQYJI/AAAAAAAACH4/i-TIFEUZBJ4/s1600/1.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="#">This is default featured slide 1 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc.
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
    <a class="fp-next" href="#fp-next">
    </a><a class="fp-prev" href="#fp-prev">
</a></div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class="fp-slides-items" style="position: absolute; top: 0px; left: -549px; display: none; z-index: 5; opacity: 1; width: 549px; height: 300px;">
<div class="fp-thumbnail">
<a href="#"><img src="http://2.bp.blogspot.com/-fSIFUvkOE1A/TwL2RkTbiVI/AAAAAAAACIE/eSQvALvZ93g/s1600/2.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="#">This is default featured slide 2 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc. 
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
    <a class="fp-next" href="#fp-next">
    </a><a class="fp-prev" href="#fp-prev">
</a></div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class="fp-slides-items" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 6; opacity: 1; width: 549px; height: 300px;">
<div class="fp-thumbnail">
<a href="#"><img src="http://4.bp.blogspot.com/-jDM_0Khc8M4/TwL2T072lQI/AAAAAAAACIM/mfOnWf401fI/s1600/3.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="#">This is default featured slide 3 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc.
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
    <a class="fp-next" href="#fp-next">
    </a><a class="fp-prev" href="#fp-prev">
</a></div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class="fp-slides-items" style="position: absolute; top: 0px; left: -549px; display: none; z-index: 5; opacity: 1; width: 549px; height: 300px;">
<div class="fp-thumbnail">
<a href="#"><img src="http://3.bp.blogspot.com/-6fROLaYiToI/TwL2Wnu0xwI/AAAAAAAACIU/L5_yxOky52c/s1600/4.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="#">This is default featured slide 4 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc.
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
    <a class="fp-next" href="#fp-next">
    </a><a class="fp-prev" href="#fp-prev">
</a></div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class="fp-slides-items" style="position: absolute; top: 0px; left: -549px; display: none; z-index: 5; opacity: 1; width: 549px; height: 300px;">
<div class="fp-thumbnail">
<a href="#"><img src="http://2.bp.blogspot.com/-1ge3npYVSvw/TwL2YY68fSI/AAAAAAAACIc/cbXeC-vSBRU/s1600/5.jpg"></a>
</div>
<div class="fp-content-wrap">
<div class="fp-content">
<h3 class="fp-title">
<a href="#">This is default featured slide 5 title</a>
</h3>
<p>
Easy to customize it, from your blogger dashboard, not needed to know the codes etc.
</p>
</div>
<div class="fp-prev-next-wrap clearfix">
    <a class="fp-next" href="#fp-next">
    </a><a class="fp-prev" href="#fp-prev">
</a></div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class="fp-nav">
    <span class="fp-pager">
<a href="#" class="">1</a><a href="#" class="">2</a><a href="#" class="activeSlide">3</a><a href="#" class="">4</a><a href="#" class="">5</a></span></div> 
           
</div>
</div>
<div style="clear:both;">
<!-- Featured Content Slider End --></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=5107548864182967413&amp;widgetType=HTML&amp;widgetId=HTML101&amp;action=editWidget&amp;sectionId=slider-k" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML101&quot;));" target="configHTML101" title="Edit">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>


6.Breaking news
<script style="text/javascript" src="http://blogger-jquery-file.googlecode.com/files/buzzbd.js"> </script><script style="text/javascript"> var nMaxPosts = 8; var sBgColor; var nWidth; var nScrollDelay = 100; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="Latest Posts»"; </script> <script style="text/javascript" src="http://hackzzon.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

<marquee width=500 scrolldelay=1>
Web development channel
</marquee>
Loop=2

Direction scrollamount=1

No comments:

Post a Comment

Thank you for your message, I see all your messages, it is not possible to reply many times due to busyness, I hope I will reply to everyone in time, thank you for being with me. Thanks you watching my content. Please like, Follow, Subscribe.

Popular Posts

Update Posts