BizriL blog

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

5.4.12     + Bagikan / Simpan Post Ini

5 Steps to Increase Google Adsense Revenue

5stepsDo you want to increase your Google Adsense revenue?. If so, I was a bit of info and can say simple tips to improve Google Adsense revenue.

But the first thing you need to understand is, that your income will not increase overnight or within a few days, this will take some time, To get the most out of work needed on a regular basis.
How to Increase Google Adsense Revenue

Here are tips from the 5 Steps to Increase Google Adsense Income:

1. Traffic
The level of traffic visiting your blog, because it can be said High-Traffic = clicks = More-More-Money. One builds the link to get high traffic is on social media. So, Submit your articles to social media.

20.11.10     + Bagikan / Simpan Post Ini

Free Bigger and Faster Hosting Site

freebiggerHiya dearest friends and lovely visitors, last morning i was so sad because i lost many files in a free hosting service site, so that why if you went here for many times the vertical header menu not appear well, its because the supported js and css file can not be downloaded. The sites admin says if i have reach bandwidth limit size, i must reduce the file download until less then 24 times a day, for a lot of blogger this must be a serious problem, not all free hosting service can upload the js and css file, most of them are rejecting if i try to upload js and css file.

I can smile back again after found a free hosting service that i can upload js and css files with 5gb spaces and 1gb daily download and its all really free and faster, it is Free Bigger and Faster Hosting Site 1, i found this free hosting site from my blogger friend.

23.10.09     + Bagikan / Simpan Post Ini

Secret Of Backlink from Blog Directory

The bloggers who are part of money online business which has the achievement for making money online, they need to know about lot of thing to reach his or her targets. Most of blogger used their basic knowledge to make money online. That basic knowledge is posting, posting and posting………

As we know that the search engine optimization ( SEO ) is very important issue in increasing our blog or site popularity from traffic side. But I am really sure that most of blogger especially beginner don’t want to hire SEO company or service specialist for increasing their traffic because they ( SEO company ) put high price for their service or the blogger himself not have enough money…..

You ( blogger beginner ) not need to worry about how to improve your SEO skill. Lot of blog or site will give you that skill for free today. The only thing you need to do is searching them in the biggest search engine like Google, Yahoo, and etc. You only need to maintain your internet cost and time….

I am on my learning about SEO for Pagerank now. When we talk about Pagerank mean we are talking about link which is a basic measurement for Pagerank. Link is dividing into two parts, there are Backlink and Crosslink. Both of these links has their own usage and specific influence in increasing Pagerank.

25.8.09     + Bagikan / Simpan Post Ini

Loading Faster With Widgets Filtering

Hello Dearest Visitors and Beloved Friends, Have you enjoy your blogwalking??
I've felt this experience when I blogwalking to other friends blog, when I visited many blogs that put some widgets on the Mainpage, especially if the widget is an image, loading the blog with some image widgets becomes very slow, especially with slow connections like in my country, similar things happened again when I want to make a comment in that blog post (Subpage), exactly like loading the main page, its also have the same thing with my blog :)

I've tried to find a ways to handle this condition, after wondering and looking for many sources, finally I got that from my friend (Riezki Maulana blog, thanks guys!), This is a way to filtering out that not all widgets displayed in the Subpage, this trick is to load subpage lighter and faster than loading mainpage, for example please look the different widgets displayed on my blog mainpage and widgets displayed on my blog Subpage, by clicking continue reading (read more) or clicking a post title.

Actually it is not hard if you already know how to handle :D ... this secrets are :

3.8.09     + Bagikan / Simpan Post Ini

How To Make Related Posts

People says sport is good for health, that why blog also must be health with blog-jogging as their sport :) On the way of blog-jogging i often visit a blog that i like with their posts, i take a rest while reading that post, maybe i am late to read that because that article is a continues one, i try to find the older related post but it has no tool too search and no list of related posts.

That gave an inspiration to make this post about how to make a related posts? What is related posts? Related posts is a list of older posts that have similar label, several blog only appearing some latest posts, sometimes it will be hard for visitors to find the older related posts, related posts will help visitors to find the older related posts with similar label, and of course if visitors likes to read your posts and easy to find older related posts, they must be come and come and come again, so its mean your blog/web traffic will be higher.

There's Many tricks to make a related posts, in this post i will tell you a trick and tutorial about how to make a related posts?

For blogger user, first you must LOGIN to your blogger account, in the blogger DASHBOARD page select LAYOUT, select EDIT-HTML sub-menu folder and check EXPAND WIDGET TEMPLATE.

Before you continue your steps applying this trick, better you make a backup from your current template, its more safe if there's something failure with your template.

Find ]]</b:skin> code and paste theses codes bellow right before ]]</b:skin> code.

border: 1px solid rgb(192, 192, 192);
padding: 5px;
background-color: #f0f0f0;

background-color: rgb(255, 255, 255);

If you use template without Read More function, you just find this codes:


If you use template with Read More function, you find this codes :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Copy and paste theses codes bellow after that codes above :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k <; k++) {
if ([k].rel == 'alternate') {
alturl =[k].href;
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
for (var l = 0; l <; l++) {
if ([l].rel == 'alternate') {
var raw =[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement('b');
var div1 = document.createElement('div');
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
script.setAttribute('type', 'text/javascript');
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<>&quot;;
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
<script type='text/javascript'>RelPost();</script>

You can change blue typed "RELATED POSTS" words as you like, that is only a title.

Now it has finished, Save your template and view blog, check out how that copied codes working on your template, It must be appearing a list of related posts that has similar label right below your blog post.

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster

26.7.09     + Bagikan / Simpan Post Ini

CSS Menu With Subfolder


Dear my friends, someone comment me if i have no a new post for almost a week, i value him because he think i won't got SEO if i have no new post, OK you are right man.

Sorry, many days I don't make a new post because I looking for a new way to increase my blog traffic with blogsurfing around the internet world (hihihi..).

OK friends, now i have to make a new post. This post is a trick and tutorial about how to make a horizontal drop down menu with sub folder using CSS, I always like using CSS to make my blog menu.

Tips: For some blogger who have many post it will be hard for visitor to find the oldest post, so you have to make a menu with sub folder to separated some posts with the labels and put its label on the sub folder menu, sure it will be easier for visitor to find your oldest post.

Here i will explain a trick how to make menu with sub folder using CSS, please follow this tutorial :

As a preparation step, you should download files below

You could make change to the CSS files for background or foreground menu color, then upload files to your upload host server, for example I use ripway for my files upload host server.

Login to your blogger account, enter to Layout and Edit HTML, make sure to checklist Expand Widget Template.

Always backup your template before make a change

Put this code below before </HEAD> code :

<link rel="stylesheet" type="text/css" href="" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>

Change the red written text with your own files URL address !

Find this code <div id='main-wrap1'> (your main wrap widget, maybe name is different), put this code below before your main wrap widget:

<div id="myslidemenu" class="jqueryslidemenu">
<li><a href="">HOME</a></li>
<li><a href="">CONTENT</a></li>
<li><a href="#">Folder 1</a>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Folder 2</a>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<li><a href="#">Sub Item</a></li>
<li><a href="#">Sub Item</a></li>
<li><a href="#">Sub Item</a></li>
<li><a href="#">Sub Item</a></li>
<li><a href="#">Sub Item</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
<li><a href="">ABOUT</a></li>
<br style="clear: left" />

You should change the red written text with your own URL, green written text with your own menu item and also you could add or remove menu items depend on your needed.

Save the template and now you ready to use your menu.

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster

18.7.09     + Bagikan / Simpan Post Ini

Trick To Remove Blogger Navbar

Blogger navbar allows users to easily navigate to other random blogs and it also has a feature to search the blogs , and mark any blog as spam.

Now you have a clear idea of what really a blogger navbar is.So, why so many people prefer to just remove the navbar of the features it has like search, etc.

Many people think that, it spoils the look of the blog, especially if your blog has different subtitle layout which looks too obvious to see for a visitor.
Well, let me come to the actual point on how to disable or hide your blogger navbar.

Below is the step-by-step procedure on how to do it with photos to make it easy to understand.

1. Sign in to your blogger account, on your dashboard click the LAYOUT button next to your blog name

2. Next, click the EDIT HTML tab.

3. Find this code bellow :


4. Put this code bellow previous to code above :

#navbar {
height: 0px;
visibility: hidden;
display: none;

5. Save the changes.

Now, you can see your blog without that navbar(this tip can only hides the navbar, it doesn't completely delete it).

If you want the navbar to appear again,just remove that code and save the changes.

If you have any doubts, regarding this post, don't hesitate to ask. You can ask your doubts via comments to this post.

Note : Always backup your template before make a change

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster

13.7.09     + Bagikan / Simpan Post Ini

Moving Blog To Own Hosting

Moving your Blogspot blog to your own hosting is undeniably a clever decision of time, but before that you might be looking for the right Web Hosting Plans that will fulfill your current and future needs. If you are seeking for an option that can let you bring all your Blogspot entries, comments and of course your blog traffic to your own hosted blog then, WordPress is the right choice for you.

WordPress as it is the most famous blogging software on Paid hosting. Well, here is the step by step guideline for moving your Blogspot blog to your own hosting using WordPress. There may be two situations for this:

1. You have
2. You have hosted by WordPress

In first situation you will be moving like:

* Prepare for the migration by uploading few .php and .html test pages
* Install WordPress on your server
* Go to WordPress Dashboard > Manage > Posts, and delete "Hello World"
* Now go to Manage > Import > Select Blogger and follow the instructions. All your entries and comments are there now.

Now go to your Blogspot blog and download all images, and upload them on your own server and enter them in the posts manually. (This is a hectic job, but you will have to do it.)

In second situation, you will have to:

* First get back to from your Blogspot account. For this go to Setting > Publishing > Switch to Blogspot.
* Now change the name servers of your domain from your domain panel. You will have to give new name servers, i.e. as prescribed by the new hosting company.
* And now follow all the steps as described in case 1.

Your Blogspot blog is now completely moved and set on your own hosting. Experience the new interface and better customization.

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster

Web Design and SEO Using CSS

Cascading Style Sheets (CSS) is a simple style sheet language which is used to add the presentation (i.e. the look and formatting) of a particular document or web pages. It’s most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML pages. The CSS language lets you to build fast loading pages, increases your search engine ranking, and modifies your complete website using one style sheet.

Most of the people don’t use CSS as because they have got so much familiar with html design and are afraid or too lazy to upgrade their skills. Even by merging CSS with the functionality of a Content Management System (CMS) a considerable amount of flexibility can be planned into content submission forms. It allows the user who may not be familiar or able to understand or edit CSS or HTML code to select the layout of a web page they are submitting on-the-fly, in the same form.

Advantages of Cascading Style Sheets (CSS)

* Separating content from presentation, using CSS you can easily separate your HTML markup, text, graphics and multimedia from the presentation.

* Consistent site wide look and feel consistency, CSS file saves your plenty of time, especially if you had to edit every page separately. It is very simple and easy to apply one style for 100’s of web pages all at once. So if you need to change the color of all pages on your site, you just have to edit one style sheet.

* Web site maintenance, apart from being able to make site wide changes easily through one CSS file, the clean code it generates makes it easier to update. Properly marked-up web pages permit them to be maintained by more than one person. It will also work in more browsers. Web site redesigns will take much less time.

* Improves search engine ranking, search engines generally spider the code at the top of your web page first. For most sites that means the navigation bar will be spidered first (resides at top of page code). CSS enables you to position the code for your content at the top making your page search engine friendly. Properly marked up HTML pages can easily found and properly categorized by search engines.

* Fast loading, CSS reduces the amount of tags used therefore producing clean code. Table less design can reduce your load time by 25% to 50%.

* Reduces bandwidth, compacting the amount of code used will reduce the amount of bandwidth needed to host your web pages. Therefore you won’t have to pay higher fees when adding more web documents to your site.

* Accessibility, increasing accessibility with CSS means being able to serve web content to a larger audience, increasing web site usability, even for non-disabled people. Content can easily be formatted for projection as well as screen display. Table less layouts display well on hand-held.

* Improves the printing of web page, most printers will only allow you to print a portion of the web page. With CSS your whole document can be printed.

When you use CSS it becomes quick and easy to apply new styles that not only effect all styles on your web page but also your whole site.

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster

25.6.09     + Bagikan / Simpan Post Ini


CSS is Cascading Style Sheet, which is the command to format the various forms or variations of both the text and the variations with the release of HTML with so much and re-repeated commands. With this CSS command one can represent the other commands. Currently, the CSS has been dominated in the making of the homepage, blog and blogger layout. If you see the source code of blogger layout, much is using CSS.
On this post I want to explain about how to make horizontal menu bar using CSS.
Sit down and relax, follow and learn step by step :

Click Sttings-Edit HTML and Check Expand Widget Templates, Dont forget to back-up your template first before you change it !

Find out this code


Copy this code bellow and paste upper that code :

<style type="text/css">

position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;

.glossymenu li{

.glossymenu li a{
float: left;
display: block;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;

.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/


After that codes has copied, and then find out this codes :


copy and paste the code below under the appropriate code before :

<ul class="glossymenu">
<li class="current"><a href="http://your_url/"><b>Home</b></a></li>
<li><a href="http://
<li><a href="http://
<li><a href="http://
your_url"><b>Webmaster Tools</b></a></li>
<li><a href="http://
<li><a href="http://

WAIT, not finish yet !! After all codes has copied you must :

- Change the blue typed words with your own image URL !
- Change the green typed words with your own URL to link the menu !
- Change the red typed words with your own MENU !
- You may download the images menu here :


Upload all images to your own hosting place !!

You can add or sub the menu depend on your needed.
Example :
Look at my own horizontal menu ! it made by CSS codes.
Now it has finish, SAVE TEMPLATE and enjoy this menu !!

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster


Make a homepage or a blog for the newbie is not an easy thing, especially if not supported by the knowledge of programming HTML, XML or CSS that used in various blog media.

To learn programming is actually not difficult, you would like to read some good reference from the book, ebook, or even from an online learning website that provides programming for the homepage or blog.

Many sites on the Internet that provides programming reference learning HTML, CML and CSS. one of them is found in , you can startcan learning from the primary level to higher level.

If you are interested to learn programming language for creating a homepage or blog, try to visit!

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster


We can edit this Read more format, for example, create read more with post title, for example you can see here. By using this blog tricks, your read more format will not showing text 'read more', but showing your post title.

How tricks for create read more with post title?

Trick to create read more with the post title actually the same as the trick to create read more. Please read your post about the tricks to create read more.

Then, just edit this code :


<a expr:href='data:post.url'>Read More</a>


Change to be like this :


<a expr:href='data:post.url'><data:post.title/></a>


After that, please Save Preview ago.

Now the text 'Read More' has changed the title of your post.

You can also change to 'Read More "your post title " using the following code:


<a expr:href='data:post.url'>Read more <data:post.title/></a>


This tricks to make read more with post title very easy, but the results will be very useful.

Happy blogging!

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster


Read more is one of the blog tricks that is very useful if you use it. With Read More, your post will not appear full on the Home Page your blog.

This is mean, if you have a very long posting, with Read More, it will not appear full, but only appear in part.

Read More function is you will have more space for your blog, and your blog more visible tidy.

How to create a Read More on blogspot?

First, go to the Layout - Edit HTML. Click on Expand Widget Templates.

Then find the following code (you can use ctrl+f) :

<div class='post-body entry-content'>


Then delete the code, replace with the following code:

<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>






<a expr:href='data:post.url'>Read More</a>


Save your template. You can change Read More with Read Full, or other

The process to edit the HTML code for Read More is done.

Next is when you writing a post.

At the time of writing a post, you must add the following code :

<span class="fullpost"> and </span> in your post (in the Edit HTML tab, not the Compose tab) with the following order:

Post that appears on First/Home Page

<span class="fullpost">

Your post that hidden


For example, you write a post like this:

This is the first paragraph that will appear on your blog's front page. At the time you are on your blog page, only this part are show.

<span class="fullpost">

While this is
the continuation paragraph of your posting. This paragraph is hidden. This paragraph will be visible if you click Read more link that has been available.


Then post that will appear on your blog front page is a paragraph with red text, and post with the green text will appear after you click the link Read More.

Its very simple and easy. Enjoy it!

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster


Blog tricks to make the text area at blogger has been discussed and learn here. We can modify the text so that the area can more easily used by visitors.

We will learn blog tricks how to make text area with highlight button.

This blog tricks to make text area with highlight button make it easier for visitors to copy words / code inside the text area.

Let learn blog tricks to make text area with the highlight button.

Simply copy the code below:

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();;" type="button">
<textarea rows="1" cols="22" name="txt" >Write your words/code here that will appear inside text area</textarea></div></form></div></center>

Paste in the place where you will place your text area.

The result will be like this:

Try clicking on the button 'Highlight'

So all the code / words inside will automatically selected, and visitors just copy it only.

This tricks is very simple and easy, but have a lot of function.

Happy blogging ..

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster


It's one of the first things new bloggers want to do, create a header that is unique. There are plenty of ways to re-design the top of your blog. Here is the easiest if you are using Blogger's Minima template
It's one of the first things new bloggers want to do, create a header that is unique. There are plenty of ways to re-design the top of your blog. Here is the easiest if you are using Blogger's Minima template

  1. Find a photograph or graphic that you would like to display in your header.

  2. Upload the photo to a image hosting service.

  3. Go to Blogger's dashboard and click the template tab.

  4. In the window at the bottom of the screen where the HTML code is, find the portion of code that you see below. The red hi-lited code is what you want to change.

  5. <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
    <p id="description"><$BlogDescription$></p>


  6. Using the address that the image hosting service provided for your photo, change the code above to this. (note: Image URL is the address the hosting service gave you. It will start with http://}

  7. <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
    <img src="Image URL">
    <p id="description"><$BlogDescription$></p>

That's all there is to it. Don't be scared to edit your template. Hot rodding your blog is half the fun of blogging.

Blog, Blogger, Google, Alexa, Bing, Yahoo, Search, SEO, PageRank, Traffic, Meta, Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster