Blogging Tips and Tricks

All types of Tips and tricks regarding to Blogging adding coustom widgets in blog and many More

Friday, February 28, 2014

How to add Embed IP Address widget of Visitor

9:27 PM | by Unknown | Categories: | No comments
How to add Embed IP Address widget of Visitor?
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.


How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done. 

IP Address CheckerWant It
<p><span style="text-align:center; display: block;"><a href="http://exeideas.blogspot.com/2011/04/how-to-embed-ip-address-widget-of.html"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP Address Checker" /></a><br /><small><a href="http://dipeshpoudel.blogspot.com/2014/02/how-to-add-embed-ip-address-widget-of.html">Want This</a></small></span></p>

IP
Want It
<p><span style="text-align:center; display: block;"><a href="http://exeideas.blogspot.com/2011/04/how-to-embed-ip-address-widget-of.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a><br /><small><a href="http://dipeshpoudel.blogspot.com/2014/02/how-to-add-embed-ip-address-widget-of.html">Want This</a></small></span></p>

Monday, February 10, 2014

How to create a site map page in Blogger?

6:07 PM | by Unknown | Categories: | No comments
How to create a site map page in Blogger

The procedure Below teaches the procedure to create a sitemap page in your blogger.

1. Add  a new page in your blog

 Log in to Blogger.
Go to dashboard > Click Pages > New Page > Choose Blank Page


Name your new page with any name you want like Sitemap, My Sitemap, Etc (Whatever makes you feel good).

Click Publish to create your new sitemap page before you go to the next step.

 2. Now add the following code in your template html code for that

 Click on Template
After that Cick on Edit HTML

  • Use Ctrl+F to find this code : 
</body>
  • Paste this piece of code right UNDER the above code : 
</b:if >
  • Use Ctrl+F again to find this code :
</head>
  • REPLACE the above code with this code :
<b:if cond='data:blog.url == &quot;YOUR SITEMAP PAGE URL&quot;'>
    <style>
    body{
    margin:0;
    padding:0;
    background:#f1f1f1;
    font:70% Arial, Helvetica, sans-serif;
    color:#555;
    line-height:150%;
    text-align:left;
    }
    #container{
    margin:20px auto;
    width:680px;
    background:#fff;
    padding-bottom:20px;
    border-left:1px solid #bebebe;
    border-right:1px solid #bebebe;
    }
    #content{
    margin:0 20px;
    }
    h1 {
    background:none repeat scroll 0 0 #DDDDDD;
    font-family:sans-serif;
    font-size:27px;
    font-style:italic;
    font-weight:lighter;
    text-align:center;
    text-shadow:1px 0 0 #FFFFFF;
    margin:0px;
    }
    p{
    margin-bottom:18px;
    font-style:italic;
    font-family:Georgia, Times, serif;
    font-size:24px;
    color:#bfe1f1;
    padding:0;
    }
    a {
    text-decoration:none;
    }
    ul {
    margin:0px;
    padding:0px;
    }
    ul li {
    border-left:1px solid #000000;
    color:#BEBEBE;
    font-family:Arial;
    font-size:13px;
    font-style:italic;
    list-style:decimal inside url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKq70Qo_e5oh4AfTHQ4wavQJ1yFcH5jvkEUg3EIAvyCgQLgdfg_UGYJ5Gf_ULUFk5RXmLXH5XPivAmgroU49UYQp4FlGPJzCTKorWRfGFeWi2l6LHSVKETeRQbBGNE2eyC52yrU81e6dog/&quot;);
    margin:0 0 0 15px;
    padding:8px 8px 8px 0;
    }
    li a{
    text-decoration:none;
    color:#057fac;
    display:block;
    margin-top:-12px;
    padding:0 0 0 30px;

    }
    li a:hover{
    text-decoration:none;
    color:#999;
    }
    </style>
    <!--[if IE 6]>
    <style>
    li a{
    display:inline-block;
    padding:0 0 0 5px;
    margin-top:-10px;
    }
    </style>
    <![endif]-->
    </b:if>
    </head>
    <b:if cond='data:blog.url == &quot;YOUR SITEMAP PAGE URL&quot;'>
    <body>
    <div id='container'>
    <h1>YOUR SITEMAP TITLE</h1>
    <div id='content'>
    <a href='http://www.dipeshpoudel.blogspot.com'><img alt='Blogging Made Simple !' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPk8qWEO_zGP9S5DjnjwYQuz_rccbyGCUtrTb9G-ry-nLeqv09Ept4Yhc-Em8_AOpOyx3eAXZAPF1gnzed0nmJp056LtxxI4_lSGyWb4nPmD3Z_GBZFUgnwwCNAn7zvWvglWFKFHTyp0H7/s1600/best blogger tips.png'/></a><table border='0'><tr><td><a href='http://www.dipeshpoudel.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_Lq8SiVmuiP86ktcElYY23eiICbAVKZpVm3GcreX5amfCXaX7zWnphtm1X5A2gI1T4P5VjLgs5axE8r8ex-cyWr5FZeuv2Y8hMr21s9KdnTp3yT54zJnqTw-CCpGnDqPetOVM1fSr2FI/s1600/ico-home.png'/></a></td><td><a href='YOUR BLOG MAIN URL'>Home Page</a></td></tr></table>
    <script src='http://www.yourjavascript.com/51121005353/sitemap.js' style='text/javascript'/>
    <script src='YOUR BLOG MAIN URL/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc'/>
    <a href='http://www.dipeshpoudel.blogspot.com'><small>digita7seven</small></a>
    </div>
    </div>
    </body>
    <b:else/>

Replace the above marked with red with your own value based on below :

YOUR SITEMAP PAGE URL
It's the url of your Sitemap page you just created in the first step (eq http://dipeshpoudel.blogspot.com/p/sitemap.html) 

YOUR BLOG MAIN URL
 It's your blog main url (eq http://www.dipeshpoudel.blogspot.com) 

YOUR SITEMAP TITLE
The title of your sitemap (eq SITEMAP, MY SITEMAP).

Save your template and view your sitemap to test the page : 

Subscribe to: Comments (Atom)