Showing posts with label custom blogger widgets. Show all posts
Showing posts with label custom blogger widgets. Show all posts

How To Add Adsense To Blogger Header

How To Add Google Adsense to the Header (Above the Title)

If you want to add Google Adsense to your header for instance above the title you can by adjusting your template to give you the option of adding more than one widget to the header area.

1. Login to Blogger and navigate to Layout > Edit HTML

2. Back up your template as a precaution by downloading the full template to your computer

3. Check the Expand Widgets Template box

4. Find the following code. Easiest way is to select CTRL + F to bring up the toolbar. Then enter

into the find box: <div id='outer-wrapper'>

5. Then navigate lower and find maxwidgets='1'  and replace with maxwidgets='3'

6. Save Template

7. Navigate to Layout > Page Elements and view the new option to add a gadget to the header area

8. Click on Add a Gadget and select Google Adsense.

9. Choose the type of ad unit you want. For this example I chose a new linked 728x15 ad unit from the dropdown format menu for an ad that would sit above the title. Configure colors if necessary. Color blending is usually done automatically by Blogger according to the color schema of your template.

10. Click Save

11. Click View Blog to see your new Google Adsense unit in place. all going well your new ad unit should appear look something like the image below


How to Add Google Adsense to the Header (Below the Title)
To have your new Google Adsense linked unit appear below the title the steps are the same as above. The difference is that you will need to shift the ad unit into position by using the drag and drop feature to move the widget below the header title in the Layout > Page Elements page.


By default Blogger will left align these ads so if you want to center the Adsense unit then use the <div align='center'>
 <b:section class='header' id='header' maxwidgets='3'>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<div align='center'><data:adCode/></div>
</div>
So, that is it.. if you have any problem... please do let me know.

If you don't know how to install adsense on your site then read this topic on installing adsense on your blogger site
Precious Ngwu

How To Add Header Logo To Blogger Site


 Do you often see my site image instead of the normal boring text and you are worrying how I removed the text (CB Profit Sniper Sites) and replaced it with a stunning beautiful image?

Ok, if you also love that then here is the simple steps on achieveing the sames result by replacing your site title text with an image without affecting your site search engine optimization.

Please go through following steps to add your own logo to the blogger.com or blogspot.com blog

  1. Log in to blogger.com
  2. Go to Dashboard
  3. Go to Edit Template / Layout of the blog for which you wanted to add the logo and you can see the following screen
  4. On this screen click on the "Edit" link in the Header portion as shown in the above image. If (Header) portion is not present for your blog then go to "Add a Gadget" link and from there add an
  5. The pop up will open as shown bellow. You can upload you logo image from you computer or provide the web location
  6. In the placement, choose "Instead of Title and Description" so that they will be hidden.
  7. And Finally click on Save button and everything is done.
Checkout your site and see what you've got up there...

Precious Ngwu

    Show Top Commenters Widget For Blogger Site




     If your blog has some loyal visitors and commenters, so one way to show your gratitude for them is to make your blog a "dofollow" blog, or you can add a top-commenters widget to your blog.


     Just follow these simple step...


    How To Insert Code in Blog Posts


    Seriously, this one really bit off my lips when I realized that over 10 posts that I have published with lots of codes does not appear and i have o edit them again and I didn't want you to make the same mistake and that is why I'm taking my time now to show you how to insert code (HTML, PHP or Javascript) code to your blog pot.


    Normaly if you copy-paste some code into the edit HTML or Compose window in your Create post form in Blogger the code will render and show what it is supposed to show. But what if I want to show you the code, not the result of the code.


    Adding Recent Comments Widget To Your Sniper Site

     Recently I have posted about showing Top Commenters Widget in your blog, aHere's another widget to be added on your blog, which shows the posts where recent comments have been made.

    How To Add Social Networking Buttons for Sharing You Posts



    For a long time,  adding social networking icons to your blog you will definitely boost your blog's traffic, if done properly. So be careful while placing them. They should be attractive, correctly placed, aligned and also they should be visible separately from the post.

    Some other good bog sharing buttons include the AddToAny and  AddThis buttons but the fact is that they now look outadet and I mean, readers don't even like using them to share your posts again as most will say that it looks boring.
    But hey... here is the new styles and desgigns that people wants to see

    How To Adding A Forum To A CB Profit Sniper Site



    Forums are entirely different from blogs. Forums let your readers interact with each other, create new topics/discussions and some of them even moderate the forums along with you.
    1. Forum from Wikipedia.
    2. The popular Digital Point Forums

    But in free Blogger/BlogSpot blogs, you are not allowed to create a sub-domain or even a new directory (an online folder). So hosting a forum seems impossible, but not anymore. Before you read any further, see these 2 examples:

    Adding Stumble Upon Buttons With Counter To Your Site







    Recently, I have been sharing a lot of free custom blogger widgets with you guys and I can assure you that this is just the beginning of the whole freebies, so that is saying Welcome to CB Profit Sniper Sites.


    In this tutorial, I will be sharing how you can add a stumble upon button with counter to your cb profit sniper sites.

    So, now you canbe able to  add "Stumble It" buttons/badges to your sites along with a counter to show the number of stumblers stumbled on your site/post via StumbleUpon.com
    The buttons are straight from StumbleUpon, with no modification required. Your readers will simply click these buttons to submit your pages to StumbleUpon and all the visitors coming to your page from SU will be counted by SU and the number of visitors will be shown in these buttons.

    Contact Me Widget for Blogger




     Hello...
    These days most people now want to hide their email address away from the public to protect them from all the daily increase email spamming and the best way to do is simply using a contact me form on your website.

    I started using different kinds of contact me forms on my website lately but so far I have found this form to be the #1 among them and I tested it with blogger and it was completely amazing that any person will love to have to have it.

    Google Custom Fonts for Blogger

    Bloggers and web-designers were using those simple web fonts to style their blogs and templates. They didn’t had an option to change those fonts as there were only some fonts accepted world-wide as web fonts. It was impossible to use another fonts on web pages as they would appear in ten monitors in ten different styles ! Their appearance may change in  respect of the change in the OS, softwares … etc of that computers. So web-designers were trapped under those countable fonts


    But now Google has launched their new service Google web fonts with the slogan – ‘Making the Web Beautiful!’. This service will allow you to use custom fonts on google font directory on our blog/ websites without any sign-up or anything else. As it’s from ‘Google’, It doesn’t have any complications and it’s also completely free for commercial and private use.,No restrictions held or no harsh laws. This could make your blog look more stylish and is applicable for blogger blogs too. Don’t get amazed, It’s True ! I’ll show you how to do it with blogger.

     
    powered by Blogger | Downloaded from free website templates