html solution

increasing CTR ads with Section Targeting

noreply@blogger.com (Unknown) — Thu, 29 Dec 2011 22:21:00 +0000

before performing the target section, my ads are always under 0.0x dollars. with so great impresion, still click on ads gained less. why? because the ads that appear on our website are not the same as the content. try to imagine you as a visitor. go to the web that contains tips about phones, but the ads that appear, talking about home. you want to click on those ads?

this is section targeting works, you may see what's google talk about Section Targeting:

Google AdSense ads are automatically targeted to the content of your webpage, but sometimes you may want to emphasize or downplay certain sections of your page - for example, you may want to emphasize the first paragraph of your article or ignore your menu bar.

Section targeting allows you to suggest sections of your text and HTML content that you'd like us to emphasize or downplay when matching ads to your site's content. By providing us with your suggestions, you can assist us in improving your ad targeting. We recommend that only those familiar with HTML attempt to implement section targeting.

To implement section targeting, you'll need to add a set of special HTML comment tags to your code. These tags will mark the beginning and end of whichever section(s) you'd like to emphasize or de-emphasize for ad targeting.

The HTML tags to emphasize a page section take the following format:

You can also designate sections you'd like to have ignored by adding a (weight=ignore) to the starting tag:

With these tags added to your HTML code, your final code may look like the following:

<html><head><title>Section targeting</title></head>

<body>

This is the text of your webpage. Most of your content resides here.

</body>

</html>

You can use section targeting to make suggestions about as many sections of a page as you like. However, please be aware that we can't guarantee results, and that it may take up to 2 weeks before our crawlers take into account any changes you've made to your site.

In order to properly implement this feature, you'll need to include a significant amount of content within the section targeting tags. Including insufficient content may result in less relevant ads or no ads at all. In addition, please keep in mind that this feature should only be used to emphasize significant sections of your site's relevant content. It is against our program policies to manipulate the ad targeting to result in ads that are not relevant to the content of your pages.

that's it google said! now we going to implementation the code to our template blog:

Follow these steps to do it.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<b:includable id='post' var='post'>
<div class='wrapfullpost'>
<div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

4. Now replace above code with below code.

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

5. Now again scroll down to where you see this:

<data:post.body/>

6. Now replace above code with below code.

<data:post.body/>

7. Now save your template and you are done.

search engine 'loophole' get top rankings now

noreply@blogger.com (Unknown) — Sun, 25 Dec 2011 12:55:00 +0000

Hi, Let me get straight to the point!

I've always thought that the "good old days" of easy search engine rankings were a thing of the past.

At one point, you could just copy the "meta tags" of a site you wanted to out-rank, submit your site to the search engine and "ta da", top rankings...

As you know - that's ancient history. Now it takes solid content and major link-building efforts. And months of just... waiting.

At least, that's what I once believed.

But today, I think I might have actually been wrong...

I just finished watching a video that has literally left me stunned and a little confused. I don't honestly know what to think about it yet.

All I can say is... if this is for real... "wow".

get quality backlinks to increase traffic and Pagerank

noreply@blogger.com (Unknown) — Sun, 25 Dec 2011 12:50:00 +0000

How to finding great sites to link. these sites on of all places: YouTube. Now before you think you know what I'm talking about let me explain and give you the short version.

1. He said that he was looking for content to add to his sites and thought he would look on YouTube for some videos.

2. He found some that worked for his niche and then he noticed something he had never seen before.

3. When he clicked on the video and it started to play he saw there was a tab below that video that was called "Statistics & Data".

4. When he clicked on it, YouTube listed all the sites generating clicks for that video.

5. Now, maybe you've seen this before but what he did has made a difference in the traffic to his site....and his rankings!

6. He made a list of the sites and then started contacting those sites with request to link to his site and some of his videos.

7. Did everyone respond, no. Did everyone link to his site, no. But...some did!

8. He has been able to build up a good number of quality backlinks that actually get traffic and increase his PR all at the same time. Which has resulted in a boosting of orders.

9. What a great way to see YouTube to your advantage.

10. Now take action and head over to YouTube and locate some videos for your niche. Then, click on the stats tab and see who's driving them traffic.

Until next time!

fix post share button not functioning properly

noreply@blogger.com (Unknown) — Fri, 23 Dec 2011 07:13:00 +0000

Post Share buttons are the buttons can be used by visitors who to assess and share links or content specific to who they like social media, Facebook, Twitter, Google +, etc. Sharing is an important feature for bloggers. When your readers find an interesting post, they probably want to share it with other people used Post Share buttons; this in turn brings more traffic back to your blog. Blogger now offers new Post share buttons. The Post share buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks.

Blogger also has a Post share buttons link in the navbar, but for improved convenience you can now have Post share buttons below the post (we also gave them nice rollover icons). For Twitter, also integrated the goo.gl URL shortener to give you the maximum space in the Tweet to add your own remarks. You can start having the new Post share buttons show up under your posts by editing the Blog Posts widget and enabling Show Post share buttons in Design | Page Elements. Go ahead and turn the new Post share buttons on, and let some fun sharing begin!

from several templates circulating on the internet, there is no support Post share buttons. then with we do research, how to share post can function button again. If you download a blogger template from internet and not displaying Blogger share buttons or only showing blank space, then follow the steps given below to fix that problem.

Go to "Edit HTML" and check "Expand Widget Templates".
Find this and remove it ( If you can not found it, skip this step ):

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

Now find a similar code(not exactly similar) to this:

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=415,width=690&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>

Delete the above code.
Now add below code just above the </head> tag.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

If you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.
Blogger share buttons Code :

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Save your template.

tab view widget css (popular, recent, archives,etc)

noreply@blogger.com (Unknown) — Wed, 03 Nov 2010 02:34:00 +0000

Tab view widget discriptions: In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) is one that allows multiple documents to be contained within a single window, using Tab view widget as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes. GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). The name TDI implies similarity to the Microsoft Windows standards for multiple document interfaces (MDI) and single document interfaces (SDI), but TDI does not form part of the Microsoft Windows User Interface Guidelines.

Advantages

Because the tabbed document interface holds many different documents logically under one window, it keeps the primary operating system interface free of the clutter that would be created by a large number of small child windows. Another advantage is that sets of related documents can be grouped within each of several windows. Tabbed web browsers often allow users to save their browsing session and return to it later.

Although the tabbed document interface does allow for multiple views under one window, there are problems with this interface. One such problem is dealing with many tabs at once. When a window is tabbed to a certain number that exceeds the available area of the monitor, the tabs clutter up (this is the same problem as with SDI but moved to another place in the user interface).

Multi-row tabs are a second issue that will appear in menu dialogs in some programs. Dealing with multiple rows of tabs in one window has two disadvantages:

It creates excess window clutter, unless it is limited to about 3 rows that can be scrolled by the mouse wheel.

It complicates what should be an easy-to-read dialog, and at the same time makes it easier to see the titles of many tabs at once.

Finding a specific tab in a 3 or 4 level tabular interface can be difficult for some people. Part of the issue with this difficulty lies in the lack of any sorting scheme. Tabs can be strewn about without any sense of order, thus looking for a tab provides no meaningful understanding of a position to a tab relative to other tabs. Additionally, the clutter created by multiple tabs can create a dialog that is unusually small, with the tabs above it dominating the window.

Thus, although tabbed windows are adequate in environments where there is a minimal necessity for tabs (around ten tabs or less), this scheme does not scale, and alternate methods may be required to address this issue.

Tabview actually almost the same as the list of the contents of the scroll, which has the advantage of the difference tabview tabmenu, so the table of contents tabview not only contain one category but can be more than 2, in addition to use as a container for content posting, tabview can also fill in the picture, text , links, banners, widgets and other followers. edit your template with me, new article tab view widget with CSS for you. sometimes when we add more widgets to the template will look messy. therefore we need the tab view widget. but we can only summarize the three widgets in a widget. you can add popular posts, recent posts, archives, labels, youtube into one widget. lets we try to learning how to do.

Now copy below code and paste it just after <div id="sidebar-wrapper"> or else.

<div class="widgets" id="tabzine">
<ul class="tabnav">
<li class="pop"><a href="http://www.blogger.com/post-

click here :

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag.
3.Copy below code and paste it just after the ]]></b:skin> tag.

click here :

save your template.

note:
Replace widget1 Content, widget2 Content, widget3 Content with your own contents. example recent posts, popular posts, archives, youtube, labels, etc.

Bing Microsoft Live search engine

noreply@blogger.com (Unknown) — Sat, 23 Oct 2010 17:32:00 +0000

Bing search engine was developed from the Microsoft Live search engine. It is a powerful search engine which yields many relevant results for just about any keywords you enter. The Bing search engine is Microsoft’s foray into the search engine market. It is not their first attempt at creating a search engine though. The Bing search engine does not just let you search for relevant websites though. Like other popular search engines such as Google and Yahoo!, there is also the ability to search for keywords in specific categories. Some of these categories include images, videos, shopping, news, maps and travel. There is also a really cool visual search feature which lets you navigate through pictures which may be of interest to you. To use this feature you can either enter keywords or navigate through a series of categories until you find a photo of interest to you.

The results obtained from Bing are typically quite useful. They are also well laid out with a list of results appearing in the main column of the results page. There are also subheadings, which feature related keywords and a few results for these related keywords. This feature is useful from a user’s perspective because it can help them find a wide variety of information for one subject rather quickly. The layout also clearly distinguishes results from sponsored sites by placing these results on the right hand sidebar under the column heading Sponsored Sites. The other keywords featured on the results page are listed at the top of the sidebar on the left hand side for easy navigation. There is also a list of related searches you can jump to for even more information.

Although Bing might not be the most well known or the most popular search engine available, it is definitely worthwhile for website owners to monitor their rankings and take measures to attempt to improve their rankings. This is simply because it is a Microsoft product and many people are fans of anything Microsoft does and will utilise this search engine out of brand loyalty. However, it does not make sense to optimise for this search engine at the expense of more popular search engines, such as Google. For example, it would not make sense to make changes to your website simply to improve your Bing ratings if these same changes lowered your Google ratings.

Google creator

noreply@blogger.com (Unknown) — Sat, 23 Oct 2010 17:12:00 +0000

Think about when your friend asks you the name of a song and you can’t think of the answer. Do you tell him to just DogPile it? Do you tell them to Yahoo! it? No, you are much more likely to tell him to Google it. That is because the marketing team at Google has done such an excellent job of branding this company that their name has come to mean search engine in the minds of many internet users. It is the first place many of them turn for any information they want.

Well, before we come into the picture I have to admit the marketing team at Google also played a significant role in the success of Google. While Page and Brin put together the concept behind the page rank system, it is their marketing staff who really helped to promote Google as the superior choice in search engines. The fact that Google produces reliable results is important, but there are other search engines out there such as Yahoo! and Bing that are also doing this, but they are not nearly as popular as Google.

Do you want to know a secret? The answer to the question in the title of this article is me. That’s right, I created Google. No, really, and so did you. You don’t believe me? Okay, maybe that is because you have already heard the story of how Google was created by Larry Page and Sergey Brin, PhD’s of Stanford University, and how the concept for Google was born of Page’s dissertation idea to investigate the mathematical properties at work online. It is truly a great story and Page and Brin do get the credit for creating the company known as Google, but they are not solely responsible for the popularity of the company. This is where you and I come into the picture.

Which brings us to why I created Google! Right, it wasn’t just me, you helped too. Page and Brin created the concept their marketing team promoted, but it is the users of the internet who embraced it so wholeheartedly. It is also the users of the internet who have remained loyal to the brand. While other fads on the internet have come and gone, this search engine is showing no signs of losing popularity because the internet users are happy with the results they receive when they use Google.

Search Engine Spider Blogspot

noreply@blogger.com (Unknown) — Sat, 23 Oct 2010 16:56:00 +0000

The job of a web spider can be to gather information or to report about the structure and validity of various websites. Web spiders, also referred to as crawlers, extract data from the internet and pass it to other applications associated with each search engine, which indexes the contents of websites and displays the search results. Let’s have a look at the workings of a search engine web spider. It is the web spider you should thank when you get the desired result after you type some keywords in the search box. A search engine makes use of many web spiders to crawl numerous pages available on the internet, to find the content related to your search and indexes the relevant links.

Have you ever wondered how a search engine is able to find the right links for you when you are searching of some information? A web spider forms the basic foundation of a search engine. It is a program which crawls the net in a particular manner for some specific purpose. Find out how…

The rank of a website depends largely upon the site’s content and the number of pages which link to it. However, even with the help of web crawlers, searching the internet is a challenge. If you want to know how big a challenge it is to find the appropriate content for the user, the fact that Google indexes more than 8 billion pages should suffice. Web spiders also follow a ‘politeness policy’, which gives the right to the web server to control which content can be crawled and which not.

Apart from search engine web spiders; there also exist corporate web crawlers. The corporate web spiders list links and content which are not available openly to general public. These spiders do not work in a large scale environment and are restricted to a local network. Since the search of these web spiders is constrained, hence they deliver with better efficiency.

Google has taken an initiative to bring such spiders closer to the public by offering a search engine which can index the content of a work station or a personal computer.
Some non conventional uses of spiders are making content archives and generating statistics. An archiving web spider is used to extract all useful content from a website and store it locally for long-term. This can thus serve as an overview of the content and at the same time act as back-up. Web spiders can generate interesting statistics like the number of web servers running at a given time, the number of web pages available, and the number of broken links.

Another specialised form of web spider is the web site checker. It crawls through the site for missing content, broken links, and validity of HTML in your design. Web spiders thus serve a lot of purposes on the net and come to your aid when you are in search of some information. Web spiders have truly revolutionised the searching process on the internet.

spoiler in posting blog

noreply@blogger.com (Unknown) — Tue, 12 Oct 2010 00:43:00 +0000

Spoiler useful to hide the image with large size, or links. This can summarize your post. can also hide the html code in posts, we usually use the text area. This may be another alternative to put html code in your posts.

the spoiler itself has to be masked so that it can not be visible to any but those keen for details. There is among internet users a socially unique but pointedly expressed insistence on being protected from material considered to include "spoiler" information by website operators or forum moderators, even in the internet version of settings where such material has conventionally and historically appeared, such as discussion groups or literary reviews.

As a result of this level of objection to spoilers, trolls may post them purely for their own pleasure – finding amusement in believing they are completely ruining a narrative experience for others. On reputable websites, these can be reported to moderators and such posts taken down, the posters blacklisted, but only after the fact. Conversely, many who wish to discuss a fictional work in depth, including the outcomes of events and the handling of the narrative resolution, feel compelled to avoid participating on public websites altogether, set up "closed" websites to exclude those who are sensitive about spoilers, or unilaterally blog at the expense of public exchange. The appearance of spoilers on an internet website is not considered a violation of terms and conditions by any ISP.

Here are the code must be added in posts and in html editing (not in compose mode):

click here

good luck, if any difficulty by doing this spoiler style, please contact me.

widget popular posts

noreply@blogger.com (Unknown) — Thu, 01 Apr 2010 06:04:00 +0000

populars post that makes widgets available on the Internet partly explains just copy the code, and that's why the widget is not working properly, or no road at all. I was lucky to get a tutorial from bloggergeeze. after I follow his explanation. widget is running smoothly. but the explanation given somewhat less fit, so gumbung must modify the bit to run smoothly.

A widget is a stand-alone application that can be embedded into third party sites by any user on a page where they have rights of authorship (e.g. a webpage, blog, or profile on a social media site). Widgets allow users to turn personal content into dynamic web apps that can be shared on websites where the code can be installed. For example, a "Weather Report Widget" could report today's weather by accessing data from the Weather Channel, it could even be sponsored by the Weather Channel. Should you want to put that widget on your own Facebook profile, you could do this by copying and pasting the embed code into your profile on Facebook.

Embeddable chunks of code have existed since the early development of the World Wide Web. Web developers have long sought and used third party code chunks in their pages. Early web widgets provided functions such as link counters and advertising banners.

Widgets may be looked upon as downloadable applications which look and act like traditional apps but are implemented using web technologies including JavaScript, Flash, HTML and CSS. Widgets use and depend on web APIs exposed either by the browser or by a widget engine such as Akamai, Clearspring, KickApps, MassPublisher, NewsGator, Plusmo, Widgetbox, Widsets, WebWag, FormLoop and many others.

Sites such as MassPublisher, SnackTools, FormLoop and Widgetbox, allow users to easily create widgets from their own content with no coding knowledge necessary.

here the tips for those of you who have visited my blog. enjoy the widget!

1. you must login first at yahoo. then
2. go here yahoo pipes.

3. When you see the pipes, just click clone and it will automatically copy the pipes to your account. Now we just need to further customized it.

4. After you have cloned the pipes, we still need to copy one more pipes next click the "Edit Source" tab.

5. When the pipes appear, then scroll down then find the "Loop" function with [open] Blogger2... then click "open".

6. After you clicked open, another set of pipes will appear and you need to save a copy of it. Save a copy by just clicking the "Save" button at the upper right of the Edit Source screen.

7. Navigate back to main pipes, you may do two things. Click "Back to My Pipes" or just by simply clicking the tab you will see at the upper section. Demoed below, click the image to enlarge.

8. Now let's further customize the pipes, this the default url when the main pipes are not provided by your blog URL.

9. Test your widget if it's working by clicking the "Pipe Output" on the bottom of the source pipes screen.

10. Now just save it by save as copy

11. Then finally run the pipes, the "List" tab should show the most popular posts with the number of comments.

Now we're done on the Yahoo Pipes part, now here is the Blogger Part.

1. Log on to your Blogger account.
2. Go to Layout tab then add a HTML gadget.

3. Then copy this code below, and paste it on the HTML/Javascript gadget.

click here

4.) Replace http://yourblogurl.com with your blog URL. "numpost=5", this will give 10 post to display you can alter it to number of posts you desire. Then the crucial part is the Yahoo Pipes id where you should replace it by the id you will find at the "Pipe Web Address" we clone back at step 3. Click the image to enlarge.

Replace the red highlighted part of the code with your pipes id.

Now save the gadget and template. View it and the most popular widget should show on your blog. thanks to bloggergeeze and I fix it a litle.

Friendly SEO blog

noreply@blogger.com (Unknown) — Sun, 28 Mar 2010 17:04:00 +0000

Nothing appears on page search enginePerhaps the fault is in your own template. make your blog more SEO friendly. If you want google SEO friendly for your blog there should be improved a bit from your template. here how to do it.

1. login to www.blogger.com > layout > edit template

2. find this code <title><data:blog.Title/></title>

3. replace with this code:

click here

note:
replace #### with title from your postings
<title><data:blog.Title/>####</title>

to add your blog title at the back of each title of the posting
<title><data:blog.pageName/>####</title>

add elemen footer - divide by 3 column

noreply@blogger.com (Unknown) — Sat, 20 Mar 2010 17:18:00 +0000

lots of widgets that available on the Internet. until running out of places to put it. well there's footer to fill it. how to add elements to the footer (bottom template) on your template? gumbung will discuss here simple and clearly. edit html.">first login at www.blogger.com then select layout > edit html. find this code: ]]></b:skin>

step 1 add this code above code: ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

will be like this

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
]]></b:skin>

step 2 look for the code below

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

or something like this

<div class='footer'>
</div>

add this code at above of it

click here :

will be like this

click here :

or this

click here :

and done, enjoy the new feature from your template blog

Link Exchange widget blog

noreply@blogger.com (Unknown) — Fri, 19 Mar 2010 21:39:00 +0000

how to make widgets link exchange. gumbung will discuss more about this. Links Exchange is one way of increasing pagerank or the number of visits to our blog. before stepping, it helps us make a banner beforehand, please visit this website.

my tukar link widget, example:

Login to blogger > layout > add elements > html / java script. copy this code:

step 1 such as the number in the image above, change the word to your taste. example:

<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda </p>

step 2 such as the number in the image above, generated html code image from www.cooltext.com, change it to yours.

<p><a href="your adress"><img height="55" width="179" alt="Gumbung Blog" src="http://images.cooltext.com/1433418.png" /></a></p>

step 3 such as the number in the image above, this is a teks area widget, change it with html code from www.cooltext.com.

<p><textarea rows="3" cols="20"><a href="your adress"><img src="http://images.cooltext.com/1433374.png" width="179" height="55" alt="Gumbung Blog" /></a></textarea> </p>

note: this html code from www.cooltext.com, you can delete the blue text below. and change adress from your site on red text.

<a href="your adress"><img src="http://images.cooltext.com/1433418.png" width="179" height="55" alt="Gumbung Blog" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=516485711">Create Your Own</a>

after edit

<a href="http://gumbung.blogspot.com"><img src="http://images.cooltext.com/1433418.png" width="179" height="55" alt="Gumbung Blog" /></a&g

add adsense on posting blog

noreply@blogger.com (Unknown) — Mon, 15 Mar 2010 22:25:00 +0000

After get the adsense code, coverted / parse with xhtml code, you can put adsense on the blog post. placing adsense on posting can increase CTR of your blog. her way to do it. from blogger dasboard click layout > edit html > expand template widget.

find this code

click here

example

click here

add adsense code like this

click here

if you placed above from this code <p><data:post.body/></p> , adsense will appear below the post title.

if you placed below, it will appear at the bottom from your post.

mengganti warna pada template

noreply@blogger.com (Unknown) — Tue, 09 Mar 2010 18:29:00 +0000

warna dasar pada template dibagi menjadi 3 bagian yaitu red, green, dan blue (#00 00 00) anda tinggal mengganti nilainya dengan huruf dan angka. bila angka dimulai dari 00 sampai dengan 99. huruf dimulai dari AA sampai FF. 00 pertama adalah untuk warna red, 00 kedua untuk warna green, dan untuk 00 ketiga untuk warna blue.

contoh warna:
black #000000
white #FFFFFF
red #FF0000
blue #0000FF
cyan #00FFFF
magenta #FF00FF
yellow #FFFF00
green #00FF00

Selain mengganti warna template anda juga bisa mengganti background dengan gambar yang anda inginkan. tinggal masukan alamat URL gambar.

contoh background dengan gambar:

#comments-block {
background:#FAFAFA url(http://i37.tinypic.com/2h4hmyu.gif) repeat-x left bottom;
padding:15px;
border-bottom:1px solid #CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

bila anda ingin mengganti dengan warna cukup hapus kode ini:
background:#FAFAFA url(http://i37.tinypic.com/2h4hmyu.gif) repeat-x left bottom;
dan ganti dengan: color:#999999; (contoh).

offline blog with Windows Live Writer

noreply@blogger.com (Unknown) — Tue, 09 Mar 2010 18:23:00 +0000

Windows Live Writer is a softwares released by microsoft to support the operating system, in this case, of course Gumbung believe in safety. to facilitate you in this post on a blogger, you can do it in offline mode (without internet). because posting that you create will be saved in the draft. for those who want to economize the cost of these softwares may be suitable, you just post as much as possible and stored in the draft, to offline mode you do not have to copy their HTML code after the first was just put in the edit HTML compose bloggers, because these softwares have a draft system like sms handphone. if you want to display on the internet live online course and click publish. Windows Live Writer can be used for several blogs, internet cafe users must be installed on a computer cafe does not need hard, simply use the portable version only. (How to make windows live portable = remember tool windows live writer do not forget to install, because when already been in a portable, can not install the tool). you are not bothered with hal2 other, as should update first, can not install the tool, if your computer is in use for many people, do not be afraid, because you run it through your own flash, not practical.
There are things that make Gumbung interested in these softwares, there are source and preview button at the bottom. useful editing posts with HTML formatting. maybe your post is that using the function "read more", can be directly made on windows live writer. just click source imaginable in the lower left corner so that the posts in HTML mode. aja add the code read more like ordinary rich posts on blogger.
tools you need to install on your computer is here = link posting tool. conditions must be fulfilled in the install windows live writer, your PC must install Microsoft. NET Framework 2.0. better when there is Microsoft. NET Framework 3.0 or 3.5. if you're using Windows 7 will be even better, because the spec os is already ready to install.

ways Account Settings in Windows Live Writer Blog

increase rankings and traffic webpage

noreply@blogger.com (Unknown) — Thu, 18 Feb 2010 13:05:00 +0000

step you should do is as follows:

1. find out what keywords are most often used by people to get the themes they want to know on search engines, use these keywords as text in desaign your website to increase website traffic.

2. web designers generally prefer to use a lot of graphics and programs like java, flash, etc. that can lower ranking and traffic. therefore, from now on you should start reducing the use of the program.

3. webpage as well as a spreadsheet application, in desaign using cell and table. use as little as possible in your web design.

4. create meta tags, each page (page) should have different keywords in title and description meta tags.

5. do not often repeat the words in the keyword meta tag.

6. place important keywords at the top of the page as a keyword.

7. pages and the most important keyword should be on the first page of your website.

8. frame-based website should only be used for intranet (a site that is only for employees of the company) and not for the Internet.

9. do not include a re-direct page (page that automatically takes you to another page)

10. run the analysis program to calculate how often keywords are used in the 7500 first characters in a computer code.

11. limit the use of the service that automatically submit the URL tone into the top 10 search engines.

12. when finished with a page, run the spell checking program and then compress html code.

13. keep track search engine rankings and your traffic.

14. so the website indexed in search engines, you have to go back and fix pages that do not get high rankings on keywords.

15. every 3 months to do minor changes on each web page of your site. search engines prefer sites that are always making small changes from the sites that allowed for many years without an upgrade.

centering adsense widget

noreply@blogger.com (Unknown) — Sun, 14 Feb 2010 21:52:00 +0000

centering adsense widget

after searching on the internet how to centering adsense widget it was not the same as the template that I use. I try to modify it. my adsense now at the center position. try it

after adding align='center' kode below

div align="'center'" id="'sidebar-wrapper'">
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'">
<b:widget id="'BlogArchive2'" locked="'false'" title="'Blog" type="'BlogArchive'/">
<b:widget id="'AdSense3'" locked="'false'" title="''" type="'AdSense'/">

making marquee on blog

noreply@blogger.com (Unknown) — Thu, 11 Feb 2010 16:42:00 +0000

how to create a marquee (text to walk) your blog, pretty easy. only by adding elements into the template. how: go to the website www.blogger.com select the layout and add gadgets. Copy the following syntac
replace # # # # with the address of the website http://
example http://htmlsolution.blogspot.com/
TITLE replace with a title that will appear in the marquee
This code can you add a lot

<marquee align="right" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" width="100%" height="100"><a href="####" target="new">TITLE</a></marquee>

explanation of these codes that every xml code always starts with code and closed with the same code by adding "/". For example: / marquee> some can you apply this code into your blog.
fill in the code:
align = "right" command is meant alignment (average writing) is on the left, right, up or down.
onmouseover = "this.stop ()" command is meant when the mouse is pointing to here would stop.
onMouseOut = "this.start ()" command is meant when the mouse is pointing to here would start.
scrollamount = "2" This command gives a chance marquee mean velocity of fast / slow by changing the number, the higher the number the faster, and vice versa.
direction = "left" command is meant to be hand written text which, left, right or center
width = "100%" This command means the overall width of the widget, when placed into a sidebar widget with width 218px means that this will be full. should not be 100%.
height = "100" is meant high command widget is 100px, you can replace