Engineering and management of Google Adsense Ads

There is so much trouble with Google Adsense Ads, Some ask:

How do I put ads on the site or in our blog? 
What programming language should I wear? 
May I ask the ad script?

    Yes, many who think that putting ads on a website or blog is a complicated job that requires a high level of programming knowledge. In fact, no! Anyone can do it including you all.

    After learning all about Google Adsense ads, you are expected to:
    1. Understanding the Google Adsense products
    2. Understanding the Google Adsense ad impressions configuration
    3. Understanding How to promote Google Adsense Ads
    4. Understanding How Google Adsense ads placement
    5. Understand requirements provided by Google Adsense
    6. Knowing Things to avoid in business Adsense
    Maybe it was just exposure from me about the Engineering and Management of Adsense ads.

    Google Page Rank Update Schedule 2012-2013

    Good afternoon all. Blogs instinct will allow a post dealing with a Page Rank of the latest schedule. With the schedule of this page rank we can predict or deliver the most powerful moment for our blog to get a high page rank.

    With this we will explain a little about Page rank themselves. Page rank will not work on a blog that is copy and paste because Mr. Google will track blog articles are really into Google criteria. Because Google do not want in fooling by the bloggers, therefore from now on let's make a blog article Google it meets the criteria in order to get a high page rank. As an example: Blogger Sitemap Generator New Version
    Blogger Sitemap Generator New Version


    Here's Google Page Rank Update Schedule:
    • Update 1 - January 30 to February 2
    • Update 2 - June 30 to July 2
    • Update 3 - 30 September to 2 October
    • Update 4 - 31 December to 3 January 2013

    Software Box or Button Makers Spoiler Blog

    Sometimes friends of bloggers have trouble when it would make a box or button on the post spoilers because the length and complexity of JavaScript code to make the spoiler box.

    But now there's a very simple, easy and instant to make a spoiler box without having to bother fiddling with the code JavaScript spoiler. Now you just need to use the freeware "Blog Spoiler". With size 170 Kb Portable Software.

    You can make a spoiler box easily and can simply copy-paste it. If you are interested in this software is worth to try it please.

    Download Spoiler : http://downloads.ziddu.com/downloadfile/17604138/BlogSpoiler.rar.html.html




    The applicability of the way:
    • Run the software Spoiler Blog
    • In the box on the Generate button!, Fill in the title spoiler / title for the spoiler.
    • In the larger box, the contents can mate with the contents of the spoiler box, such as messages, pictures or vide.
    • Click the Generate button! to begin the process of making a script spoiler box.
    • Copy the scripts contained in the larger column earlier and paste it in your blog post.

    How To Install Script Code When In Copy Paste


    Good night all. We will make a posting articles on the subject how to post the article when in copy and paste any link sources automatically. With this we will give you tips and tricks. But blogger friends are still not aware of any behavior that does not want to us all, until now still do a lot of copy and paste articles without giving the source link that writing the original article.

    Let us now together awaken the urge to do copy paste of the article to others. Let us work, write it yourself and use your common sense. All humans have the ability. If you are still committing a copy paste of the article to others. So when the Smart People.


    Let us go in to a discussion on How to Install Script Code When In Copy Paste:

    Step - Step is:


    1. Blogger Login With Your Google Account
    2. If you have the dashboard go to Design » Edit HTML
    3. Insert the following script below <head> code:


    <script type='text/javascript'>
    function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright instingblogs.blogspot.com Under Common Share Alike Atribution"; // change this if you want
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
    body_element.removeChild(newdiv);
    },0);
    }document.oncopy = addLink;
    </script>



    4. Do not forget to change the URL instingblogs.blogspot.com the script with your blog url.
    5. After that save the template.
    6. Completed.

    How To Make a Box Author Under The Posts


    Author box or can also tell the admin mailbox identification is usually used as an article writer on a blog, Author Box you can fill with a thank-you to the Visitors who have visited and read articles on your blog.

    If you want to apply these tips please follow the steps below:

    1. Login to Blogger
    2. Go to Menu Design - and select Edit HTML
    3. Check the "Expand Widget Templates"
    4. Paste the code below the above code ]]></b:skin>

    .admin-author{
    display:block;
    width:auto;
    background:#F5F5F5;
    border:1px solid #C0C0C0;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#222;
    }
    .admin-author .kontainer{padding:5px;}
    .admin-author h1{
    background:#C0C0C0;
    border:none;
    border-bottom:1px solid #C0C0C0;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-author h1 a{color:#FEEA83;}
    .admin-author img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:0px solid #E6E6FA;
    padding:2px;
    background:#E6E6FA
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }


    5. Still in the edit HTML, now paste the following code above the code <div class='post-footer'>


    <!-- Box Admin -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-author'>
    <h1>Popularized by : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - SEO Friendly</h1>
    <div class='kontainer'>
    <img height='80' src='http://2.bp.blogspot.com/-PqELinm6HyY/T6TEQjUZFKI/AAAAAAAAADQ/jP5dbrw3jZE/s200/Aelke_Mariska_admin.png' width='75'/>
    You are reading the article instinct blogs - SEO Friendly entitled <b><a expr:href='data:post.url'><data:post.title/></a></b>, We are sorry if you think there is a very important artike, do not forget to subscribe by entering your email in column Get Updates Via Email. If there is a question which if you think do not forget to leave a comment below. Without any spread of SPAM.. <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://instingblogs.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Box Admin -->


    Important Note: Do not forget to change the URL of our admin Photo bold and red
    6. If it is completed in the edit template please save your changes now, and see the results.

    How to Create a New Blogger Sitemap Generator



    - Visit the site at the address http://ctrlq.org/blogger/
    - Enter your blog url. Do not forget to add the slash behind.
    Example: http://instingblogs.blogspot.com/






    - Click Create Sitemap
    - Write down the address sitemap has been created.



    Submit sitemap address is the same way as you add the blogger sitemap to feed as the default when you enter into Websmaster Submit your Blog Tools.

    Blogger Sitemap Generator New Version

    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 – see example. 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.

    Open the Sitemap Generator and type the full address of your blogspot blog (or your self-hosted Blogger blog).
    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).
    Next go to your Blogger dashboard and under Settings –> 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.

    For How to Use New Blogger Version Sitemap Generator. Have you Click Here


    Source : http://www.labnol.org/

    How To Change The Navigation Buttons With Images

    In this tutorial I will give a very simple tips, the How To Change Navigation Buttons With Pictures. Navigation button is located below the Post. When you see the next post navigation buttons that we will modify the image.

    Let's look at this tutorial.

    Step 1
    Log into your blogger account
    Step 2
    Click the Design or Design
    Step 3
    Press the Edit HTML, do not forget to tick Expand Widgets Template
    Step 4
    Looking <data:olderPageTitle/> code after you find the code change with the code below

    <img src='http://1.bp.blogspot.com/-xtb-_7jEjIY/Th69y6t9sVI/AAAAAAAABKQ/slLsdQ43ZMc/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

    Step 5
    Looking <data:newerPageTitle/> code after you find the code change with the code below

    <img src='http://2.bp.blogspot.com/-Odp_sQbM7_s/Th69zJM7FcI/AAAAAAAABKU/cjzpZkRMtM0/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

    Step 6
    Looking <data:homeMsg/> code after you find the code change with the code below

    <img src='http://2.bp.blogspot.com/-Tm9sP0CPQBs/Th69yh2PpZI/AAAAAAAABKM/R_0wxEBGVuM/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>


    Step 7
    Save your template you just edit and view changes to your navigation buttons.

    How to Make Breadcrumbs Menu


    Breadcrumbs are a part of the navigation menu that is used in the user interface. That lets visitors know where the location of the document in the blog. Breadcrumbs are also the choice of SEO master, once said the master-web-blog mater in this way is preferably the same as search engines, especially Mr.Google.

    If you want to make Breadcrumbs are the steps you have to do is follow the tutorial below:

    Step 1

    Finding the code ]]></b:skin> after you find the code please copy and paste the code below. Position the code is right on it.

    .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}


    Step 2
    Still in search of the next code. Your search for code <b:include data='top' name='status-message'/> Sometimes this code there are two, if there are two you please also put code like this, <b:include data='posts' name='breadcrumb'/> the shape and position will be like the example below :

    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>
    <data:defaultAdStart/>


    Up here first tips and tricks on Breadcrumbs, hopefully these tips useful for us all.

    How To create a Horizontal Menu at Blog

    This article I will discuss about the blog menu, blog menu itself is a variety of models and a lot of blogger friends who have given tips on this, perhaps someone who knows that such a menu requires instinct blogs, blog own menu You see a lot and there are various models that use CSS, JQuery and JavaScript.

    Let's look at tips this time:

    Step 1
    Login to your Blogger account.

    Step 2
    Select Layout -> Edit HTML -> check "Expand Widget Templates".

    Description:
    Before performing the edit template, you should download the template of your own by pressing the download button at the top corners. Because Genesis to avoid unwanted by us.

    Step 3
    Find the code code ]]></ b: skin> and Copy-Paste the following code in the code above ]]></ b: skin>.


    /* navbar
    ================== */

    #bg_nav {
    background: #ffffff;
    width: 850px;
    height: 29px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #000000;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    }
    #bg_nav a, #bg_nav a:visited {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0px 0px 3px;
    }

    #bg_nav a:hover {
    color: #000000;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
    }

    #navleft {
    width: 500px;
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #navright {
    width: 220px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }
    #navright a img {
    border: none;
    margin: 0px;
    padding: 3px 5px 0px 0px;
    }

    #nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    #nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

    #nav a, #nav a:visited {
    background: #ffffff;
    color: #000000;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    border-left: 1px solid #ffffff;
    }
    #nav a:hover {
    background: #c06000;
    color: #000000;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    }

    #nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #ffffff;
    width: 160px;
    float: none;
    margin: 0px;
    padding: 7px 30px 7px 10px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    }
    #nav li li a:hover, #nav li li a:active {
    background: #c06000;
    padding: 7px 30px 7px 10px;
    }

    #nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

    #nav li:hover ul {
    left: auto;
    display: block;
    }
    #nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }


    Step 4
    Then look for the code as shown below


    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'
    showaddelement='no'>
    <b:widget id='Header1' locked='true' title='test
    (Header)' type='Header'/>

    ... and so on ...

    </b:section>
    </div>


    - Once you find the code that we mean.
    - Next enter the following code just below the code </div>


    <div id='bg_nav'>
    <div id='navleft'>
    <div id='nav'>
    <ul>
    <li><a href='http://your blog address.blogspot.com/'>home</a></li>
    <li><a href='http://your blog address'>Add Link</a></li>
    <li><a href='http://your blog address'>Add Link</a></li>
    <li><a href='http://your blog address'>Add Link</a></li>
    <li><a href='http://your blog address'>Add Link</a></li>
    </ul>
    </div>
    </div>


    <div id='navright'>


    <form action='http://your blog address.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
    </form>
    </div>
    </div><!-- bg_nav --->


    And the Last Save Your Template
    Our first article may be useful for us all

    Complete Driver For Acer Laptop

    Acer Driver Windows Xp, Windows 7 and Vista complete - In re-install or upgrade Windows operating system be it Windows XP, Windows 7 or windows vista then the thing to watch is whether we already have a backup driver of laptop / net-book. Why?

    A. Because most of the windows XP driver can not be used for windows 7 drivers, although the same hardware. Therefore very important for us to download the driver matches the type of laptop / notebook or net book, and we adjusted the windows operating system that we use.

    B. Tips on how to set this time will not share the download link but acer driver complete, how do we download driver acer official website acer.co.id so that lessons can be used as guidance when faced with the problem or reinstall on a laptop.

    Tips on How to Download Drivers Acer on the official website

    1. Know which type of laptop you use (exemplified here looking for driver acer aspire 4520 notebook)
    2. Find the driver according to the type of laptop / netbook that is used on the official website of acer http://www.acer.co.id/ac/en/ID/content/drivers
    3. In the Select Product Family selection box select Notebook.

    4. Then select Product Line your laptop, select the Aspire.

    5. Select a Product Model of your laptop. Click the Aspire 4520,

    6. Click the Windows operating system and the bit you use
    7. When you are done then we can download the driver through the link provided (marked with arrow down) by a support center acer.


    So the trick this time for the start of our posts, may be useful for us all.

    About The Author Instinct Blogs

    My name is "El Khoir" my daily job as craftsman design is in a rural, eastern Java. In addition, I also worked as a recipient of services and the creation of making my blog pretty much had enough and proven.

    Blogging is one of my hobby and side job because I can pour your thoughts and writing the story of my everyday life, experience, how modifications blog, criticism, suggestions, and discourse as well as to make me communicate with Blogger and all readers in general widely and without limit. Blogging however, was to write and blogging is forever making the paper applied to the virtual world via a free domain sites that blogger.

    I first tried to create a weblog with Wordpress platform, but later on it was finally my turn to get bored and give up my love for Blogger. I really like tinkering with HTML, XML, CSS, and Javascript, but rather "hurt" by PHP.

    Not A Secret Again ..! is one of my personal blog that was founded in December 2011 to pour the blog and learn how to deliver a wide range of information and news is one of the most complete and Tutorial Blog Up To Date, especially in the Mastering Blog, Blog Writing, Blog Design, Widget, and SEO blog as well as a trial to prove that the second level domain (subdomain) can achieve high SEO and can compete with others. Some other blogs talking about internet business, all kinds of information and the latest news, secret blog, technologist complete. Etc..

    Please do not hesitate to contact me, either for personal, business professionals, making personal and business blogs, ads, etc. You are welcome:


    Admin Insting Blogs
    El-Khoir