Top 10 Indian Bloggers & Their Earnings

Google AdSense is an opportunity to share profits for small, medium and large sites that display ads for goods and services related to your site's content, and target people who visit your pages. In return, a small amount is paid when the ad is shown or clicked on your page.

Read More

iFrame Generator

name : width: px % height: px %

Options

scrollbar: no yes marginWidth: marginHeight:

border: Yes No borderType: none hidden solid dotted dashed

borderSize: 0px 1px 2px 3px 4px 5px 6px 7px 8px 9px 10px borderColor:

iFrameURL: GeneratePreview

iFrame Code

iFrame Code Generator - Free Online iFrame Code Maker Tool

The iFrame is an HTML tag which defines the inline frame. It is used for embedding an HTML document within an HTML document. In simple words, we can say that iFrame is used for displaying a web page within a web page. It is defined with <iFrame> tag. This tag is not associated with <frameset> tag and can be displayed anywhere in a document. It actually defines a rectangular region on a web page displaying a separate document including the borders and scrollbars. Using the iFrame HTML tag, yu can simply create an internal frame inside the document.

Read More

HOW TO CREATE SITEMAP PAGE IN BLOGSPOT BLOG

Today in this article we learn sitemap generator.  One of the best benefits of adding a sitemap page to your blog is that it will make navigation easier and will also help improve SEO. How can it be useful to improve SEO? Well, this sitemap page will automatically associate your latest article with your tag, so it will help the search engine spider crawl all your articles and index the content and web page easily, besides this help Will do. To increase the pagerank of your blog. Because it creates many internal links.

By the way, I have also set up the sitemap page in this blog, you can see how it works and looks before implementing it in your blog :)

How to create a sitemap page in Blogger?

To create a Sitemap page in Blogger, you must first create a page that you can do by navigating to pages from your Blogger dashboard, then click on the "New Page" option, then the page editor will be open. Put it in HTML mode and put the following code right inside.

<style type="text/css"> #toc{ width:99%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#FF5F00; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); border:1px solid #2D96DF; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; -moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; } .labl a{ color:#fff; } .labl:first-letter{t ext-transform:uppercase; } .new{ color:#FF5F00; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <div id="toc"> <script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script> <script src="http://www.YourBlogURL.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>


After adding the above code inside the page editor, replace "http://www.YourBlogURL.com" with the URL of your blog. And finally, click the "Publish" button and you're done!

That is, if you have any problem while implementing the sitemap page in your blog, please post your comment below and share your opinion on it. If you really like it and are going to use it on your blog, then share this article with your blogging friends. Thank you !

Read More