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

Wednesday, March 19, 2014

6:38 PM | by Unknown | Categories: | No comments
How to add blogs headline in the blog?

The procedure below describes how to add headlines of your blog at the top of the blog

Step 1

Sign in to your blog and click on Layout Option


Step 2

Click on Add Gadget and than select HTML/ Java Script


Step 3

Copy the code below and paste it there

<script type="text/javascript">
var hn_url_blog = "http://dipeshpoudel.blogspot.com";
var hn_jumlah_post = 8;
var hn_warna_latar = "#2E2EFE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = false;
var hn_backlink = true;
</script>
<script src=" http://letsenjoy.googlecode.com/files/headlinenews.js?attredirects=0&d=1 ">
</script>

Replace http://dipeshpoudel.blogspot.com with your blog address 


Friday, February 28, 2014

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

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 SitemapMy 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 : 

Sunday, January 12, 2014

5:38 PM | by Unknown | Categories: | No comments
1. Got o the Link Given and Enter your Event date and go to advance option and select the time of the event and click on the Embed button and the code will appear.

2. Copy the code

3. Sign in to your blogger dashboard. Click on layout and add gadget.

4. Select Html/Javascript.

5. Paste the code copied .

6. Save it.

And it's done
It's Look like this
http://firstshowmovies.blogspot.com/

 

Sunday, December 15, 2013

7:28 AM | by Unknown | Categories: | No comments
How to add Google Site Map to your Blog

The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling.

The Problem with Blogger Sitemap Files

An complete sitemap file should mention all pages of a site but that’s not the case if your blog is hosted on Blogger.
The default XML sitemap file of any Blogger blog will have only the 26 most recent blog posts . That’s a limitation because some of your older blog pages, that are missing in the default XML sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.

Generate a Complete Sitemap for your Blogger Blog

This section is valid for both regular Blogger blogs (that use a .blogspot.com address) and also the self-hosted Blogger blogs that use a custom domain (like postsecret.com).
Here’s what you need to do to expose your blog’s complete site structure to search engines with the help of an XML sitemap.
  1. Open the Sitemap Generator and type the full address of your blogspot blog (or your self-hosted Blogger blog).
  2. Click the Create Sitemap button and this tool will instantly generate the necessary text for your sitemap. Copy the entire generated text to your clipboard (see screenshot below).
 


      3. Next go to your Blogger dashboard and under Settings 
 
  

4.    Search Preferences, the enable Custom robots.txt option (available in the Crawling and Indexing    section). Paste the clipboard text here and save your changes.




And we are done. Search engines will automatically discover your XML sitemap files via the robots.txt file and you don’t have to ping them manually.

Saturday, December 14, 2013

How to add  flying facebook  bird and twitter flying bird at the same time in your blogger?

* How To Add This Widget to Your Blogspot
1. Login to Your Blogger Account
2. Click  DESIGN + ADD GADGET + HTML/JAVA SCRIPT
3. Copy & Paste Script Below :

<!-- START Twitter's birds & Facebook's birds -->
<script type="text/javascript">
bird_version=3;
your_facebook="http://www.facebook.com/firstshowmovies";
facebook_color=1; //default color 0-6;
your_twitter="http://twitter.com/depace_143";
twitter_color=2; //default color 0-6;
view_bird='6'; //input 'no'>>not active & Restart View ; 'yes'>>always active ; number ('1')('2')...('99999') >> number display
bird_speed=17;
</script>
<script type="text/javascript" src="http://blogger_eye_1.xtgem.com/twitter_facebook_birds"></script>
<!-- END Twitter's birds & Facebook's birds -->
* Change 3 from "bird_version" for Change another Version. Temporary Only available Version 1, 2 & 3. Recommended You to Input '3'. (Version 1 : Support Twitter's Birds Only... Version 2 : Support Facebook's Birds Only... Version 3 : Support Twitter's Birds & Facebook's Birds)

* Change http://www.facebook.com/firstshowmovies to Your Facebook's Page Address

* Change 1 from "facebook_color" for Change Facebook's Bird Color when appear
- Default Color : 0 = White || 1 = Red || 2 = Orange || 3 = Yellow || 4 = Green || 5 = Blue || 6 = Purple

* Change http://twitter.com/depace_143 To Your Twitter Address

* Change 2 from "twitter_color" for Change Twitter's Bird Color when appear
- Default Color : 0 = White || 1 = Red || 2 = Orange || 3 = Yellow || 4 = Green || 5 = Blue || 6 = Purple

* Number 6 from "view_bird" is for set total Bird appear
- Input Number for set total Bird appear / Unique Visitor. Example : Input 6. If "Bird" has appeared 6X for unique Visitor, Then the Bird will not appear again for that Visitor.
- Input "no" to turn off "Twitter's Birds & Facebook's Birds" script
- Input "yes" to always turn on "Twitter's Birds & Facebook's Birds" script

*Number 17 from "bird_speed" is speed of the bird when flying.
How to add flying Twitter Bird In Blogger?

Adding Flying twitter bird not only makes your blog look attractive but also draws attention towards the visitors. If the visitors click on the bird than it will help to promote your blog in one of the most active social account Twitter.
Follow the following steps to add flying twitter bird in your account


Twitter is one of the top most social networking services which is used by people for community purpose like facebook. The bird will fly for the movement of cursor which is moved by blog visitors. More than half of the people living in the world having twitter account to index them in society. So that your blog will be promoted by sharing your blog in twitter easily with the help of this flying bird.

This amazing twitter bird is necessary, mostly used by web masters to share blog contents easily with people and increasing the blog traffic. 

Steps To Add Flying Twitter Bird Into Blog

Step 1: Go to Blogger Dashboard in your blogger account.
Step 2: Click on the Edit HTML button to extract your blog template.

Step 3: Search for </body> using Ctrl+F.
Step 4: Copy the following code and paste the code above </body> tag.
<!-- Twitter Bird Widget for Blogger by Trickstoo.com --> <script src='https://trickstoo-bird.googlecode.com/svn/trickstoo-twitter%20bird.jquery.min.js' type='text/javascript'> </script> <script type='text/javascript'> var twitterAccount = &quot;depace_143&quot;; var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;; tripleflapInit(); </script> <span style="font-size:12px;margin:11px;"> Flying Twitter Bird Widget By <a href="http://www.trickstoo.com">Trickstoo.com</a> </span> <!-- Twitter Bird Widget for Blogger by Trickstoo.com -->


Step 5: Replace depace_143 with your twitter username in coding. Click on the Save template button.
How to remove showing Posts With label in any post?
How to remove showing Posts With label in any post?

Follow the Procedure Below

For any default Blogger layout, the "Showing Post with Label" message shows up above the posts whenever you click on a label link. As it's a pretty useless and annoying message, many people like to have it removed. If that is your wish, just follow the tutorial below:


Step 1. Go to Dashboard - Template
 Step 2. Click on Edit HTML

Step 3. Click somewhere inside the template code, then search - using CTRL+F - this code:

<b:includable id='status-message'>

After you found it, click on the sideways arrow next to it, to expand the rest of the code.

Screenshot:

Step 4. Below is this code that you need to remove - along with the first one, as well:

     <b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>

Screenshot 

 Step 5. Replace it with this one:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Step 6. Save the template. Now view your blog and click on some label....there should be no box anymore.

11:08 AM | by Unknown | Categories: | No comments
Free Templates for Blogger

How To Upload The Templates
1. Download The Templates from the Links Below.
2. Open Your Blogger Drashbord from www.blogger.com
3. Click On the Templates
4. Click On Backup/ Restore


5. If You want to download your current template than click on Download Full Template
6. If not click on Upload and select the .xml file you have just downloaded.
How to Upload template in your blog?

Thursday, December 12, 2013

9:34 AM | by Unknown | Categories: | No comments
Html Code for adding Nepali Date and Time In your Blog

Step 1. Go to Layout >> Add a Gadget and Add a new HTML/JavaScript Gadget
Step 2. In the HTML box, paste this code:


Code-1 

<script type="text/javascript">
client=100000505378411;addon="day";theme="default";
</script>
<script type="text/javascript" src="http://nepalipatro.com.np/addon/get"> </script>
Step 1. Go to Layout >> Add a Gadget and Add a new HTML/JavaScript Gadget
Step 2. In the HTML box, paste this code:


Code-2
<!-- Nepali Time Start -->
<iframe name="I1" scrolling="no" border="0" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" src="http://www.ashesh.com.np/linknepali-time.php" width="190" height="35"></iframe>
<!-- Nepali Time End -->