Thursday, 12 September 2013

MY LATEST TRICKS: Add Responsive Sitemap to Blogger for Google , Bing Yahoo

MY LATEST TRICKS
Learn how to start ethical Hacking,Mobile hacking.latest SEO and Facebook tips and tricks.Find vulnerabilities in websites. crack software , make money online and many more 
Great rates not enough?

OptionsHouse is a cutting-edge platform with award-winning technology. Even with our professional tools, you'll still pay great rates.
From our sponsors
Add Responsive Sitemap to Blogger for Google , Bing Yahoo
Sep 12th 2013, 18:42, by Noman Ramzan

Add Responsive Sitemap to Blogger 

Numerous bloggers who are blogging on blogger.com need a sitemap that they can make for their followers like wordpress. Yet, blogger has not such facility. What's more the sitemap/table of substance is insufficient to contend with wordpress. Presently, I am set to give you exercise to make an amazing responsive sitemap much the same as wordpress. 

Instructions to Add Sitemap Widget to your site

In the blogger Dashboard, Select your web journal

Head off to Pages >> New Page, then pick HTML Part

Paste the accompanying code inside it.

<script src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" type='text/javascript'></script>
<script src="http://www.blogtipsntricks.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

In the wake of Adding the above code. Swap http://computertrickshome.blogspot.com with your website join

At that point Click on the choices on the right sidebar and select Don't permit, shroud existing for Reader remarks

Notwithstanding, Click distribute and See the page.


That is all, We are carried out. 

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

No comments:

Post a Comment

THANK YOU FOR COMMENT ON HTTP://TWEEKNTRICK.blogspot.com