blogger to develope

Recent Posts

Showing posts with label blogger tutorials. Show all posts
Showing posts with label blogger tutorials. Show all posts

Sunday, July 21, 2013

How To Add Google Search In your blogger

10:02 AM  Unknown   0


 



Google custom search box is a new feature from Google for Blog / Website. Google custom search is very beautiful and important tool to help your visitors to search in your site and this is also very important for alexa ranking and page ranking. So that’s very important thing fo Ad Sense. So you have to add this new feature in your Blog / Website. After adding this you will see that its very beautiful and important tool. In my today’s post I’ll show you how to add this new feature and be benefited.

How To Add This In Blog / Website?

1. Go To Your Blog


2. Choose Layout > Add Gadget



3.select  "search box"


 4.click save



congratulation your google search



Read More

How To Replace Older, Newer & Home Links To Beautiful Buttons In Blogger

10:00 AM  Unknown   0






 http://lh4.ggpht.com/-MmufE0csalY/UYiih5OcDwI/AAAAAAAAAyo/R408I1D0n-o/Newer-Older-Home%25255B14%25255D.png?imgmax=800

In Blogger Default templates there are only just links to your Older, Newer & Home pages. But in some Blogger Templates  there are some buttons already added in blogger template. But almost in many templates there are only links which is not good for better impression on your visitors. These links are set by default from Blogger. If you want to change these links with beautiful buttons like i am using then follow these simple steps i hope you will easily get the method and simply make these changing in your Blog / Site.



How To Change Older, Newer Links With Beautiful Buttons?



1.go to you blog


2. Choose Template > Edit HTML


3.Search for <data:newerPageTitle/>  using CTRL+F 

 Replace this code with following 


<img src="http://3.bp.blogspot.com/-nGLEW5A_sN0/UbQok72bweI/AAAAAAAAApQ/08x4G0fgKOs/s1600/Previous-blue2.png"/>




 4.Now search for <data:olderPageTitle/> 

Replace this with following


<img src="http://4.bp.blogspot.com/-bFz2khNxyDo/UbQok0sPk9I/AAAAAAAAApM/fsXCy00U5i4/s1600/Next-blue2.png"/>
5.Now search <data:homeMsg/>

And Replace this with below code


<img src="http://4.bp.blogspot.com/-sAMpzu5bZes/UbQok2BpD6I/AAAAAAAAApU/Nc19bQyaJHY/s1600/Home-blue2.png"/>




click save, and congratulation!!!!!

this video explains more


Read More

Thursday, July 18, 2013

How to add 'Facebook Like Box' for blogger

4:56 PM  Unknown   0






 

 

 If you had the thought of adding a plugin or widget of facebook like box you came to the right place. Here in this tutorial I would like to take you through the process of adding 'Facebook Like Box' for blogger.

 

Steps to add Facebook like Box

 

 1.Visit the Facebook Developers.

 

 

  • href - the URL of the Facebook Page for this Like Box. Note: After July 2013 migration, href should be an absolute URL
  • width - the width of the plugin in pixels. Default width: 300px.
  • height - the height of the plugin in pixels. The default height varies based on number of faces to display, and whether the stream is displayed. With the stream displayed, and 10 faces the default height is 556px. With no faces, and no stream the default height is 63px.
  • colorscheme - the color scheme for the plugin. Options: 'light', 'dark'
  • show_faces - specifies whether or not to display profile photos in the plugin. Default value: true.
  • stream - specifies whether to display a stream of the latest posts from the Page's wall
  • header - specifies whether to display the Facebook header at the top of the plugin.
  • show_border - specifies whether or not to show a border around the plugin, default true. Set to false to style the iframe with your custom CSS.
  • force_wall - for Places, specifies whether the stream contains posts from the Place's wall or just checkins from friends. Default value: false.


Once you are done with the customization, click on Get code. It would pop-up a window like the one shown below.


 
 
2. go to your blog ,choose template and click on Edit html

 

3.search for <body> and paste the code 1immediately after it.
 
 
4.click save
 
5.go to layout ,select add gadget  and choose HTML/JavaScript
 





 
6.Paste the code 2 and click save

congratulation your "FacebookLike Box"
 
 

this video explains more

Read More

Add Social Networking Buttons To Your Blog

9:19 AM  Unknown   0



 

Now you can add social networking buttons in blogger and a very easy way,
It includes Facebook, Twitter, Digg, Google plus, Stumbleupon
Method added in Blogger

1.go to your blog


 


 

2.go to "layout"


 


3.click "Add a Gadget"



4.choose HTML JavaScript

 

 5.Copy the following code and put it out and click Save


<!--SideBar Floating Share Buttons Code Start-->
<style>


#pageshare {position:fixed; bottom:5%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px 0;z-index:10;}


#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}


.fb_share_count_top {width:48px !important;}


.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}


.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}


.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}


</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/></div>






 congratulation!!!!


this video explains more 

Read More

Wednesday, July 17, 2013

How To Put Youtube Video in My Blogger

6:44 PM  Unknown   0


Posting a video from YouTube

 it's very simple to put video from youtube in yout blogger,just follow these simple steps:

1.go to youtube and choose your video 


2.click on share


3.select Embed

this is the code

4.go to your blog


5.click on add new post


6.and choose HTML


7.and put your code

click publish and congratulation your video

 

this video explains more

Read More

Tuesday, July 16, 2013

how to remove labels page message"showing posts with label..."

9:39 PM  Unknown   1




http://t1.gstatic.com/images?q=tbn:ANd9GcQuZfYKDNYYg98aaA5Pu5AyzkbLg-RSzg4STsMOFNmZn7DL0FQ5uA 

In this lesson, I will talk about how to remove labels page message.




 Way to remove the message


1.Go to your blog

2.Go to temlplate 

 

3.Click on Edit HTML

 


4.Look for the following tag ]]></b:skin> , and paste the code below directly above the tag  ]]></b:skin>.



.status-msg-wrap{display:none !important;}


congratulation!!!

this video explains more

 

Read More

How to Make Blog Page Number Navigation

3:10 PM  Unknown   0

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-u4dB-36BE3Nb4HQNym9m6ZIXK0kZVyC4GjYLqVh9syPnWqjs8es-GtZwcUNoMWuOfo_axBvsImo6GpqiPqhzJEKqiNs5hgzsjRdzEIoSVTtycryvzlw8_JWxKKb_lyVqRu7vzUqGQM/s320/Blogger+Page+Navigation+Widgets.png


this post will help you to add page number navigation easily. it will helpful to your visitors to keep watching your other post.so you can increase page-views.
Its just  blogger widget . try it.


1.Go to your Blogger’s Dashboard 
2.Select layout

 3.Add a Gadget 

4.Choose HTML/Java Script Gadget 

5.Paste the code (given below) in your java script.


6. click save and congratulations
 
 Place the java script widget just below the post section of your blogger's layout.

 this video explains more

Read More

Automatically Add Your Blog Posts to Your Facebook Fan Page Wall

2:29 PM  Unknown   0


 


You can use your blog’s RSS feed to automatically add new blog posts to your Facebook Fan Pages. Matt Wildman, LSE Careers Service, explains the options.
There are several applications you can use to feed blog posts to Facebook.  Each one displays the posts on your page’s wall, so that everyone that ‘likes’ your page will also see your posts in their newsfeed.  Some tools provide the option to create a separate ‘Blog’ tab on your page and some allow people to subscribe to your blog and give you user statistics.



 1. Sign in to Facebook.com
 
2. Open RSS Graffiti App



3. click on add new




4.enter your domain  name
 



 5.complete this table



6. click on “save” and that’s it.


 Now whenever you publish a post to your blog, it will automatically be published within seconds to your facebook account.



this video explains another method


Read More

how to put adsense in blogger post

10:35 AM  Unknown   0



Easy Steps To Insert Adsense After Blogger First Post - See more at: http://www.thatnaijablog.com/2013/05/insert-adsense-to-blogger-first-post.html#sthash.yqgiUoKu.dpuf
Easy Steps To Insert Adsense Ads In Blogger Post



  • firt :Creating Google Ads

  1. Sign in to your account at http://www.google.com/adsense.
  2. Visit the My ads tab.
  3. From the sidebar, choose your product. If you simply want to display ads on your website, choose "Content."
  4. Click +New ad unit.

     5.Name and customize your ad unit.
  • Name: Provide a unique name and description that will help you find this ad unit later.
  • Ad size: In general, wider ad units perform better. We encourage you to choose one of our recommended ad sizes, which have shown to perform well across a variety of sites.
  • Ad type: We encourage you to display both text and image ads. By displaying more ad types, you can earn more revenue.
  • Backup ads: When no targeted ads are available, you can choose to display another ad or color instead.
  • Custom channels: Custom channels are an advanced feature that you can use to group specific ad units together. Learn more about custom channels.
  • Ad style: Choose an ad style that complements your page. (View tips.) You can also set a different font face, font size, and corner style, or just use Google defaults.



6.Click Save and get code.
7.Now copy this code. 

    • second :Adding Google Adsense in Blogger Below Post Titles

      1. Go to Blogger------> template

       

      2. Click on Edit HTML

       

    3. use Ctrl+F  to find

                    "  <b:include data='post' name='post'/> "



     4.Insert the following code below just before the code above

                         <b:if cond='data:post.isFirstPost'>
                         <div align="center" style="margin-top:0px; margin-bottom:10px;">
                         your ads code here
                         </div>
                         </b:if>

    5.Click on save and congratulation

    Hint:  Replace Adsene Code Here with your Parse Adsense code. - See more at: http://www.thatnaijablog.com/2013/05/insert-adsense-to-blogger-first-post.html#sthash.yqgiUoKu.dpuf

    this video explains more

    <b:if cond='data:post.isFirstPost'>
    <div align="center" style="margin-top:0px; margin-bottom:10px;">
    Adsense Code Here
    </div>
    </b:if> - See more at: http://www.thatnaijablog.com/2013/05/insert-adsense-to-blogger-first-post.html#sthash.yqgiUoKu.dpuf
    Easy Steps To Insert Adsense After Blogger First Post - See more at: http://www.thatnaijablog.com/2013/05/insert-adsense-to-blogger-first-post.html#sthash.yqgiUoKu.dpuf

    Read More