Place floating image / back to top icon

Written By VINIX on Saturday, November 29, 2008 | 8:01 PM


Has not been one day since the countless pairs icon Back
to the to
p, it also has many colleagues who ask how of the way. Icon back to
the top is actually useful to leap from page to page down the top, so colleagues
will not have to do ScrollBar on the browser.






By the way, are also easy to install, please lead on the HTML
page, and then place the code on the tag below </ body>




<a href='#' style='display:scroll;position: fixed;
bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_81U-y3XGV9cLyKwYzQzEAgB-SLrMcTDw0zzWk5ZnYSkUsfDe3DgQeDWNRUalfEAE8Z4r9Rr-mS7rcLjPPmVuh8dF2-WiN-b51HpGaBkzZnnsGtbfHtFQrqkWPvRII1iH7ruR6731ZoOb/s400/Jumptotop2.gif'/></a>






What relationship with Float image?





you certainly have never seen a picture of its float / float on the web page,
well above the actual script is not only to function Back to the top, if we
sharp and we can also place image as Float.






Banner Position Top-Left




<a href='http://www.linktujuan.com'
style='display:scroll;position: fixed; top:5px;left:5px;' title='
ganti
title anda disini
' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbNwd81WpJnLzN-cotIWQt5Jx9fEHkETxxYocTQKDjWvszgzLIuqxJDCYTLG0DMV1Ix6VyUUb7GMthBZU7C5plWHZzGqVtrEt8H9iiaCrtWsju4VEOmMWki9RWtxw0eL0DCtbyBEDYArW/s400/banner.gif'/></a>




Banner Position Top-Right




<a href='http://www.linktujuan.com'
style='display:scroll;position: fixed; top:5px;right:5px;' title='
ganti
title anda disini
'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbNwd81WpJnLzN-cotIWQt5Jx9fEHkETxxYocTQKDjWvszgzLIuqxJDCYTLG0DMV1Ix6VyUUb7GMthBZU7C5plWHZzGqVtrEt8H9iiaCrtWsju4VEOmMWki9RWtxw0eL0DCtbyBEDYArW/s400/banner.gif'/></a>




Banner Position Bottom-Left




<a href='http://www.linktujuan.com'
style='display:scroll;position: fixed; bottom:5px;letf:5px;' title='
ganti
title anda disini
'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbNwd81WpJnLzN-cotIWQt5Jx9fEHkETxxYocTQKDjWvszgzLIuqxJDCYTLG0DMV1Ix6VyUUb7GMthBZU7C5plWHZzGqVtrEt8H9iiaCrtWsju4VEOmMWki9RWtxw0eL0DCtbyBEDYArW/s400/banner.gif'/></a>




Banner Position Bottom-Right




<a href='http://www.linktujuan.com'
style='display:scroll;position: fixed; bottom:5px;right:5px;' title='
ganti
title anda disini
'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbNwd81WpJnLzN-cotIWQt5Jx9fEHkETxxYocTQKDjWvszgzLIuqxJDCYTLG0DMV1Ix6VyUUb7GMthBZU7C5plWHZzGqVtrEt8H9iiaCrtWsju4VEOmMWki9RWtxw0eL0DCtbyBEDYArW/s400/banner.gif'/></a>




If you want to play with the code above, partners can set
their own distance with the position of the image set code bottom: 5px; right:
5px; if not satisfied also try a little play with it would
position: fixed
; with the position: absolute;
position: relative;
and position: static;.




i'm oom, i blogging stuff



8:01 PM | 0 comments | Read More

Using Sub-Domain for other Platform

Written By VINIX on Sunday, November 16, 2008 | 8:56 AM

OK, I just assume you already understand how to make Custom
Domain, I have not, please read my previous writing again
here
or just

eBooks downloaded it here
. For sub-domain please read more

here
. Now, following more How to take advantage of the sub-domain for the
installation of other (non-Blogger), or more precisely other Platform (Forum,
Wordpress, PHP script for instance) but the main domain still use Blogger.




For example, see the use of sub-domains with different
platforms below:





Buzz.o-om.com (Wordpress)


Forum.o-om.com
(Forum phpBB)


Url.o-om.com (Short
URL, like with tinyURL)




Sub domain only as the above example, if you charming, of
course you can use it to build other services are better. There should also be
noted that the hosting I also use the free in
000webhost.com.com and
of course still take advantage of the free DNS service
DNSPark.com. Crane's, even
though only the main domain using Blogger.) Yes you are, how to direct the
course.




Setting on 000webhost.


1. Create an account first in the
000webhost.com


2. On the input domain names, enter your Url sub domain
(example buzz.o-om.com)


3. If you have a domain name inputkan, coban tendency to link
Go to our CPanel








4. Now see the Account Information, and note the IP address
it







5. Up here in the process of setting up finish.




Continue on DNSPark settings.


1. Login to DNSPark.com


2. To input Add Record


3. Select the type Host records (A)


4. in the Host Name, enter the sub domain name you
(for example Buzz buzz.o-om.com)


5. Untuk TTL, tetap pada default 7200


6. Do not give in to check Dyn


7. Input the IP address of IP Address in accordance
with the purpose of the 000webhost (see example above)





8. Do not forget the to set Nameserver records (NS) NS input
destination server
(ns01.000webhost.com dan ns02.000webhost.com)







9. Yups, save the settings by pressing button Add All







Until here all the settings are finished, please take advantage of the sub
domain to any installation.





In addition, if you want to use it directly or Wordpress Forum, on our CPanel
000webhost please heading to the Software / Services and select Autoinstaller
fantastico.

8:56 AM | 0 comments | Read More

Translate your blog to another language

Written By VINIX on Wednesday, November 12, 2008 | 9:44 PM

There are two choices of multi-language widget
(translator) that you can use to translate your blog to another language
.
This widget has been provided by
Google Translate

dan Babelfish
Translator
. Unfortunately, this widget still doesn’t support Indonesian
language. If your blog is English, there is nothing wrong for you to try this
widget :)





The example of Google Translate Widget:










Press the button below for installation












The example of Babelfish Translator Widget












Press the button below for installation










9:44 PM | 0 comments | Read More

Manage the saving capacity in Blogger

Written By VINIX on Friday, October 24, 2008 | 8:54 AM

“Blogger actually never erases your picture although you don’t use
that picture. The picture that is uploaded through blogger usually is saved
automatically in Google Picasa.”.



Until now, there is no certainty about the saving capacity
for the postings in Free Blogger
. If you use FTP External (Private
hosting)
, of course the saving capacity depends on the related hosting
directory. How about the saving capacity for picture in Blogger? It’s
different with the saving capacity for the postings. The saving capacity for
picture in Blogger can be seen directly and the picture in Blogger is usually
saved automatically in
Google Picasa





Seeing the saving capacity in blogger can be done easily. Try
to pay attention while uploading a picture in posting page. In there, there is
information about the saving capacity for picture (This time, you use 9MB (0%)
from you 1024 MB) -> the example of my saving capacity for picture. Perhaps that
information also includes the saving capacity for posting :)










How much is the saving capacity for picture in Picasa?



 


The fast and easy way to see how much the saving capacity for
picture that has been used is to check directly in
Google
manage storage
. There are two capacity information that are shown, the
capacity in Gmail and Picasa web Album
.

 












Manage the saving capacity for picture in Album Picasa.






I am certain that we often upload picture, and then cancel it to change the
picture with another one. Although the picture is not used, the picture is still
saved. In the login status in Google account, we can prove it by seeing the
saved picture in
Google Picasa. In
here, we can easily manage the picture. Erasing some unused pictures means there
is a restoration in the saving capacity. (Note: Pictures that are uploaded
through blogger are usually marked with tiny blogger icon in down-left)

 











8:54 AM | 0 comments | Read More

Top Post (Popular article) in blogspot

Written By VINIX on Thursday, October 9, 2008 | 9:15 PM



Top post is a statistic which shows some popular articles
that we have published. Most of top posts are valued from the amount of clicks
or the score from many comments. In default, Wordpress has widget to show top
post, but how about blogspot? Of course it could, although standard Blogspot
doesn’t have it, we also can show it. Top Post in blogspot that will be
made later is counted from the amount of comments. This widget is made by a
beautiful blogger woman,
Amanda Fazani . This
woman can be said as a famous blogger tutorial. Even
o-om is amazed with her
blogging ability :). This top post widget is made with the help from Yahoo
Pipes. It can be seen in


Posts/Most Commented Pipe page
Commented Pipe page. For more
explanations, visit Amanda’s blog

disini
.




In below, there are some codes that can be immediately used.
The method to set the code is easy. It just need to be entered in the new page
element:










What do you need to edit?




Blogname.blogspot.com: Change it with your own
blog name

 


Num=10 : Maximum amount of Top posts that you
want to show

 


For the custom domain, just use www.yourdomain.com

 






How to make the entry number disappear:




In the early appearance, the amount of top posts will be
appeared. If you don’t want it, you just need to erase these two codes below.


document.write('<ol
style="text-transform: capitalize;">');
 dan document.write("</ol>");
in the code above.






Good luck, happy blogging with
agusramadhani.com

9:15 PM | 0 comments | Read More

Making Recent Comment via Feed

Written By VINIX on Wednesday, September 24, 2008 | 7:04 AM



I have already explained before how to make recent comment
with Javascript


here
. Now I will explain how to make recent comment via Feed. Perhaps you
are confused which one you want to choose. Both of them of course have their own
advantages and disadvantages. Clearly, recent comment via Javascript has
more advantage on appearance while recent comment via Feed is simple for
the appearance but in the case of loading, it’s more faster.


 





How to use Feed:




Firstly, enter Layout -> Page Element -> Add
a Page Element
-> Feed and then in Feed URL, enter your feed address. There
are two feed choices that can be used:




1. Use Feed Default Blogger



http://namablog.blogspot.com/feeds/comments/default



2.Feed with FeedBurner



 http://feeds.feedburner.com/NamaFeedComment





Don’t forget to change the red color with your blog name / your feed comment
name, Good luck :)


7:04 AM | 0 comments | Read More

Showing Top Comment on Blogger

Written By VINIX on Monday, September 22, 2008 | 7:02 AM


Top
comment in Blogger
is information about the most amout of commentators in
our blog. Until these days there are so many people who ask me about showing
Top Comment on Blogger
. Finally, I know how to do it.  The code maker,
first published

here
. And then it was edited

here
,. As additional, this Top Comment was made by Ionut Alex Chitu, who
makes it by application from yahoo pipes info online help. In detail, you can
see it yourself from
http://pipes.yahoo.com/googlesystem/topcommentators





The code below is code that you can use directly. The way to
place this code is really easy. Just insert it into page element:


 

 








Anything that need to be edited?




filter=nickname
: enter name that you want to give filter. Better if you filter your own name.


namablog.blogspot.com :
change into name of your blog


num=10
: Number of commentator that you want to publish or show.




On first appearance, we will find sort of commentator number.
If it annoy you, just erase both of code
document.write("<ol>");
 and
document.write("<ol>");
; on the code above.





7:02 AM | 0 comments | Read More

How to Adding Meta Tags on Blogger

Written By VINIX on Saturday, September 20, 2008 | 1:23 PM

Meta tags is the method to send important information
to search engine about the information of a page. There are many meta tags
appropriate with the standard HTML 4.0 from World Wide Web Consortion. But
actually, which are really used by search engine are only three: description,
keyword, and robots
. About the explanation of meta tags, since there are
just too many people who write about this, om will choose one of the best site
that can be trusted. The information that om took is from this address:

http://www.promosi-web.com/
(There is no any editing in the explanation)







Meta Tag Description




Meta Tag Description is used to give the general information about the
content from your web page. The characters shouldn’t be more than 200
characters. It’s the best if the description can be used as the sentences that
are located in the beginning of the web page. The example of meta tag
description writing is as followed:




<meta name="description" content="Promosi-web.com is a
search engine tutorial that explain how to get

top rangking in all major search engine and get high traffic for your web site.
Available in Bahasa

Indonesia.">

 


Some search engines like Northern Light and Google don’t use
meta tags as the description of its search results. Which are used by them are
the beginning sentences that are located in the related web page. That’s why I
advise you to use the content from meta tag description as the opening
sentences. If the earliest part of your web is in the form of menu, then the
description that will be shown in the Northern Light search result is like this:




Home | Products and Service | Contact Us | About Us
...welcome to our online store, the best place on the

web to...






Meta Tag Keyword




Meta Tag Keyword is a very important existence since it will decide what kind of
keywords that can find that web page in search engine.


 


The basic syntax from meta tag keyword is as followed:




<meta name="keywords" content="keyword1 keyword2 keyword3
...">

atau ada juga yang menulis dengan pemisah tanda koma :

<meta name="keywords" content="keyword1, keyword2, keyword3, ...>


Both of their function are the same and don’t have any
influence in search engine. The purpose of using comma is to make those keywords
easier to be read. One thing that must be paid attention here is don’t repeat a
word more than three times because it will be considered as a spamming.


 


The example of the wrong meta tag keyword is:






<meta name="keywords" content="bali, bali hotels, travel
in bali, bali island, bali weather>




In here, it is very clear that the word “Bali” is repeated more than 3 times.
The example below won’t be considered as a spamming by search engine:




<meta name="keywords" content="bali hotels travel bali
island bali weather">




The more important about keyword is don’t make keyword that is not related with
your web page content. This is also considered as a spamming. As an example,
your web contains the information about tourism in Bali, don’t ever add “MP3” or
“Britney Spears” as keyword just because those keywords are one of the most
favorite keyword in internet.




Meta Tag Robots




The main purpose of using meta tag robots is to decide which web page that can
be indexed by spider and which web page that can’t. This tag is very useful
especially if a website uses frame as its navigation. Of course we don’t want to
show menus in the frame to be read by search engine.


The basic format from meta tag robots is as followed:

 



<meta name="robots" content="index | noindex | follow |
nofollow">


 


As an example, if you want the spider to read the main page
and then trace all existing links, then add the code below:




<meta name="robots" content="index follow">




With this code, the spider will index your main page and schedule to index the
other pages that can be found through hyperlink (<a href="">).

The code below will instruct the spider to not index or trace the link that is
existed in a web page.

 




<meta name="robots" content="noindex nofollow">






Then how to put Meta Tags in Blogger::






 To put Meta Tag in Blogger is quite easy. First,
enter Edit HTML and the copy the code below. Usually the meta tag code is placed
under the code <title><data:blog.pageTitle/></title>
and don’t forget to change the red code below
appropriate with your blog description.






<meta content='
your description here'  name='description'/>

<meta content='
keyword1 keyword2 keyword3 ...'
name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>






Good luck, Happy Blogging with agusramadhani.com :)




1:23 PM | 0 comments | Read More

Rss Submit: An effective way to promote Rss Feed

Written By VINIX on Thursday, September 18, 2008 | 10:38 AM

Rss Submit is an effective way to sign up your Rss to every
Rss search engine.



Maybe your Rss search engine are from Tenhnorati,
Mybloglog, Digg, Del.icio and the other Directory Indonesia. If I just hope from
the way of traffic you wouldn’t increase. Can you imagine when when you make
interest contain and have been make duplicated of Rss to Feedburner then without
you know no one read. What happen if your Feedcount isn’t increase, Here isn’t
your contain that bad but you haven’t promote your Rss.






Easy methodwhere you can increase traffic by signing Rss
Feed
as together to every Rss search engine. Forget manual way, don’t
lost your time to do that, In order signing prossess will be easily, I suggest
to use
Rss submit,
with htis tools it is meant that you have submit your rss to 80 directories.
Your Feedcount have increase in 80 readers and this one not include the reader
in the contain. Unfortunately this tools is not free, you should prepare your
money. Don’t worry you can try that trial vertion by submit rss to 18
directories. please download

here




If you unsatisfied with the price of that tools I will try to
give another alternative. You can use
Allscoop Rss
Submit
where you have change rss submit to 50 directories, because it
is free so the facilities is so small. So don’t hope more from this tools.
please download

here




I suggest to use submit rss just one time, this one to
block spam. Choose one of that tools that just for you. Actually there many
tools that you can try. If you want to hunt this tools click

here


10:38 AM | 0 comments | Read More

Capital letter in the beginning of the sentence

Written By VINIX on Tuesday, September 16, 2008 | 1:33 PM

Making capital letter in the beginning of the sentence can be special. As
an example, see the beginning of the sentence which is marked with a big “M” in
this article... It looks great! Don’t you think so? If you want your article to
appear like that, you can try to make it.




First, open your Edit HTML page, and then search for CSS code below:




.post-body {

.....

}




If it’s found, add the code below under the code above (Make sure it’s in the
under, not in the center)




.post bt {


float:left; color:


$headerBgColor;


font-size:100px;


line-height:80px;


padding-top:1px;


padding-right:5px; }








How to use it:




When you write in the posting page, make sure to add
<bt></bt>
in the beginning of the sentence




Example:






<bt>M</bt>aking
capital letter in the beginning of the sentence can be special.




Sumber :
http://beautifulbeta.blogspot.com/



1:33 PM | 0 comments | Read More

iGoogle: Free Post Gadget for Blogger

Written By VINIX on Sunday, September 14, 2008 | 11:10 PM

After I have changed New Feature: New Dashboard just a day Blogger
also give information if they launch the newest feature that called Posting
Gadget for iGoogle
. With this gadget we can write, save, and published
posting to all blog with distributor iGoogle.

 









The interest thing from Posting Gadget for iGoogle we can choose what
blog that we want to use. By layout side, Gadget look so mini and just
provide box Title, Body and lable. To posting, if we won’t plublished, we can
save first. Just click Save Draft.

 




To try this feature you just click 

Add to Google

then login based on your account blogger. To read more, click

New Feature: Posting Gadget for iGoogle
.


11:10 PM | 0 comments | Read More

Put a Search Box on Your Blogger



In order to make visitor feel comfortable when searching,
actually Navbar Blogger have a search box already. But, sometimes we want to
put a search box on your blogger
. Our reason is, to put it anywhere we want,
of course.





Example of Search box:









Below, the code which you can use:




<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display:inline;" method="get">

<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

<input id="b-searchbtn" value="Search" type="submit"/>




Don’t forget to change the red text with your own blog name!





To change standard search button with icon:




Code which you can use:












Below, the code which you can use:




<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display: inline;" method="get">

<tr>

<td nowrap="nowrap" valign="top" height="16" align="left">

<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q"
size="22" type="text"/>

<input id="b-searchbtn" alt="Search" width="18" src="
http://oom.blog.googlepages.com/search.gif"
height="19" align="top" type="image"/>

</form>




Don’t forget to change red text
above with your own blog name. In order to change the image icon, you can change
pink code above with address that stores your
image.



1:47 PM | 0 comments | Read More

Changing or Erasing Label Count on blogspot

Written By VINIX on Friday, September 12, 2008 | 4:34 AM

Label in standard blogger usually shows the amount of
postings in one category. This label is usually marked with a parenthesis ( ).
If you want to try changing or erasing the label count, follow the
tutorial below:




The picture below is only an example on how to change the
label count
(100) to become [100] or <100> or completely erase it.









 


The way:




1. Enter Edit HTML page.




2. Don’t forget to turn on Expand Template Widget




3. Then search the code like shown below




(<data :label.count/>)




4. You may change the mark ( and ) with anything.




Example:




[<data :label.count/>]




or




{<data :label.count/>}




5. If you don’t want to show it, you just need to erase all of the code




(<data :label.count/>)




6. Don’t forget to save :)


4:34 AM | 0 comments | Read More

Top 10 Free Blog Tools

Written By VINIX on Wednesday, September 10, 2008 | 12:15 PM

Actually, all Engine Blogs already have text editor and
image upload
. Unfortunately, you won’t be so free because of the restriction
from standard editor. Even more, you have to login in order to post a new
article. Perhaps, these Free Blog tools below can make your blogging
activity much easier. Most of these tools have supported image upload, drag and
drop and also the support of WYSWYG Editor (What You See is What You Get).
Although, in order to use it, of course you have to download it first.

 


Free Blog tools that you can use:


 



QUMANA



Qumana is a desktop blog editor that is easy to use, in where you can use it
offline and then save it in your hard drive and upload it anytime you want. The
more interesting, Qumana provides PPC Program which means if we show
advertisement from them and every time a visitor do a click, we will get payment
and some dollars will be directly sent to our account.


www.qumana.com
| Download

 



WBLOGGAR



A desktop blog editor tool which is very useful, support almost all engine blogs
and also its support of many languages. The other advantage of this tool is it
supports Indonesian language. Personally, I think this tool is the best and a
must-try.

http://wbloggar.com/download.php
| Download

 



SCRIBEFIRE



ScribFire is one of Mozilla Firefox Extensions. Thus, this tool only works in
Firefox browser engine and Flock. This tool makes you easier to post, edit,
upload a picture, and also drag and drop.

http://www.scribefire.com/
|
Download


 



POST2BLOG



This tool is one of Firefox plug-ins. Since it is one of Firefox extensions, we
have to have Firefox browser. Beside for posting, this tool also can make other
usefulness. Some features in this tool are:




  • Doing ping process automatically to some sites service that
    has been chosen.



  • Text editing is easy enough, it can be in text mode or
    HTML.



  • Your editing method only needs to take some contents from
    online about the text contents that will be edited.

    Support WYSWYG Editor.



  • Capable to edit many blogs spontaneously.



  • Support many blogs like blogger and wordpress.



  • And many other features that you can try :)




http://bytescout.com/post2blog.html
| Download

 



FLOCK BLOG EDITOR



For you who use Flock browser, actually Flock blog editor already in one package
with the installation that you can immediately use. This tool only supports
blogger, wordpress, and Typepad. Some of its features are Post editing and Photo
upload.


www.flock.com/user-guide/blog/posting.html
| Download


 





If all free blog tools above still don’t satisfy your need, you can try the
others like:


BlogJet

Zoundry

Blog Desk

Mars Edit

Ecto





Good luck! Happy blogging with Agusramadhani.com :)


12:15 PM | 0 comments | Read More

How to get more traffic using eBook?

Written By VINIX on Tuesday, September 9, 2008 | 7:03 AM

If you make article series, why don’t you compiled it become
eBook? Beside you can get profit, just using eBook you will get traffic
as the result. .

Who know that both of my eBook get big traffic in the market, if I said the real
one, I just make it just 2 hours. How can? Because it just compiled from my
article, which make long is how to make banner design, I’m not the effort in
design. The most important thing is the quality.





Well forget the article above. This time I will share my
experience how you can get traffic then received many reader of feed just by
using eBook. Actually promote by eBook isn’t new thing and it often to discuss,
but no problem, because it is my Agusramadhani.com :)

 




Did by using eBook can increase traffic?





Yaro Starak

said, wrote eBook Blog Profits Blueprint his own most get traffic than
just wrote an article. Big Pillar article give big something as what they do.
(unfortunately, it is not big profit).

 




What Yaro Starak said right, by using ebook we can get big
traffic not big profit, yup forget about the profit first. How can get profit if
our blog aren’t sold, right? It is right when I launch my first

eBook kiat sukses promosi blog
(indonesia version) then my second ebook

Step by step blogspot custom domain
just from my second blog my visiter
increase than before. As real fact if you see
Feedburner
reader count
and
Feedblitz
my own every day increase and I believe that it the one of effect from that
spread.

 


If you make article series, why don’t you compiled it become eBook? Beside you
can get profit, just using eBook you will get traffic as the result. Article
that you wrote maybe will stimulate you to make it, from now try to make simple
eBook first, and then see the responses and control the download statistic. Or
you can make notes for it. If that eBook have quality, can you imagine that the
result of your article will shared to the other reader. It will happen in along
time. Of course eBook will be crowded as the result. I belive that you will be
provider.



For the next article I will explain the effective way to make eBook, decided the
tittle, choose format eBook and the best way to promote it.



7:03 AM | 0 comments | Read More

Blogger Fundamental Knowledge

Written By VINIX on Monday, September 8, 2008 | 9:20 AM

Blogger Fundamental knowledge is a proverb that press at natter as
based thinking to build qualified blogger.


Based consept of blog as diary online is so phenomenal, blog have change society
think to be smarter. Give an idea by article with public viewing consept is the
actualization media, where someone can change their self become who
disunderstand about tecjhnology become high technology by their brihgt idea to
all blog.




At the fact based consept as online diary is lose, if I analized there are two
purpose of blogging. Those are personal and bussiness. Personal purpose of
blogger is non-economis thing where blogger can give their idea, creatifity, and
mind without get profit. The most purpose press at share knowledge, stisfied,
and popularity. Meanwhile bussiness purpose press at economical side, where blog
as promoted media and improove their bussiness easily and quickly.




Look at both, of course there one of your purpose to make blog. You should know
that build qulified blog isn’t as easy to back the hand. Don’t care whatever
your purpose of blogging, here you sould have strong foundation of blogging or
you just become silly goat when see the other blog. Believe that it real,
blogger world is same with jungle law.



When you read this article, try to focus on building blog from now with
qualified contains. Make pillar article as foundation of your blog. It will be
better if it is your original create. Stop! By lose your time with wrote an
article and make the methode to popularized it, if you need any help href="http://www.o-om.com/2008/05/e-book-kiat-sukses-promosi-blog.html">ebook
kiat sukses promosi blog (indonesia Version)
that I wrote before.



You must know that Blogger Fundamental just my mind and maybe you still confused
with this word or never heard. Blogger Fundamental is a proverb that press at
natter as based thinking to build qualified blogger, and how to make balance
between tactic and strategy in the future to face jungle blogger.



Writer : Agus ramadhani (o-om.com)



9:20 AM | 0 comments | Read More

Google Webmaster tools for blogger (Blogger in draft)

New Features: Webmaster
Tools for Blogger (Blogger in draft) -
This one the most waited from
blogger in draft
, what more than the problem of-indexed or no our blog in
google search. By the features of "Google Webmaster tools for blogger" we
can sign up all blog to Search Engine Google easier. Today blooger really-really
have been integrated with Google webmaster tools. So there are no words "Why
My Blogger not indexed in google?"





 




 



Webmaster Tools
Google Webmaster Tools provides complete data about your page at Google.
To start it, just activate Webmaster Tools and the information will be showed to
you.



 


To try this service, first login to
http://draft.blogger.com/
then at Dashboard page go to Other Stuff – choose Tools and Resources 
then choose webmaster tools.

 


The next step at the Dashboard Webmaster tools page we
just choose what blog that will be indexed, don’t forget to verification by copy
paste code meta tag to each edit html page. Good luck :)

 


4:38 AM | 0 comments | Read More

Css Dock Menu Like Macintosh

Written By VINIX on Sunday, September 7, 2008 | 6:11 PM

Have you ever try Dock Menu in computer Macintosh? Or
you have been looked it? If not yet no problem, such as the image below
example layout of icon Dock Menu
. Dock menu such as in computer MAC
will show icon effect with (Aquos) style, we will see the size change
when the mouse goes to that menu.

 










Ndesign-studio.com
is one of sites that provide open source to Css Dock Menu. From all example of
coding Dock Menu the easiest from this service is practice it. For sample of
layout you can see

here
. Actually in this sites have already learned as short the tutorial. But
it will be better if I explain more.





Follow the step to installing Dock menu : :





1. Download first file

CSS dock menu zip package
.





2. Then Unzip that file first.





3. At folder JS there 2 file
JavaScript (interface.js and jquery.js) and at folder images you will found
image file, please upload all file to each host
directory (I save the file at Pages.google.com),
If finish please open more folder css-dock-menu,
repeat more such as the step before by upload file
iepngfix.htc
and style.css

 





4. Until here upload process finish, the next step how to
installing in blogger






How to embedded on blogger:





1. Enter to Edit HTML menu, search code
<head>
and put this script under that one:





<head>

<script src='http://oom.blog.googlepages.com/jquery.js'
type='text/javascript'/>

<script src='
http://oom.blog.googlepages.com/interface.js'
type='text/javascript'/>

<link href='
http://oom.blog.googlepages.com/style.css'
rel='stylesheet' type='text/css'/>





For pink color above please
satisfied it based on each path directory.





2. Still at Edit HTML page, search code
</body>
then put this file on code </body>
such as below:





<script type="text/javascript">

$(document).ready(

function()

{

$('#dock').Fisheye(

{

maxWidth: 50,

items: 'a',

itemsText: 'span',

container: '.dock-container',

itemWidth: 40,

proximity: 90,

halign : 'center'

}

)

}

);

</script>


</body>

</html>






The last step just installing process menu. This Dock menu
can you put at wherever area , can in blogger page element or edit HTML page. To
make it easy you ca install it this example code below.





<div class="dock" id="dock">

<div class="dock-container">

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/home.png"
alt="home" /><span>Home</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/email.png"
alt="contact" /><span>Contact</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/portfolio.png"
alt="portfolio" /><span>Portfolio</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/music.png"
alt="music" /><span>Music</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/video.png"
alt="video" /><span>Video</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/history.png"
alt="history" /><span>History</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/calendar.png"
alt="calendar" /><span>Calendar</span></a>

<a class="dock-item" href="
http://www.o-om.com"><img
src="
http://oom.blog.googlepages.com/rss.png"
alt="rss" /><span>RSS</span></a>

</div>





Red color above is goal link
pink color above please makes it suitable with each
path directory.





For professional programming of course will easier, you can
change by yours code css and JavaScript or that image based on your need.
Because this tutorial for new user so I explain whatever there. Please improve
by yours okay. Thanks (Agusramadhani.com)

 


6:11 PM | 0 comments | Read More

Accelerated loading page with CSS Compressor

Compression technique at CSS can increase performance
of your loading page blog. Here doesn’t mean that supper quick guys, but over to
CSS optimal zed. If we talk about the speed of loading page, CSS compress
just the one of refreshment. There no method as well as whatever except
optimization on image size
(don’t compare with the speed of Internet
connect first yup… Judge that we use the same connection
)

 





CSS Drive - CSS Compressor
is one of free service that usually I used to
this need. Which exited, this tools provide 3 level mode. Those are light,
normal and compact
. The procedure, the method of this CSS compresses
effort to decrease the size by delete space and comment that unused. I suggest
to the new user of CSS don’t try directly Super Compact mode and Strip All
Comments. It will be better to use Light and don't strip any comments mode
first. For you that understand it, you can try the next compress level at option

Advanced mode





Beside the function of Compress of course we know
Uncompress mode
. Usually uncompress used as contrary. Unfortunately CSS
Drive
haven’t this function, so I suggest to trying this service
CSS
Optimizer
.




How to use CSS compressor at Blogger:


(Don’t forget to backup all of the code at Edit HTML page
first)



At Edit HTML page, CSS Code usually stay between code <b:skin><![CDATA[ dan
]]></b:skin> please copy-paste all of the
code then compress at the tools above, If finished, copy-paste more the code
that have been compressed to Edit Html page at the first position. Good luck :)

 


5:41 PM | 0 comments | Read More

FeedBurner Custom Domain - MyBrand (Pro)



MyBrand (Pro) is free service from
Feedburner,
you can use this servicer as custom domain replace your URL standar Feedburne,
for the usuall use feedburner service of course know that standard format Feed.
For example we usually lend address

http://feeds.feedburner.com/AgusRamadhani
  now try to compare if you
use
http://feeds.agusramadhani.com/agusramadhani
  of course tha it look
more proffesional by self domain. Do you want to know? Next...






Before try this service, you should give attention that replace your feed
address with self domain it doesn’t meant that you will lose your customer,
After I try it actually feed Url standar feedburner still in used, it meant that
you have two feed address chosen and you you can use just one of them. For
setting at FeedBurner follow the step below:

 


- Please login first at
Feedburner

- Then go to My Account

- Choose MyBrand (Pro)

- Go to number 3, enter name alias your (look at image example)

- Don’t forget to click Save


 






 


In order to activated MyBrand (Pro)
service you should have domain address self (unexcepted for free domain). You
just setting at Name alias (Cname Record) pada at your DNS. I’ve explain
about Setting subdomain at Dnspark service

here
or at the other Free DNS
(EveryDNS
and
XNAME).
To input Cname Record you can use name alias "Feeds"
or the other name and you should sure the record direction go to the
feeds.feedburner.com


 


Good luck, happy blogging with Agusramadhani.com


 


12:16 PM | 0 comments | Read More

Terms Of Use

All free blogger themes on Zoomtemplate.com comes under a creative license. You can use all themes in any way you want. All you need to do is just keep the footer credit links intact.



On Zoomtemplate.com you are free to download the templates or themes with no charge, and you are free to submit templates or themes of your own creation. You need to know that all the templates or themes on this blog are the responsibility of the authors or designers. Thus, Zoomtemplate.com is not responsible if there is any loss or mistake in the future, or there is any other party who claims one or more of the templates or themes in the future.






License


Blogger templates Gallery here are subject to their author’s and/or
designer’s licenses. All of the Blogger Templates provided on this blog are
licensed under Creative Commons Attribution 3.0 Unported, which permits both
personal and commercial use. However, to satisfy the attribution clause of the
licence, you are required to keep the footer links intact which provides due
credit to its authors and designers.







Creative Commons License



Blogger Templates Gallery on Zoomtemplate.com is licensed under a
Creative
Commons Attribution 3.0 Unported License
.

7:42 AM | 0 comments | Read More

CONTACT US





































Name *




Email *




Subject *




Message *






7:32 AM | 0 comments | Read More

FAQ's


1. How to Install a custom template in Blogger?


2. How to Show or Hide or Auto Hide "Navbar Blogger"?


3. How can I
edit the Navigation Menu link of my template?


4.
How to Set SEO for
Meta Title, Keyword and Description?


5. How to display the last posts or comments on the sidebar?


6. Can I remove the
Credit
link for the template?


 


 


 



How to Install a custom template in Blogger?


 


1.Download a template file (Zip / Rar) and unzip. (Screenshot 1)








2. Log in to Blogger.

3. Go to "Layout" under "Dashboard". (Screenshot 2)








4. Click "Edit HTML" under "Layout". (Screenshot 3)








5. Don't forget for backup your old template. (Screenshot 4)








6. Find and Upload the new Blogger template. (Screenshot 5)





 


6. If a warning: Your new template does not include
the following widgets
, click "KEEP WIDGETS". (Screenshot
6)


 



 


5. Finish, Enjoy your new blog design.


 


 


↑ Back to TOP


 


 



How to Show or Hide "Navbar Blogger"




Before erasing navbar blogger (Navigation Bar), it’s better if I inform that
this method is one of the Blogger TOS violation. If you still want to erase it,
you can use the script below:





 


Hide Navbar:


#navbar-iframe { display:none}


 


Show Navbar:


#navbar-iframe { display:block }


 


Auto Hide:


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}




How to do:

In the Edit HTML page, put the code above under the code <b:skin><![CDATA[/*
and then save template.


 


 


↑ Back to TOP


 


 



How can I edit
the Navigation Menu link of my template?


 


1. Most templates have a menu that can only be changed from the HTML (Dashboard
→ Layout → Edit HTML
). In many cases the code to look for is:

 


Just find the similar code like this:


 



<li><a href='/'>Home</a></li>

<li><a href='
#'>About</a></li>

<li><a href='
#'>Post
RSS
</a></li>

<li><a href='
#'>Comment
RSS
</a></li>

<li><a href='
#'>Edit</a></li>


 



For set link on Menu, your just find a code like this
href='#'
and change symbol # with
link what you want.


 


Or, if you find the similar code like this:


 


<li class='current'><a
expr:href='data:blog.homepageUrl'
>Home</a></li>

<li><a
expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts
RSS</a></li>

<li><a
expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments
RSS</a></li>

<li><a href='
#'>Edit</a></li>


 


There you can change the expr:href='#'
with your own links: href='mylink'.
Also see the instructions in your template for more information.


 




2. Some templates include a gadget to edit the menu directly from the Dashboard
(Dashboard → Layout → Page Elements).


 


 


↑ Back to TOP


 


 



How to Set SEO for Meta Title, Keyword and
Description


 


Find This Code:


<title><data:blog.pageTitle/></title>


 


And Change with this code:



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

<title><data:blog.pageName/>
| (example:
ZoomTemplate)
</title>

<b:else/>

<title><data:blog.pageTitle/>
| (example:
ZoomTemplate)
</title>

</b:if>

<meta content='
your description here'
name='description'/>

<meta content='
keyowrd1, keyowrd1, etc..'
name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>






 


 


↑ Back to TOP


 


 



How to display the last Posts or Comments
on the sidebar?


 


1. Enter the administrator page elements (Dashboard → Layout).

2. Add a new feed widget, with the following URL’s:







 



To show the recent posts:



http://BlogName.blogspot.com/feeds/posts/default



 


To display the latest comments:



http://BlogName.blogspot.com/feeds/comments/default


 


 


↑ Back to TOP


 


 



Can I remove the credit
link for the template?


 


No, the vast majority of templates are licensed under a Creative Commons, GPL
or similar license, thus removing the credits would be using an illegal copy of
the same. All free blogger themes on Zoomtemplate.com comes under a creative
license. You can use all themes in any way you want. All you need to do is just
keep the footer credit links intact.

 


On Zoomtemplate.com you are free to download the templates or themes with no
charge, and you are free to submit templates or themes of your own creation. You
need to know that all the templates or themes on this blog are the
responsibility of the authors or designers. Thus, Zoomtemplate.com is not
responsible if there is any loss or mistake in the future, or there is any other
party who claims one or more of the templates or themes in the future.

 


Blogger templates Gallery here are subject to their author’s and/or
designer’s licenses. All of the Blogger Templates provided on this blog are
licensed under Creative Commons Attribution 3.0 Unported, which permits both
personal and commercial use. However, to satisfy the attribution clause of the
licence, you are required to keep the footer links intact which provides due
credit to its authors and designers.


 


 


↑ Back to TOP

4:29 AM | 0 comments | Read More

Badge

We've developed these badges to help save you some time. When you place our badge on your site, the embedded code that will allow your visitors to come straight to the review of your template on zoomtemplate.com will already be in place.





Choose a format:





125 X 125







Free Blogger Templates Gallery


<a target="_blank" href="http://www.zoomtemplate.com" title="Blogger Templates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraDZAOfMQ2G7Blajy8amJo8nHoTryNJ51nvAAGz69cW6BJt9yH8a8AIv21Vo1iW1tWOWc9ysYbICDO5KwHFEn4Z1RvLZb-Iq-jWoXkjIQMEgkBOVoFw76yxrLLU2VpIE7imROe9ttyaZt/s1600/Badge+Zoomtemplate+125x125.gif" title="Blogger Templates" /></a>






160 X 25





Free Blogger Templates Gallery


<a target="_blank" href="http://www.zoomtemplate.com" title="Blogger Templates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJeIxMdcanasYfpMYLtpfjCrMKIQXgzjoUisnwNxs7D3oUrwF8KXUSyPE17CFxMcMlmJfYaq5kLZPaGnnLzK-hDX-E-Man4LB3m1TyvTEh2Rbr30eKWEtcZQOtxxs30O0EmG4OMyiqDpia/s1600/Badge+Zoomtemplate+160x25.gif" title="Blogger Templates" /></a>






468 X 60





Free Blogger Templates Gallery


<a target="_blank" href="http://www.zoomtemplate.com" title="Blogger Templates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfB6eclB31IJ_wW94nxCKLYtlI8L3bOPa1AyM-aSqVH9xF4sGsxPVZw6D1VTo5z2fXkL0KBM62ZCnpyuPoBh6rvsmLYsyyQjzT7hy75_xLEtIqDDDskm5gwCLvj84TDrsLiz7r2nJBKnj/s1600/Badge+Zoomtemplate+468x60.gif" title="Blogger Templates" /></a>






728 X 90





Free Blogger Templates Gallery


<a target="_blank" href="http://www.zoomtemplate.com" title="Blogger Templates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjcO7cWmP65sqyanX_QgwmTycaX47MWNNK8uFPaa9n_kYJOYhQb8hIfAtJv7TetYh-2ZLSmuuOdDdueRklUT8j8HV7zGY5Kw6ciUnYFwo3tqbxguFtSQejfwpRnCe20lnlaTmsOBVsu7Vs/s1600/Badge+Zoomtemplate+728x90.gif" title="Blogger Templates" /></a>
3:57 AM | 0 comments | Read More