Asal Ngeblog

Top Paying Adsense Keywords

2009-07-10T02:21:00.000-07:00

Artikel berikut sangat bermanfaat bagi yang akan, sedang dan memaksimalkan pendapatan online khususnya dari adsense. Langsung saja saya panggil yang lebih ahli untuk menyampaikannnya hehehe...berikut http://www.top-adsense-keywords.com

Top Paying Adsense Keywords

We feature over 16,000 top paying AdSense keywords for AdSense webmasters that will enable you to uncover thousands of relevant high paying as well as niche keywords that have low competition. A must have for all affiliate marketers and webmasters wishing to make revenue from their websites.

Below are some random keywords from our extensive database. Also, view "Top Paying Adsense Keywords" top 50 highest paying keywords list, or our top 50 highest clickthrough keywords list.

Keyword Clicks / Day Average CPC
pens 720 $4.09
orchids 190 $0.80
nursing jobs 160 $3.64
florida home 210 $3.21
accept credit card 20 $14.67
dolphins 630 $0.51
condos 2100 $3.30
car donation boston 0.24 $31.44
greece 2200 $0.53
jazz music 110 $0.46
band 6500 $0.38
glass cutting 40 $0.91
ares 1400 $1.03
wedding dresses 570 $1.18
collagen 120 $1.72

Keyword Clicks / Day Average CPC
mount rushmore 67 $0.43
small desk 27 $1.66
diabetes recipe 1.2 $0.38
home orlando sales 1.5 $5.72
romance perfume 5.7 $1.09
netflix 740 $6.41
udate 370 $2.20
hard rock las vegas 40 $1.80
free printable birthday cards 35 $0.50
migraines 140 $3.28
united health care insurance 4.1 $6.50
missouri 15000 $1.50
consolidation loan 38 $42.08
speed internet 440 $7.02
drunk driving law 1.6 $1.64

Below are the top 50 highest paying keywords from "Top Paying Adsense Keywords" database. Also, view "Top Paying Adsense Keywords" top 50 highest clickthrough keywords list
Keyword Clicks / Day Average CPC
conference call services 17 $73.42
kwik fit car insurance 2.3 $72.96
peritoneal mesothelioma 0.63 $69.27
kwik fit insurance 11 $60.80
federal loan consolidation 2.2 $60.04
term life quotes 2.7 $58.40
indiana lemon law 0.9 $58.21
home equity loan rates 6.4 $57.26
equity loan rates 7.3 $56.98
mesothelioma lawyers 0.62 $56.01
life insurance quotes 22 $55.72
student loan consolidation 17 $55.15
home equity line credit 3.6 $54.90
equity line of credit 24 $54.17
term life insurance quotes 5.2 $53.39
miami dui lawyer 0.05 $53.15
donate car 45 $52.57
home equity line of credit 22 $52.30
term insurance quotes 2.3 $51.96
term life ins 3 $51.77
debt consolidation loan 15 $50.95
conference calling services 0.83 $50.51
home equity 37 $50.20
equity line 5.7 $49.79
student loan consolidations 0.76 $49.76

Keyword Clicks / Day Average CPC
peritoneal mesothelioma 1.3 $49.74
conference calling 13 $48.95
auto insurance quotes 35 $48.93
term life insurance 76 $48.04
life insurance term 78 $47.89
cheap conference calling 0.18 $47.30
refinancing home 4.2 $46.93
consolidating student loans 2.8 $46.48
home equity loan 27 $46.44
e loan mortgage 0.59 $46.15
donating cars 3.1 $45.96
malignant pleural mesothelioma 0.05 $45.84
life insurance rates 6 $45.35
home equity rate 1.2 $45.34
home refinancing 4.8 $45
mesothelioma symptoms 0.45 $44.65
columbus travel insurance 5.1 $44.65
consolidate student loans 5.3 $44.30
florida dui lawyer 0.37 $44.19
donate your car 6.3 $43.45
consolidate loan student 1.8 $43.36
tescos motor insurance 0.39 $43.34
conference calling service 0.5 $43.09
ohio lemon law 1.9 $42.73
alicante car hire 28 $42.67

Below are the top 50 keywords with the highest clickthrough rate from our database. Also, view our top 50 highest paying keywords list.
Keyword Clicks / Day Average CPC
hotels 560000 $2.62
flights 560000 $2.01
new cars 440000 $2.35
cars 360000 $2.92
www 210000 $0.42
film 150000 $2.32
buy 47000 $2.11
how to 44000 $0.72
furniture 42000 $1.59
video 41000 $1.21
free 41000 $0.96
with 41000 $0.51
schools 41000 $4.13
florida 38000 $2.68
california 37000 $2.93
summer 37000 $2.11
movie 37000 $0.53
clothing 36000 $1.16
new york hotels 36000 $2.92
sale 34000 $2.24
camera 34000 $1.50
writing 34000 $0.89
pictures 33000 $0.32
sex 32000 $0.38
insurance 32000 $5.02

Keyword Clicks / Day Average CPC
tickets 30000 $3.30
human resources 30000 $0.66
school 30000 $0.62
city 29000 $1.49
london 29000 $1.39
digital camera 29000 $1.37
hotel 29000 $1.88
home 28000 $2.30
car 27000 $4.20
download 26000 $0.36
software 25000 $3.02
texas 23000 $2.01
beach 23000 $1.51
job sales 23000 $0.71
airport 20000 $1.36
music 20000 $0.84
resources 20000 $0.52
australia 20000 $0.51
map 20000 $0.37
phone 20000 $2.72
garden 19000 $1.25
research 19000 $1.04
where can i buy 19000 $0.53
toronto 18000 $1.04
canada 18000 $0.80

Cara Membuat Tab-Menu/Tabber

2009-07-10T00:50:00.000-07:00

Cara Membuat Tab-Menu/Tabber dengan mudah
Artikel ini asalnya dari http://www.barelyfitz.com/projects/tabber atau sini selanjutnya di posting lagi sama kelas sandiwara.

Langkah-langkahnya seperti biasa :
Masuk Account Blog anda (Log In)==> Tata Letak/Lay Out ==> Edit Html (jangan lupa centang tanda expand widget)==> tunggu bentar...

Cari saja kode

#sidebar-wrapper {

dan tambahkan kode berikut di atasnya :

/*--------Tabber ------*/

#tabsidebar-wrapper{
width: 360px; /* Sesuaikan dengan lebar Sidebar */
float: right;
border: 1px none #CCC;
margin: 0px;
}
.tabberlive .tabbertabhide {display:none;}
.tabber {display:none;}
.tabberlive {margin-top:1em;}
.tabber h2 {
border-bottom:1px solid $bordercolor; /* Sesuaikan dengan variable Template */
margin-bottom: .3em;
padding: 0;
line-height:1.2em;
}
.tabber .widget {margin-bottom: 1em;}
.tabber .widget-content {margin: 0 0px;}
ul.tabbernav{
margin:0;
padding: 8px 0;
border-bottom: 1px solid $bordercolor;
}
ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a{
padding: 8px 0.5em;
margin-right:2px;
border: 1px solid $bordercolor;
border-bottom: none;
background: #FFFFFF;
text-decoration: none;
}
ul.tabbernav li a:link { color:#369;}
ul.tabbernav li a:visited { color: #369;}
ul.tabbernav li a:hover{color:#369; background: #e6e6e6; border-color: 1px solid $bordercolor;}
ul.tabbernav li.tabberactive a{
background-color: #FFFFFF;
color: #369;
border-bottom: 1px solid $bordercolor;
}
ul.tabbernav li.tabberactive a:hover{
color: #369;
background: #e6e6e6;
border-bottom: 1px solid $bordercolor;
}
.tabberlive .tabbertab {
background: #FFFFFF;
padding:5px;
border:1px solid $bordercolor;
border-top:0;
}

.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

/*--------Akhir Tabber ------*/

Selanjutnya cari kode </head> dan pasang teks Javascript berikut di atasnya :

<script type='text/javascript'>
/*==================================================
$Id: tabber.js,v 1.9 2006/04/27 20:51:51 pat Exp $
tabber.js by Patrick Fitzgerald pat@barelyfitz.com
Documentation can be found at the following URL:
http://www.barelyfitz.com/projects/tabber/
License (http://www.opensource.org/licenses/mit-license.php)
Copyright (c) 2006 Patrick Fitzgerald

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation files
(the "Software"), to deal in the Software without restriction,
including without limitation the rights to use, copy, modify, merge,
publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
==================================================*/

function tabberObj(argsObj)
{
var arg; /* name of an argument to override */
/* Element for the main tabber div. If you supply this in argsObj,
then the init() method will be called.*/
this.div = null;
/* Class of the main tabber div */
this.classMain = "tabber";
/* Rename classMain to classMainLive after tabifying
(so a different style can be applied)*/
this.classMainLive = "tabberlive";
/* Class of each DIV that contains a tab */
this.classTab = "tabbertab";
/* Class to indicate which tab should be active on startup */
this.classTabDefault = "tabbertabdefault";
/* Class for the navigation UL */
this.classNav = "tabbernav";
/* When a tab is to be hidden, instead of setting display='none', we
set the class of the div to classTabHide. In your screen
stylesheet you should set classTabHide to display:none. In your
print stylesheet you should set display:block to ensure that all
the information is printed.*/
this.classTabHide = "tabbertabhide";
/* Class to set the navigation LI when the tab is active, so you can
use a different style on the active tab.*/
this.classNavActive = "tabberactive";
/* Elements that might contain the title for the tab, only used if a
title is not specified in the TITLE attribute of DIV classTab.*/
this.titleElements = ['h2','h3','h4','h5','h6'];
/* Should we strip out the HTML from the innerHTML of the title elements?
This should usually be true.*/
this.titleElementsStripHTML = true;
/* If the user specified the tab names using a TITLE attribute on
the DIV, then the browser will display a tooltip whenever the
mouse is over the DIV. To prevent this tooltip, we can remove the
TITLE attribute after getting the tab name.*/
this.removeTitle = true;

/* If you want to add an id to each link set this to true */
this.addLinkId = false;
/* If addIds==true, then you can set a format for the ids.
<tabberid> will be replaced with the id of the main tabber div.
<tabnumberzero> will be replaced with the tab number
(tab numbers starting at zero)
<tabnumberone> will be replaced with the tab number
(tab numbers starting at one)
<tabtitle> will be replaced by the tab title
(with all non-alphanumeric characters removed)*/
this.linkIdFormat = '<tabberid>nav<tabnumberone>';
/* You can override the defaults listed above by passing in an object:
var mytab = new tabber({property:value,property:value});*/
for (arg in argsObj) { this[arg] = argsObj[arg]; }
/* Create regular expressions for the class names; Note: if you
change the class names after a new object is created you must
also change these regular expressions.*/
this.REclassMain = new RegExp('\b' + this.classMain + '\b', 'gi');
this.REclassMainLive = new RegExp('\b' + this.classMainLive + '\b', 'gi');
this.REclassTab = new RegExp('\b' + this.classTab + '\b', 'gi');
this.REclassTabDefault = new RegExp('\b' + this.classTabDefault + '\b', 'gi');
this.REclassTabHide = new RegExp('\b' + this.classTabHide + '\b', 'gi');
/* Array of objects holding info about each tab */
this.tabs = new Array();
/* If the main tabber div was specified, call init() now */
if (this.div) {
this.init(this.div);
/* We don't need the main div anymore, and to prevent a memory leak
in IE, we must remove the circular reference between the div
and the tabber object. */
this.div = null;
}
}

/*--------------------------------------------------
Methods for tabberObj
--------------------------------------------------*/

tabberObj.prototype.init = function(e)
{
/* Set up the tabber interface.
e = element (the main containing div)
Example:
init(document.getElementById('mytabberdiv'))*/
var
childNodes, /* child nodes of the tabber div */
i, i2, /* loop indices */
t, /* object to store info about a single tab */
defaultTab=0, /* which tab to select by default */
DOM_ul, /* tabbernav list */
DOM_li, /* tabbernav list item */
DOM_a, /* tabbernav link */
aId, /* A unique id for DOM_a */
headingElement; /* searching for text to use in the tab */
/* Verify that the browser supports DOM scripting */
if (!document.getElementsByTagName) { return false; }
/* If the main DIV has an ID then save it. */
if (e.id) {
this.id = e.id;
}
/* Clear the tabs array (but it should normally be empty) */
this.tabs.length = 0;
/* Loop through an array of all the child nodes within our tabber element. */
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {
/* Find the nodes where class="tabbertab" */
if(childNodes[i].className &&
childNodes[i].className.match(this.REclassTab)) {
/* Create a new object to save info about this tab */
t = new Object();
/* Save a pointer to the div for this tab */
t.div = childNodes[i];
/* Add the new object to the array of tabs */
this.tabs[this.tabs.length] = t;
/* If the class name contains classTabDefault,
then select this tab by default.
*/
if (childNodes[i].className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
}

/* Create a new UL list to hold the tab headings */
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;
/* Loop through each tab we found */
for (i=0; i < this.tabs.length; i++) {
t = this.tabs[i];
/* Get the label to use for this tab:
From the title attribute on the DIV,
Or from one of the this.titleElements[] elements,
Or use an automatically generated number. */
t.headingText = t.div.title;
/* Remove the title attribute to prevent a tooltip from appearing */
if (this.removeTitle) { t.div.title = ''; }
if (!t.headingText) {
/* Title was not defined in the title of the DIV,
So try to get the title from an element within the DIV.
Go through the list of elements in this.titleElements
(typically heading elements ['h2','h3','h4']) */
for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
t.headingText.replace(/<br>/gi," ");
t.headingText = t.headingText.replace(/<[^>]+>/g,"");
}
break;
}
}
}
if (!t.headingText) {
/* Title was not found (or is blank) so automatically generate a
number for the tab.*/
t.headingText = i + 1;
}
/* Create a list element for the tab */
DOM_li = document.createElement("li");
/* Save a reference to this list item so we can later change it to
the "active" class */
t.li = DOM_li;

/* Create a link to activate the tab */
DOM_a = document.createElement("a");
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = "javascript:void(null);";
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;

/* Add some properties to the link so we can identify which tab
was clicked. Later the navClick method will need this.*/
DOM_a.tabber = this;
DOM_a.tabberIndex = i;
/* Do we need to add an id to DOM_a? */
if (this.addLinkId && this.linkIdFormat) {
/* Determine the id name */
aId = this.linkIdFormat;
aId = aId.replace(/<tabberid>/gi, this.id);
aId = aId.replace(/<tabnumberzero>/gi, i);
aId = aId.replace(/<tabnumberone>/gi, i+1);
aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9-]/gi, ''));
DOM_a.id = aId;
}

/* Add the link to the list element */
DOM_li.appendChild(DOM_a);
/* Add the list element to the list */
DOM_ul.appendChild(DOM_li);
}

/* Add the UL list to the beginning of the tabber div */
e.insertBefore(DOM_ul, e.firstChild);
/* Make the tabber div "live" so different CSS can be applied */
e.className = e.className.replace(this.REclassMain, this.classMainLive);
/* Activate the default tab, and do not call the onclick handler */
this.tabShow(defaultTab);
/* If the user specified an onLoad function, call it now. */
if (typeof this.onLoad == 'function') {
this.onLoad({tabber:this});
}

return this;
};

tabberObj.prototype.navClick = function(event)
{
/* This method should only be called by the onClick event of an <A>
element, in which case we will determine which tab was clicked by
examining a property that we previously attached to the <A>
element.
Since this was triggered from an onClick event, the variable
"this" refers to the <A> element that triggered the onClick
event (and not to the tabberObj).
When tabberObj was initialized, we added some extra properties
to the <A> element, for the purpose of retrieving them now. Get
the tabberObj object, plus the tab number that was clicked.*/

var
rVal, /* Return value from the user onclick function */
a, /* element that triggered the onclick event */
self, /* the tabber object */
tabberIndex, /* index of the tab that triggered the event */
onClickArgs; /* args to send the onclick function */
a = this;
if (!a.tabber) { return false; }
self = a.tabber;
tabberIndex = a.tabberIndex;
/* Remove focus from the link because it looks ugly.
I don't know if this is a good idea...*/
a.blur();
/* If the user specified an onClick function, call it now.
If the function returns false then do not continue.*/
if (typeof self.onClick == 'function') {
onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};
/* IE uses a different way to access the event object */
if (!event) { onClickArgs.event = window.event; }
rVal = self.onClick(onClickArgs);
if (rVal === false) { return false; }
}
self.tabShow(tabberIndex);
return false;
};
tabberObj.prototype.tabHideAll = function()
{
var i; /* counter */
/* Hide all tabs and make all navigation links inactive */
for (i = 0; i < this.tabs.length; i++) {
this.tabHide(i);
}
};

tabberObj.prototype.tabHide = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
/* Hide a single tab and make its navigation link inactive */
div = this.tabs[tabberIndex].div;
/* Hide the tab contents by adding classTabHide to the div */
if (!div.className.match(this.REclassTabHide)) {
div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);
return this;
};
tabberObj.prototype.tabShow = function(tabberIndex)
{
/* Show the tabberIndex tab and hide all the other tabs */
var div;
if (!this.tabs[tabberIndex]) { return false; }
/* Hide all the tabs first */
this.tabHideAll();
/* Get the div that holds this tab */
div = this.tabs[tabberIndex].div;
/* Remove classTabHide from the div */
div.className = div.className.replace(this.REclassTabHide, '');
/* Mark this tab navigation link as "active" */
this.navSetActive(tabberIndex);
/* If the user specified an onTabDisplay function, call it now. */
if (typeof this.onTabDisplay == 'function') {
this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}
return this;
};
tabberObj.prototype.navSetActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
that only one nav item can be active at a time.*/
/* Set classNavActive for the navigation list item */
this.tabs[tabberIndex].li.className = this.classNavActive;
return this;
};
tabberObj.prototype.navClearActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
that one nav should always be active.*/
/* Remove classNavActive from the navigation list item */
this.tabs[tabberIndex].li.className = '';
return this;
};

/*==================================================*/
function tabberAutomatic(tabberArgs)
{
/* This function finds all DIV elements in the document where
class=tabber.classMain, then converts them to use the tabber
interface.
tabberArgs = an object to send to "new tabber()"*/
var
tempObj, /* Temporary tabber object */
divs, /* Array of all divs on the page */
i; /* Loop index */
if (!tabberArgs) { tabberArgs = {}; }
/* Create a tabber object so we can get the value of classMain */
tempObj = new tabberObj(tabberArgs);
/* Find all DIV elements in the document that have class=tabber */
/* First get an array of all DIV elements and loop through them */
divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {
/* Is this DIV the correct class? */
if (divs[i].className &&
divs[i].className.match(tempObj.REclassMain)) {
/* Now tabify the DIV */
tabberArgs.div = divs[i];
divs[i].tabber = new tabberObj(tabberArgs);
}
}
return this;
}

/*==================================================*/

function tabberAutomaticOnLoad(tabberArgs)
{
/* This function adds tabberAutomatic to the window.onload event,
so it will run after the document has finished loading.*/
var oldOnLoad;
if (!tabberArgs) { tabberArgs = {}; }
/* Taken from: http://simon.incutio.com/archive/2004/05/26/addLoadEvent */
oldOnLoad = window.onload;
if (typeof window.onload != 'function') {
window.onload = function() {
tabberAutomatic(tabberArgs);
};
} else {
window.onload = function() {
oldOnLoad();
tabberAutomatic(tabberArgs);
};
}
}

/*==================================================*/

/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */
if (typeof tabberOptions == 'undefined') {
tabberAutomaticOnLoad();
} else {
if (!tabberOptions['manualStartup']) {
tabberAutomaticOnLoad(tabberOptions);
}
}
</script>

Langkah selanjutnya cari kode berikut :

<div id='sidebar-wrapper'>

langkah sebelum terakhirnya adalah letakkan kode berikut di atasnya :

<div id='tabsidebar-wrapper'>
<div class='tabber' id='tab1'>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab1' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab2' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab3' maxwidgets='1' showaddelement='yes'/>
</div>
</div></div>

Langkah terakhirnya adalah SAVE dan lihat ke bagian Tata Letak/ Lay Out....(silahkan menambahkan widget-widget yang anda inginkan)

SEMOGA BERHASIL...

Wordle Label Cloud Widget for your Blog

2009-06-23T01:12:00.000-07:00

This article take from blogal IT, the coolest “Tag Cloud” or “Label Cloud” widgets amoung the bloggers, designed by Jonathan Feinberg. With very unique, artistic and creative design, it fits very good in every blog, by making real time changes and redesign the Wordle Widget, such as the layout, fonts, color scheme and languages.
How to install Wordle?!

* Go to Wordle.net/create and paste your website/blog URL, click submit and in few seconds the Wordle Label Cloud widget will appear.
* Then just press the Save to public gallery button and a dialog box will appear asking for Title and Username but nevermind, you can leave it as Anonymous by pressing OK and finally you will have your code.
* Login to your blogger account, go to Page Elements then Add a Gadget, paste the code and click Save. You are done.

List Dofollow Blogger

2009-06-22T21:55:00.000-07:00

To increase the PageRank and Trafict, we can try to get a backlink from a blog / web that have a PageRank of 1 and Up, of course, there are a lot of traffic.
following list of blog-speaking and English-speaking indonesia the dofollow:

List English Blogger which Dofollow (from Tricia's blog) :

Tricia's Musings
As the Garden Grows
Celebrity Scoop
WebStyle
Odd Planet

Guitar Licks
Breath of Life Photography
Skeets Stuff
By the Sea
PBriscoe.com

CoolAdzine for Marketers

Texas RV Travel blog
Advertising for Success
Endangered Spaces
Table for Five

Dont Fear the Truth
krissy.nu - life.unscripted
Ramblings Of An Undisturbed Mind
Surviving NJ
Aaron Roselo

The Article Writer
***JOIN - DO FOLLOW BLOGGERS ***
*gimme a break
My Home Recipe
SQKIKs Simple Tech

Women Mumbles
Shopping Flavor
Open Road Biker
A Writers Words, An Editors Eye
Pencil Thin

Simplify Every Obstacle
The Tech Inspector
No Average Mom
Candid Quips
Marisas Dandelion Patch

Scribble On The Wall
The Sun-Flower Family
Buy better - Have a Better Life
*My Thoughts, Ideas, and Ramblings
The Fibromyalgia Experiment

Life in the Fast Lane
Pegs AZ Life
High Strangeness Altoona
Down Memory Lanes
Magical Rose Garden

Midlife Musings
The Web Files
LittleAmerica.us
The Ruff Draft
Confessions of an Everyday housewife

ShowMeMoneyBiz.com
Colloquium
Pink Poison Store
ShowMeHealthBiz
Raw Vegan Momma

The BenSpark
BenSpark 2: Electric Boogaloo
Flatwater Tech
The Wired Kayaker
The Pond

Winding Threads
My Road
MomReviews.net
My Muddled Mind
The Knitting Fiend

My Opinion Counts
The Sassy Southerner
Aylee bits
Movies of My Life
New Century Politics

Chief Prognosticator
Chief Prognosticator 2
Ask Jason
Ask Jason Business
Ask Jason Marketing

Ask Jason Personal Tech
Selenas Musings About Travel and Culture
Selenas Musings About Life
Selenas Musings About Raising Children
tales from the ballpark: 2007

The passionate ailurophile
Work At Home Musings
Musings of a Learning Wife and Mother
PAULA NEAL MOONEY
The Den of Iniquity

Wampago - Music Videos and Entertainment Database
Elements of Fishing
Wanders World
Adapt, Adopt, and Improve
Whats All This Then!

Tip Tail - From Agility to Zen!
Ordinary Folk
Pointless Drivel
JT Music Review
Xillys Blog

I am Who I am
RavensBarrow.com
Culture Shiok!
MomCooks
www.sandrafirebird.com

Simple PC Talk
Mom's Chatterbox
chilli*music
chilli*movies
chilli*technology

You are in My World Now
Smart Marketing Ideas
NickQueen.com
The Raw Review
The Raw & The Cooked

Into the Bit
The Chronicles of My Life
Laurigami.com
Luna Tail
Wild in London

The Way It Is
Sysadmin News
www.IT-Everyday.com
Not just any ordinary blog
Chimeric Daydreams

Rinsems Rink
Blogozine
A Prairie View
A Mothers Horizon
Flos Place

The Talking Fingers on the Web
Step away from the cake
Life in General
*House of Freebies
*She Rambles On

*Blank Canvas
Up the Hill Gang
Listening..Learning..Living
Advanced Wellness Solutions
Shadowscope

Gothic-Peach.Net
chonksworld
OnTheWebEd.com
Musings Of A Manic Mom
Christy's Coffee Break

Fanaticspace - Blog
Successful Blogging With Random Shock
Life With Heathens
Forever Parents
Big Bucks Blogger

pinay g-spot
Total Web Review
Is It So?
go get global news & views
Bloggers for Dollars

Pixie Tail
Chanceless
Thoughts Out of My Head
*Just Not Martha
Craft Blog

Gadget Girl Accessories
Tinas Treasured Thoughts
Blog Avenues
cyberst0rm
The Birds & The Beads

Muffin Mumblings
Accentuate the Positive
Infektia.net
Cactuus
Picture Clusters

DRiNK . a . MOChA !
Ferrets Haven
A Peculiar Blog
Dilithium Crystalworks
Call Me When You Get There

Mslovelys Blog Palace
*gone shopping!
*girls day out
Im Blogging That!
Blacksheep Speaks

Up Scheidt Creek
The Other End of the Internet
Polliwogs Pond
An Unschooling Life
My Happy Place

the so called me
Blogging made devilishly simple
The Official Mrs. Rugged
The Millionaire Secrets
How Can I Do That?

Bonnie Writes
My Happy Place
Debt Free Living
Opinionated
The Sewing Mom

A Saxy Girl
Just for Today
Losing It
A Strange Life
Journal of My Simple Life

Learn Spanish fast: vocabulary tricks and visualization
Off The Cuff
Window Shopper
Molly-Coddled.com
Yourmoneyinfo.com

Healthy Living
Laane on the World
Lisa Reviews
TodayGadgets
homemadehealthypetfood.com

Prudence and Madness
On the Horizon
my daily snippets
Just A Touch of Sweetness
That Bitchy Chick

Daisy the Curly Cat
Casual Blogging
*FullosseousFlaps Dental Blog
TutorialsPortal - Photoshop Tutorials ...
Ask Laane

My Adventures into The Street
pamibe
Good Enough Mom
Dragonhearts Domain
pinay.ws

Twas Brillig
ForumFinderBlog
Beautiful Minds
Bisnis-Net.info
Dew Knight

A Problogger Mom
SEO Expert - Adam Ok
StandAlone
Learn Spanish Now
Miles Business Blog

*Living Life Abundantly at Marenda.Biz
THE THINK LINK
Eliots slant on entertainment
Eliots slant on technology
What a bald guy told me about technology

*La Vie de Laurie
ToastTheTrends- Fashion
ToastTheTrends- Entertainment
ToastTheTrends- Home Decor
ToastTheTrends- Electronics and Gadgets

ToastTheTrends- Life
ToastTheTrends- Financial
Ravens Roads
ah ok lah - the blogosphere and life
Pfunksfoolosophy

Lep's Lair
Dons Theatre
Vegan Videos
Healing Yourself Naturally
Weight Loss Divas

Crabbie Tail
Google Adsense Article
sweet and spicy life
Raspberry Patch Soapworks
Baby First Year

My Wanderings
In A Class By Itself
Info4BeingRich
HOTOs BUSINESS SPOT
AskaX World

Scented Soy Candle Making
Slightly Mordant
Slobokans Site O Schtuff
TinselTown Trash
RetroMental: Time Capsules

The Alligator Pit
Kooks In Suits
Bits Of Dust
RoCaBaP
Talk Of

MissMeliss: Escribition
Laura Lohr
ONwebCHECK
Its Write Now
Adventures in Hong Kong

Income Opportunities and Website Reviews
Pipsnet Technology
Pipsnet Entertainment
Bibliotica
Mexico Musings

Lifeslackers
be my accountant
Musings at Windyridge
Free For All
I Was Born2Cree8

Eco Shopper
Telling It Like It Is
Wannabe Writer
Rebas Run
Public Speecher

Agents Heaven - Real Estate Blog
Monomuse
Silkenhuts World
Writers Bloggage
The Confessions of a Desperate Housewife

Dorannes
Stacys Book Reviews
Flight of The Eaglehawk
Reality Wired
Cheys Place

Beautiful British Columbia
Mo Mhile Gra
Bull3ts Blog
The Other Side of New York
BlogU

Intellectual Idiots
Hugo Says...
Welcome to Beautiful British Columbia!
Hi Guyz and Galz
My memoirs

catsynth.com
Whirled Glass
Erns World
Xplicit Gemini
Link The Planet Business

I know EVERYTHING, just ask my hubby
Computer Chit Chat
Not Much More Than This
Fun, Crafts and Recipes
Healthy Living

33 is the new 23
Starryskye.org
Step Into the Nexus
Silver Melody
WeirdInter.net

Guitar Licks and Tips
Live From Allied Drive
Chris Ns Thoughts and Rants
Matzes Tech Stuff
Cats and Coupons by valmg

e_Marketing
Recipes
Todays Gizmos
The Loquacious Curmudgeon
Web Tools and Tips

Karebear Central
Bakkouz
Another Blogista on the Spot
Its My Imagination
My Road Less Traveled By

The Internet Sidestreet
From Emily to You
Hot Chick Writer
TechieMinds
Learning Curve Coaching

Technology Princess
Home of the Decorating Princess
Kitnets Ponderings
chilli***body
chilli***faith

chilli***philosophy
Callias Corner
Suzanne Says
twogirlsoneblog.com
Roxiticus Desperate Housewives

Hot Chick Writer Writes!
Eastwood Zhao dot COM
Truly Odd Planet
Los Angeles Blog: LA Snark
lifepassedby.com

Renaissance Culinaire
Ultimate Destinations
Just My Opinion
Married With Children
Her Gardening Blog

Self-Help Happiness Blog
David Leonhardts SEO Marketing Express
The Aroengbinang Project
The Web 2.0 Directory
Sebastien Page

Her Home Blog
free-mind-training.com
Night Clicks
BloggerVention.com
Focus Organic.com

Brilliant Photography by Richard X. Thripp
Pounding Heartbeat
Inside My Head
Delightful Work

List Indonesian Blogger which Dofollow (from Belajar SEO) :

alamsyah.rasyid.net
www.brokencode.biz
tipis.web.id
www.sumintar.com
koolsonic.com
www.jimmysun.net
www.baladika.info
www.blogguebo.com
tonijauhari.blogspot.com
sawali.info
jimmykurniaindradjaya.com
fahry.com
harry.sufehmi.com
www.andaka.com
danu.web.id
www.dewahyoe.org
brokethesoul.com
wawanwae.blogspot.com
blog.sampepuas.com
www.gareng.net
semarangreview.blogspot.com
www.penulislepas.com
ningtyasindri.blogspot.com
www.dexno.com
harry99.info
oktasihotang.com
www.permanaj.net
penyuonline.info
www.arhan.web.id
gudangmusik.blogspot.com
www.promobebas.com
idebisnisusaha.com
wanadamsyah.blogspot.com
www.vaseppi.com
www.tantan-hilyatana.net
poetramahardika.blogspot.com
www.hilmanpribadi.com
Yopan Prihadi
nichpakaich.net
bernard-notes.com
kolomkesehatan.blogspot.com
utchanovsky.com
freewareforall.blogspot.com
tera.sirumah.com
www.m4s73r.com
sekitarkita.info
dhuwuh.blogspot.com
blog.mriza.web.id
mybluegreen.net
ngkong.net
negerihijau.blogspot.com
awan.wibawa.net
agusnaim.web.id
saintangel08.blogspot.com
hardono.melesat.com
ivan.faderlan.com
hapebewe.blogspot.com
babbicool.blogspot.com
www.sukseslewatinternet.com
cariuangtambahan.blogspot.com
yasrama.blogspot.com
www.ceritaonlineku.com
www.bintorobisnis.com
firta-ku.blogspot.com
nanieku.blogspot.com
ristizona.blogspot.com
realish.net
sapimoto
melodanta
rozy.web.id
exelinca
latuminggi
Oricadiary
Erwin Nassa
Andy MSE
Denbagus
Ahmed Ridho
Sita
Bamz

Please check again maybe it become nofollow. may this information useful for us to Upgrade PageRank and Traffic.

Setting Blog Menjadi Dofollow - Blogspot

2009-06-22T21:19:00.000-07:00

Langkah-langkah yang harus dilakukan :

* Login ke Blogger ID ==>dashboard blogspot anda,
* Kemudian klik menu Layout ==>masuk ke tab Edit HTML (sehingga akan kelihatan kode HTML dari blog anda), jangan lupa untuk memberi tanda check list pada kotak disebelah tulisan “Expand Widget Templates”
*Cari kode HTML yang yang menyusun komentar di blog anda, kodenya seperti ini :

<a expr:href=’data:comment.authorUrl’ rel=’nofollow‘><data:comment.author/></a>

Langkah selanjutnya hapus tulisan yang berwarna merah sehingga kode HTML blog anda menjadi :

<a expr:href=’data:comment.authorUrl’><data:comment.author/></a>

* Simpan perubahan “SAVE TEMPLATE” yang telah anda lakukan.
* Sekarang blog blogspot anda telah menjadi dofollow blog, (langkah-langkah diatas harus anda ulang kembali jika anda mengganti template dari blogspot anda).

Lantas bagaimana cara untuk mengetahui apakah blog anda sudah dofollow atau belum, anda bisa melakukan pengecekan dengan cara klik kanan dihalaman blog anda klik “view page source” jika anda masih menemukan tulisan rel=’nofollow‘ pada kode :

<a href=‘http://domain penulis komentar’ rel=’nofollow’>nama penulis komentar</a>
contoh : <a href=’http://www.joqimoqi.blogspot.com’ rel=’nofollow’>Asal Ngeblog</a>

Ini menunjukkan bahwa blog anda belum dofollow.

Cara Membuat Label "Blogumulus"

2009-06-21T20:40:00.000-07:00

Sebelumnya kita patut berterimakasih kepada Roy Tanck atas hasil karyanya ini.
Blogumulus ini awalnya diciptakan untuk pengguna Wordpress yang lebih dikenal sebagai Tag-Cumulus widget, yang berbasis flash sehingga bisa dianimasikan. Selanjutnya berkat kreatifitas Amanda Fazani, Tag-Cumulus widget ini sudah bisa dipakai di BLOGGER. Thank's to Amanda Fazani atas kreatifitasnya.

Bagi sobat blogger yang tertarik untuk memasangnya, kita langsung saja pada langkah-langkahnya.
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap (ini untuk memback-up bila terjadi kesalahan). agar templatenya aman.
5. Cari kode (yang mirip dengan kode) di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a>
and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'>
<a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

7. Klik tombol SIMPAN TEMPLATE

Note :
Agar tampilan label animasi ini serasi dengan template blog anda, sesuaikan kode-kode berikut dengan template yang dipakai. Misal:

Merubah lebar, tinggi dan warna background.
Variable untuk lebar dan tinggi ada pada baris script berikut,

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

240 menunjukan lebar widget.
300 menunjukan tinggi widget.
#ffffff menjukan warna background.

Merubah warna text.
Variable untuk lebar dan tinggi ada pada baris script berikut,

so.addVariable("tcolor", "0x333333");

"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja.

Merubah ukuran font.
Variable untuk lebar dan tinggi ada pada baris script berikut,

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

angka 12 menunjukan ukuran font yang digunakan.

Note :

Silahkan anda ganti kode-kode pada variabel di atas sesuai dengan keinginan anda.

bila anda menginginkan background yang transparan, maka anda tinggal menghapus tanda //dari script di atas ( //so.addParam("wmode", "transparent"); )

Selamat Mencoba, semoga berhasil...

Ultimate HTML Color HEX Code List

2009-06-21T03:40:00.000-07:00

If you wanna know HTML color code just search here, or wanna know the color of HTML code... just click ctrl+f (find) and write the code here, it's easy.....
HTML 3.2 specifications identified sixteen colors that can be used by name to define color in HTML and CSS. But don't worry you can use more than sixteen colors in HTML... you'll just need to know the six character HEX values and we've listed pretty much all of the ones you'll. (article from : http://www.colourlovers.com)

Standard 16 Named Color Codes

Black or 000000	Gray or 808080	Silver or C0C0C0	White or FFFFFF
Navy or 000080	Blue or 0000FF	Teal or 008080	Aqua or 00FFFF
Purple or 800080	Maroon or 800000	Red or FF0000	Fuschia or FF00FF
Green or 008000	Lime or 00FF00	Olive or 808000	Yellow or FFFF00

216 Web Safe Color Codes

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

Red Based Tints and Shades

FFFFFF	FFFFF9	FFFFEC	FFFFE8	FFFFDF	FFFFD2	FFFFC8	FFFFBF
FFFFFF	FFFFF3	FFFFDA	FFFFD2	FFFFBF	FFFFA6	FFFF91	FFFF7F
FFFFFF	FFFFED	FFFFC8	FFFFBB	FFFF9F	FFFF7A	FFFF5A	FFFF3F
FFFFFF	FFFFEA	FFFFBD	FFFFAE	FFFF8C	FFFF60	FFFF39	FFFF19
FFFFFF	FFFFE7	FFFFB6	FFFFA5	FFFF7F	FFFF4E	FFFF23	FFFF00
EEEEEE	EEEED8	EEEEAA	EEEE9A	EEEE77	EEEE49	EEEE21	EEEE00
CDCDCD	CDCDBA	CDCD92	CDCD85	CDCD66	CDCD3F	CDCD1C	CDCD00
8B8B8B	8B8B7E	8B8B63	8B8B5A	8B8B45	8B8B2A	8B8B13	8B8B00

FFF9FF	FFF9F9	FFF9EC	FFF9E8	FFF9DF	FFF9D2	FFF9C8	FFF9BF
FFF3FF	FFF3F3	FFF3DA	FFF3D2	FFF3BF	FFF3A6	FFF391	FFF37F
FFEDFF	FFEDED	FFEDC8	FFEDBB	FFED9F	FFED7A	FFED5A	FFED3F
FFEAFF	FFEAEA	FFEABD	FFEAAE	FFEA8C	FFEA60	FFEA39	FFEA19
FFE7FF	FFE7E7	FFE7B6	FFE7A5	FFE77F	FFE74E	FFE723	FFE700
EED8EE	EED8D8	EED8AA	EED89A	EED877	EED849	EED821	EED800
CDBACD	CDBABA	CDBA92	CDBA85	CDBA66	CDBA3F	CDBA1C	CDBA00
8B7E8B	8B7E7E	8B7E63	8B7E5A	8B7E45	8B7E2A	8B7E13	8B7E00

FFECFF	FFECF9	FFECEC	FFECE8	FFECDF	FFECD2	FFECC8	FFECBF
FFDAFF	FFDAF3	FFDADA	FFDAD2	FFDABF	FFDAA6	FFDA91	FFDA7F
FFC8FF	FFC8ED	FFC8C8	FFC8BB	FFC89F	FFC87A	FFC85A	FFC83F
FFBDFF	FFBDEA	FFBDBD	FFBDAE	FFBD8C	FFBD60	FFBD39	FFBD19
FFB6FF	FFB6E7	FFB6B6	FFB6A5	FFB67F	FFB64E	FFB623	FFB600
EEAAEE	EEAAD8	EEAAAA	EEAA9A	EEAA77	EEAA49	EEAA21	EEAA00
CD92CD	CD92BA	CD9292	CD9285	CD9266	CD923F	CD921C	CD9200
8B638B	8B637E	8B6363	8B635A	8B6345	8B632A	8B6313	8B6300

FFE8FF	FFE8F9	FFE8EC	FFE8E8	FFE8DF	FFE8D2	FFE8C8	FFE8BF
FFD2FF	FFD2F3	FFD2DA	FFD2D2	FFD2BF	FFD2A6	FFD291	FFD27F
FFBBFF	FFBBED	FFBBC8	FFBBBB	FFBB9F	FFBB7A	FFBB5A	FFBB3F
FFAEFF	FFAEEA	FFAEBD	FFAEAE	FFAE8C	FFAE60	FFAE39	FFAE19
FFA5FF	FFA5E7	FFA5B6	FFA5A5	FFA57F	FFA54E	FFA523	FFA500
EE9AEE	EE9AD8	EE9AAA	EE9A9A	EE9A77	EE9A49	EE9A21	EE9A00
CD85CD	CD85BA	CD8592	CD8585	CD8566	CD853F	CD851C	CD8500
8B5A8B	8B5A7E	8B5A63	8B5A5A	8B5A45	8B5A2A	8B5A13	8B5A00

FFDFFF	FFDFF9	FFDFEC	FFDFE8	FFDFDF	FFDFD2	FFDFC8	FFDFBF
FFBFFF	FFBFF3	FFBFDA	FFBFD2	FFBFBF	FFBFA6	FFBF91	FFBF7F
FF9FFF	FF9FED	FF9FC8	FF9FBB	FF9F9F	FF9F7A	FF9F5A	FF9F3F
FF8CFF	FF8CEA	FF8CBD	FF8CAE	FF8C8C	FF8C60	FF8C39	FF8C19
FF7FFF	FF7FE7	FF7FB6	FF7FA5	FF7F7F	FF7F4E	FF7F23	FF7F00
EE77EE	EE77D8	EE77AA	EE779A	EE7777	EE7749	EE7721	EE7700
CD66CD	CD66BA	CD6692	CD6685	CD6666	CD663F	CD661C	CD6600
8B458B	8B457E	8B4563	8B455A	8B4545	8B452A	8B4513	8B4500

FFD2FF	FFD2F9	FFD2EC	FFD2E8	FFD2DF	FFD2D2	FFD2C8	FFD2BF
FFA6FF	FFA6F3	FFA6DA	FFA6D2	FFA6BF	FFA6A6	FFA691	FFA67F
FF7AFF	FF7AED	FF7AC8	FF7ABB	FF7A9F	FF7A7A	FF7A5A	FF7A3F
FF60FF	FF60EA	FF60BD	FF60AE	FF608C	FF6060	FF6039	FF6019
FF4EFF	FF4EE7	FF4EB6	FF4EA5	FF4E7F	FF4E4E	FF4E23	FF4E00
EE49EE	EE49D8	EE49AA	EE499A	EE4977	EE4949	EE4921	EE4900
CD3FCD	CD3FBA	CD3F92	CD3F85	CD3F66	CD3F3F	CD3F1C	CD3F00
8B2A8B	8B2A7E	8B2A63	8B2A5A	8B2A45	8B2A2A	8B2A13	8B2A00

FFC8FF	FFC8F9	FFC8EC	FFC8E8	FFC8DF	FFC8D2	FFC8C8	FFC8BF
FF91FF	FF91F3	FF91DA	FF91D2	FF91BF	FF91A6	FF9191	FF917F
FF5AFF	FF5AED	FF5AC8	FF5ABB	FF5A9F	FF5A7A	FF5A5A	FF5A3F
FF39FF	FF39EA	FF39BD	FF39AE	FF398C	FF3960	FF3939	FF3919
FF23FF	FF23E7	FF23B6	FF23A5	FF237F	FF234E	FF2323	FF2300
EE21EE	EE21D8	EE21AA	EE219A	EE2177	EE2149	EE2121	EE2100
CD1CCD	CD1CBA	CD1C92	CD1C85	CD1C66	CD1C3F	CD1C1C	CD1C00
8B138B	8B137E	8B1363	8B135A	8B1345	8B132A	8B1313	8B1300

FFBFFF	FFBFF9	FFBFEC	FFBFE8	FFBFDF	FFBFD2	FFBFC8	FFBFBF
FF7FFF	FF7FF3	FF7FDA	FF7FD2	FF7FBF	FF7FA6	FF7F91	FF7F7F
FF3FFF	FF3FED	FF3FC8	FF3FBB	FF3F9F	FF3F7A	FF3F5A	FF3F3F
FF19FF	FF19EA	FF19BD	FF19AE	FF198C	FF1960	FF1939	FF1919
FF00FF	FF00E7	FF00B6	FF00A5	FF007F	FF004E	FF0023	FF0000
EE00EE	EE00D8	EE00AA	EE009A	EE0077	EE0049	EE0021	EE0000
CD00CD	CD00BA	CD0092	CD0085	CD0066	CD003F	CD001C	CD0000
8B008B	8B007E	8B0063	8B005A	8B0045	8B002A	8B0013	8B0000

Green Based Tints and Shades

FFFFFF	FFFFF9	FFFFEC	FFFFE8	FFFFDF	FFFFD2	FFFFC8	FFFFBF
FFFFFF	FFFFF3	FFFFDA	FFFFD2	FFFFBF	FFFFA6	FFFF91	FFFF7F
FFFFFF	FFFFED	FFFFC8	FFFFBB	FFFF9F	FFFF7A	FFFF5A	FFFF3F
FFFFFF	FFFFEA	FFFFBD	FFFFAE	FFFF8C	FFFF60	FFFF39	FFFF19
FFFFFF	FFFFE7	FFFFB6	FFFFA5	FFFF7F	FFFF4E	FFFF23	FFFF00
EEEEEE	EEEED8	EEEEAA	EEEE9A	EEEE77	EEEE49	EEEE21	EEEE00
CDCDCD	CDCDBA	CDCD92	CDCD85	CDCD66	CDCD3F	CDCD1C	CDCD00
8B8B8B	8B8B7E	8B8B63	8B8B5A	8B8B45	8B8B2A	8B8B13	8B8B00

F9FFFF	F9FFF9	F9FFEC	F9FFE8	F9FFDF	F9FFD2	F9FFC8	F9FFBF
F3FFFF	F3FFF3	F3FFDA	F3FFD2	F3FFBF	F3FFA6	F3FF91	F3FF7F
EDFFFF	EDFFED	EDFFC8	EDFFBB	EDFF9F	EDFF7A	EDFF5A	EDFF3F
EAFFFF	EAFFEA	EAFFBD	EAFFAE	EAFF8C	EAFF60	EAFF39	EAFF19
E7FFFF	E7FFE7	E7FFB6	E7FFA5	E7FF7F	E7FF4E	E7FF23	E7FF00
D8EEEE	D8EED8	D8EEAA	D8EE9A	D8EE77	D8EE49	D8EE21	D8EE00
BACDCD	BACDBA	BACD92	BACD85	BACD66	BACD3F	BACD1C	BACD00
7E8B8B	7E8B7E	7E8B63	7E8B5A	7E8B45	7E8B2A	7E8B13	7E8B00

ECFFFF	ECFFF9	ECFFEC	ECFFE8	ECFFDF	ECFFD2	ECFFC8	ECFFBF
DAFFFF	DAFFF3	DAFFDA	DAFFD2	DAFFBF	DAFFA6	DAFF91	DAFF7F
C8FFFF	C8FFED	C8FFC8	C8FFBB	C8FF9F	C8FF7A	C8FF5A	C8FF3F
BDFFFF	BDFFEA	BDFFBD	BDFFAE	BDFF8C	BDFF60	BDFF39	BDFF19
B6FFFF	B6FFE7	B6FFB6	B6FFA5	B6FF7F	B6FF4E	B6FF23	B6FF00
AAEEEE	AAEED8	AAEEAA	AAEE9A	AAEE77	AAEE49	AAEE21	AAEE00
92CDCD	92CDBA	92CD92	92CD85	92CD66	92CD3F	92CD1C	92CD00
638B8B	638B7E	638B63	638B5A	638B45	638B2A	638B13	638B00

E8FFFF	E8FFF9	E8FFEC	E8FFE8	E8FFDF	E8FFD2	E8FFC8	E8FFBF
D2FFFF	D2FFF3	D2FFDA	D2FFD2	D2FFBF	D2FFA6	D2FF91	D2FF7F
BBFFFF	BBFFED	BBFFC8	BBFFBB	BBFF9F	BBFF7A	BBFF5A	BBFF3F
AEFFFF	AEFFEA	AEFFBD	AEFFAE	AEFF8C	AEFF60	AEFF39	AEFF19
A5FFFF	A5FFE7	A5FFB6	A5FFA5	A5FF7F	A5FF4E	A5FF23	A5FF00
9AEEEE	9AEED8	9AEEAA	9AEE9A	9AEE77	9AEE49	9AEE21	9AEE00
85CDCD	85CDBA	85CD92	85CD85	85CD66	85CD3F	85CD1C	85CD00
5A8B8B	5A8B7E	5A8B63	5A8B5A	5A8B45	5A8B2A	5A8B13	5A8B00

DFFFFF	DFFFF9	DFFFEC	DFFFE8	DFFFDF	DFFFD2	DFFFC8	DFFFBF
BFFFFF	BFFFF3	BFFFDA	BFFFD2	BFFFBF	BFFFA6	BFFF91	BFFF7F
9FFFFF	9FFFED	9FFFC8	9FFFBB	9FFF9F	9FFF7A	9FFF5A	9FFF3F
8CFFFF	8CFFEA	8CFFBD	8CFFAE	8CFF8C	8CFF60	8CFF39	8CFF19
7FFFFF	7FFFE7	7FFFB6	7FFFA5	7FFF7F	7FFF4E	7FFF23	7FFF00
77EEEE	77EED8	77EEAA	77EE9A	77EE77	77EE49	77EE21	77EE00
66CDCD	66CDBA	66CD92	66CD85	66CD66	66CD3F	66CD1C	66CD00
458B8B	458B7E	458B63	458B5A	458B45	458B2A	458B13	458B00

D2FFFF	D2FFF9	D2FFEC	D2FFE8	D2FFDF	D2FFD2	D2FFC8	D2FFBF
A6FFFF	A6FFF3	A6FFDA	A6FFD2	A6FFBF	A6FFA6	A6FF91	A6FF7F
7AFFFF	7AFFED	7AFFC8	7AFFBB	7AFF9F	7AFF7A	7AFF5A	7AFF3F
60FFFF	60FFEA	60FFBD	60FFAE	60FF8C	60FF60	60FF39	60FF19
4EFFFF	4EFFE7	4EFFB6	4EFFA5	4EFF7F	4EFF4E	4EFF23	4EFF00
49EEEE	49EED8	49EEAA	49EE9A	49EE77	49EE49	49EE21	49EE00
3FCDCD	3FCDBA	3FCD92	3FCD85	3FCD66	3FCD3F	3FCD1C	3FCD00
2A8B8B	2A8B7E	2A8B63	2A8B5A	2A8B45	2A8B2A	2A8B13	2A8B00

C8FFFF	C8FFF9	C8FFEC	C8FFE8	C8FFDF	C8FFD2	C8FFC8	C8FFBF
91FFFF	91FFF3	91FFDA	91FFD2	91FFBF	91FFA6	91FF91	91FF7F
5AFFFF	5AFFED	5AFFC8	5AFFBB	5AFF9F	5AFF7A	5AFF5A	5AFF3F
39FFFF	39FFEA	39FFBD	39FFAE	39FF8C	39FF60	39FF39	39FF19
23FFFF	23FFE7	23FFB6	23FFA5	23FF7F	23FF4E	23FF23	23FF00
21EEEE	21EED8	21EEAA	21EE9A	21EE77	21EE49	21EE21	21EE00
1CCDCD	1CCDBA	1CCD92	1CCD85	1CCD66	1CCD3F	1CCD1C	1CCD00
138B8B	138B7E	138B63	138B5A	138B45	138B2A	138B13	138B00

BFFFFF	BFFFF9	BFFFEC	BFFFE8	BFFFDF	BFFFD2	BFFFC8	BFFFBF
7FFFFF	7FFFF3	7FFFDA	7FFFD2	7FFFBF	7FFFA6	7FFF91	7FFF7F
3FFFFF	3FFFED	3FFFC8	3FFFBB	3FFF9F	3FFF7A	3FFF5A	3FFF3F
19FFFF	19FFEA	19FFBD	19FFAE	19FF8C	19FF60	19FF39	19FF19
00FFFF	00FFE7	00FFB6	00FFA5	00FF7F	00FF4E	00FF23	00FF00
00EEEE	00EED8	00EEAA	00EE9A	00EE77	00EE49	00EE21	00EE00
00CDCD	00CDBA	00CD92	00CD85	00CD66	00CD3F	00CD1C	00CD00
008B8B	008B7E	008B63	008B5A	008B45	008B2A	008B13	008B00

Blue Based Tints and Shades

FFFFFF	F9FFFF	ECFFFF	E8FFFF	DFFFFF	D2FFFF	C8FFFF	BFFFFF
FFFFFF	F3FFFF	DAFFFF	D2FFFF	BFFFFF	A6FFFF	91FFFF	7FFFFF
FFFFFF	EDFFFF	C8FFFF	BBFFFF	9FFFFF	7AFFFF	5AFFFF	3FFFFF
FFFFFF	EAFFFF	BDFFFF	AEFFFF	8CFFFF	60FFFF	39FFFF	19FFFF
FFFFFF	E7FFFF	B6FFFF	A5FFFF	7FFFFF	4EFFFF	23FFFF	00FFFF
EEEEEE	D8EEEE	AAEEEE	9AEEEE	77EEEE	49EEEE	21EEEE	00EEEE
CDCDCD	BACDCD	92CDCD	85CDCD	66CDCD	3FCDCD	1CCDCD	00CDCD
8B8B8B	7E8B8B	638B8B	5A8B8B	458B8B	2A8B8B	138B8B	008B8B

FFF9FF	F9F9FF	ECF9FF	E8F9FF	DFF9FF	D2F9FF	C8F9FF	BFF9FF
FFF3FF	F3F3FF	DAF3FF	D2F3FF	BFF3FF	A6F3FF	91F3FF	7FF3FF
FFEDFF	EDEDFF	C8EDFF	BBEDFF	9FEDFF	7AEDFF	5AEDFF	3FEDFF
FFEAFF	EAEAFF	BDEAFF	AEEAFF	8CEAFF	60EAFF	39EAFF	19EAFF
FFE7FF	E7E7FF	B6E7FF	A5E7FF	7FE7FF	4EE7FF	23E7FF	00E7FF
EED8EE	D8D8EE	AAD8EE	9AD8EE	77D8EE	49D8EE	21D8EE	00D8EE
CDBACD	BABACD	92BACD	85BACD	66BACD	3FBACD	1CBACD	00BACD
8B7E8B	7E7E8B	637E8B	5A7E8B	457E8B	2A7E8B	137E8B	007E8B

FFECFF	F9ECFF	ECECFF	E8ECFF	DFECFF	D2ECFF	C8ECFF	BFECFF
FFDAFF	F3DAFF	DADAFF	D2DAFF	BFDAFF	A6DAFF	91DAFF	7FDAFF
FFC8FF	EDC8FF	C8C8FF	BBC8FF	9FC8FF	7AC8FF	5AC8FF	3FC8FF
FFBDFF	EABDFF	BDBDFF	AEBDFF	8CBDFF	60BDFF	39BDFF	19BDFF
FFB6FF	E7B6FF	B6B6FF	A5B6FF	7FB6FF	4EB6FF	23B6FF	00B6FF
EEAAEE	D8AAEE	AAAAEE	9AAAEE	77AAEE	49AAEE	21AAEE	00AAEE
CD92CD	BA92CD	9292CD	8592CD	6692CD	3F92CD	1C92CD	0092CD
8B638B	7E638B	63638B	5A638B	45638B	2A638B	13638B	00638B

FFE8FF	F9E8FF	ECE8FF	E8E8FF	DFE8FF	D2E8FF	C8E8FF	BFE8FF
FFD2FF	F3D2FF	DAD2FF	D2D2FF	BFD2FF	A6D2FF	91D2FF	7FD2FF
FFBBFF	EDBBFF	C8BBFF	BBBBFF	9FBBFF	7ABBFF	5ABBFF	3FBBFF
FFAEFF	EAAEFF	BDAEFF	AEAEFF	8CAEFF	60AEFF	39AEFF	19AEFF
FFA5FF	E7A5FF	B6A5FF	A5A5FF	7FA5FF	4EA5FF	23A5FF	00A5FF
EE9AEE	D89AEE	AA9AEE	9A9AEE	779AEE	499AEE	219AEE	009AEE
CD85CD	BA85CD	9285CD	8585CD	6685CD	3F85CD	1C85CD	0085CD
8B5A8B	7E5A8B	635A8B	5A5A8B	455A8B	2A5A8B	135A8B	005A8B

FFDFFF	F9DFFF	ECDFFF	E8DFFF	DFDFFF	D2DFFF	C8DFFF	BFDFFF
FFBFFF	F3BFFF	DABFFF	D2BFFF	BFBFFF	A6BFFF	91BFFF	7FBFFF
FF9FFF	ED9FFF	C89FFF	BB9FFF	9F9FFF	7A9FFF	5A9FFF	3F9FFF
FF8CFF	EA8CFF	BD8CFF	AE8CFF	8C8CFF	608CFF	398CFF	198CFF
FF7FFF	E77FFF	B67FFF	A57FFF	7F7FFF	4E7FFF	237FFF	007FFF
EE77EE	D877EE	AA77EE	9A77EE	7777EE	4977EE	2177EE	0077EE
CD66CD	BA66CD	9266CD	8566CD	6666CD	3F66CD	1C66CD	0066CD
8B458B	7E458B	63458B	5A458B	45458B	2A458B	13458B	00458B

FFD2FF	F9D2FF	ECD2FF	E8D2FF	DFD2FF	D2D2FF	C8D2FF	BFD2FF
FFA6FF	F3A6FF	DAA6FF	D2A6FF	BFA6FF	A6A6FF	91A6FF	7FA6FF
FF7AFF	ED7AFF	C87AFF	BB7AFF	9F7AFF	7A7AFF	5A7AFF	3F7AFF
FF60FF	EA60FF	BD60FF	AE60FF	8C60FF	6060FF	3960FF	1960FF
FF4EFF	E74EFF	B64EFF	A54EFF	7F4EFF	4E4EFF	234EFF	004EFF
EE49EE	D849EE	AA49EE	9A49EE	7749EE	4949EE	2149EE	0049EE
CD3FCD	BA3FCD	923FCD	853FCD	663FCD	3F3FCD	1C3FCD	003FCD
8B2A8B	7E2A8B	632A8B	5A2A8B	452A8B	2A2A8B	132A8B	002A8B

FFC8FF	F9C8FF	ECC8FF	E8C8FF	DFC8FF	D2C8FF	C8C8FF	BFC8FF
FF91FF	F391FF	DA91FF	D291FF	BF91FF	A691FF	9191FF	7F91FF
FF5AFF	ED5AFF	C85AFF	BB5AFF	9F5AFF	7A5AFF	5A5AFF	3F5AFF
FF39FF	EA39FF	BD39FF	AE39FF	8C39FF	6039FF	3939FF	1939FF
FF23FF	E723FF	B623FF	A523FF	7F23FF	4E23FF	2323FF	0023FF
EE21EE	D821EE	AA21EE	9A21EE	7721EE	4921EE	2121EE	0021EE
CD1CCD	BA1CCD	921CCD	851CCD	661CCD	3F1CCD	1C1CCD	001CCD
8B138B	7E138B	63138B	5A138B	45138B	2A138B	13138B	00138B

FFBFFF	F9BFFF	ECBFFF	E8BFFF	DFBFFF	D2BFFF	C8BFFF	BFBFFF
FF7FFF	F37FFF	DA7FFF	D27FFF	BF7FFF	A67FFF	917FFF	7F7FFF
FF3FFF	ED3FFF	C83FFF	BB3FFF	9F3FFF	7A3FFF	5A3FFF	3F3FFF
FF19FF	EA19FF	BD19FF	AE19FF	8C19FF	6019FF	3919FF	1919FF
FF00FF	E700FF	B600FF	A500FF	7F00FF	4E00FF	2300FF	0000FF
EE00EE	D800EE	AA00EE	9A00EE	7700EE	4900EE	2100EE	0000EE
CD00CD	BA00CD	9200CD	8500CD	6600CD	3F00CD	1C00CD	0000CD
8B008B	7E008B	63008B	5A008B	45008B	2A008B	13008B	00008B

Cara Membuat Widget Daftar Isi di Blogger

2009-06-17T21:38:00.000-07:00

Masih tentang Cara Membuat Daftar Isi di Blogger, kali ini artikelnya diambil dari Dunia Blogger.

==>Seperti biasa masuk (Sign In) ke Blogger ID
==> Dashboard
==> Edit Lay Out/Tata Letak
==> Tambahkan Elemet dengan klik [Add Page Element atau Add Widget] [Java Script/HTML] kemudian Copy paste kode di bawah (Kemudian Atur Posisi Widgetnya dan Tempatkan sesuai keinginan anda).

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://dunia-blogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Widget By: [<a href="http://namabloganda.com">Dunia-Blogger</a>]

Keterangan tambahan :
Jangan Lupa Ganti http://namabloganda.blogspot.com dengan alamat URL Blog anda masing-Masing.
Pengaturan lainnya mungkin pada bagian yang miring berwarna merah silahkan diatur tingginya jika perlu tambahkan kode width: 200px; sebelum height, untuk mengatur lebar Roll.

Silahkan mencoba..

Make Table Of Content at Blogspot - Membuat Daftar isi Blogspot

2009-06-17T19:45:00.000-07:00

Cara Membuat Daftar Isi Blog di Blogspot ini artikelnya saya ambil dari blognya sang master Tutorial Blog yaitu Kang Rohman. Mengapa saya memilih menggunakan cara berikut dan bukannya menggunakan JavaScript? yup karena kalau menggunakan JavaScript maka loading blog kita akan lebih lama, namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template. Ok, berikut ini yang mesti kita lakukan.

Langkah #1

Bilsa sudah berada di halaman dashboard, klik Layout.

Klik tab Edit HTML

Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).

Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

6. Lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data="post" name="post">

7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

8. Klik tombol Simpan Template.

9. Selesai. Langkah pertama sudah selesai.

Langkah #2

Klik tab Elemen Halaman.

Klik tulisan Tambahkan sebuah Elemen Halaman.

Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOGuntuk yang HTML/JavaScript.

Copy lalu paste kode berikut :

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>

5. Ganti NamaBlogAnda nama blog anda sendiri. Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik

6.Klik tombol Simpan Perubahan.

7. Selesai.

Keterangan tambahan :

Jika anda mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1) :

<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">

Selamat mencoba..

Mencari Kunci/Chord Lagu Dengan EasyChord

2009-06-17T03:06:00.000-07:00

Daripada lupa..lupa.. ingat mending cobain deh tips berikut, diambil dari blog nya mas wahyu.
Untuk yang suka bermain musik, cobalah plugin winamp yang satu ini, EasyChord. Sesuai dengan namanya, EasyChord ini menampilkan chord-chord dari lagu yang sedang kita putar di winamp. Sangat praktis digunakan untuk mencari chord dari lagu-lagu favorit kita. Chord yang ditampilkan pun tidak mengecewakan, meskipun ada beberapa hasil kompilasi chord yang tidak sesuai dengan chord yang semestinya.

Cara menggunakannya pun mudah, cukup intsall EasyChords ini, jalankan winamp (winamp yang digunakan harus winamp versi 5.3 keatas), kemudian pilih lagu yang ingin dicari chord-nya. Kemudian klik 'Click to start processing the song' untuk memulai mencari Chord dari lagu terpilih. Tunggu beberapa saat, dan setelah selesai, kita dapat melihat chord-chord dari lagu terpilih sambil memainkan lagunya.

Download.
Filename : EasyChords.exe
Website : www.cbmsnetworks.com
Filesize : 1.542 KB

Membuat Link Berkedip Warna-warni (Pelangi)

2009-06-16T23:51:00.000-07:00

Berikut Tips Membuat Link Berkedip Warna-warni (Pelangi) yang akan memperindah tampilan blog kita. CONTOH TAMPILAN: SILAHKAN ANDA ARAHKAN KURSOR DI ATAS TULISAN INI. Langsung saja tanpa basa-basi berikut langkah-langkahnya, mudah koq :

Klik menu Dashboard

Klik Lay Out / Tata Letak

Klik tab Edit HTML

Klik tulisan Download Template Lengkap. (biasakan yang ini)

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editing pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung

Kemudian copy paste code di bawah ini tepat dibawah code <Head> pada HTML template :

Lalu save Template.

Script ini juga akan merubah link yang ada pada halaman layout blogger anda, silahkan anda letakkan cursor anda pada link Add Gadget pada halaman layout pasti warnanya akan berubah berwarna warni.

Silahkan mencoba.
Thanks to : Seputar Informasi

Membuat Blog Iklan

2009-06-15T01:50:00.000-07:00

Artikel ini diambil dari blognya Jatger. Untuk membuat Blog iklan pertama yang harus kita buat adalah membuat sebuah blog baru sebagai tempat pemasangan iklan nantinya. Seperti biasa, buat akun blog diblogger.
Kalo sudah jadi, setting email di blogger anda tadi, caranya
- silakan anda “login” dib logger dengan ID anda tadi,
- kemudian klik “pengaturan”,
- terus klik tab “Email”
- disebelah bawah ada tulisan “Alamat Mail-ke-Blogger”, nah di kotak kosong yang ada silakan anda isi dengan kata yang anda inginkan. Kemudian simpan
- selesai

Kemudian kita membuat formulir kotak iklannya, caranya adalah silakan anda buka
www.emailmeform.com (sebenarnya ada banyak sarana tapi kita coba yang ini saja) setelah itu anda daftar disana (free)

Setelah mendapat persetujuan verifikasi di email anda, buka halaman utama emailmeform.com
- silakan anda login disana dengan ID dan password anda tadi.
- sekarang anda sudah berada dalam area control panel, kemudian klik tulisan “Click here to Create a new form”
- setelah itu anda akan dibawa ke tampilan “Click here to Create a new form”,

nah silakan anda isi :
Web form Name : » isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan. (*penting: Isi dengan alamat email di akun blogger yang tadi telah anda buat)

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.atau lebih juga boleh

- klik “next”, anda sekarang masuk pada “step kedua”, silakan anda isi formulir tersebut sesuai dengan keinginan anda..
- kemudian klik “next”,isi formulir tersebut
- kemudian “next”, nah kalo dah dicentangi sesuai keinginan kemudian “next” lagi
- centangi lagi sesuai keinginan anda, kemudian klik “next”
- nah kemudian formulir anda dah jadi nampil seperti ini:

Kalau sudah selesai proses ini kemudian ambil kode scriptnya dan co-pas ke blog yang ingin anda pasangi Formulir iklan tersebut.
Caranya :
Anda Login ke blogger pake akun anda
• Klik Tata Letak
• Klik Elemen Halaman
• Klik tambah Gadget
• Klik Tanda plus ( + ) untuk HTML/Javascript.
• Copy lalu paste script kontak form yang anda punyai. Klik tombol simpan.
• Pindahkan elemen (gadget) yang baru saja anda buat ke tempat yang anda inginkan (sebaiknya di atas elemen posting).
• Klik tombol SIMPAN
• Selesai

Silahkan mencoba...

Gallery photo dengan CSS dan HTML

2009-06-14T21:13:00.000-07:00

Artikel ini di ambil dari Vilat Lines, Tips ini cukup bagus untuk anda yang mempunyai banyak koleksi photo dan lebih bagus lagi kalau anda menyediakan blog khusus untuk photo-photo anda.

Hasilnya akan tampak seperti di bawah ini :

Gambar Technology

Judul tab nya

Judul tab nya

Judul tab nya

Judul tab nya

Cara membuatnya seperti ini,
Pada edit html template anda :
Masukkan kode CSS ini didalam tag CSS blog anda atau agar mudah diingat letakkan saja diatas ]]>

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto;
position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover,

.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

Selanjutnya klik save template.

Pindah ke elemen halaman kilk add gadget dan pilih html/javascript lalu masukkan kodenya seperti ini :

<div class="photo"><div class="photo">
<ul class="topic">
<li><a class="set" href="#link">Judul tab nya</a>

<ul>
<li><a href="link target gambar anda"><img alt="" src="link gambar anda" title=""/></a></li>
Biar rapih buat seperti ini 16 buah, tapi kalau kurang juga ga apa-apa.
</ul>

</li>

<li><a class="set" href="#link">Judul tab nya</a>

<ul>
<li><a href="link target gambar anda"><img alt="" src="link gambar anda" title=""/></a></li>
Biar rapih buat seperti ini 16 buah, tapi kalau kurang juga ga apa-apa.
</ul>

</li>
<li><a class="set" href="#link">Judul tab nya</a>

<ul>
<li><a href="link target gambar anda"><img alt="" src="link gambar anda" title=""/></a></li>
Biar rapih buat seperti ini 16 buah, tapi kalau kurang juga ga apa-apa.
</ul>


</li>
<li><a class="set" href="#link">Judul tab nya</a>

<ul>
<li><a href="link target gambar anda"><img alt="" src="link gambar anda" title=""/></a></li>
Biar rapih buat seperti ini 16 buah, tapi kalau kurang juga ga apa-apa.
</ul>

</li>
<li><a class="set" href="#link">Judul tab nya</a>


<ul>
<li><a href="link target gambar anda"><img alt="" src="link gambar anda" title=""/></a></li>
Biar rapih buat seperti ini 16 buah, tapi kalau kurang juga ga apa-apa.
</ul>


</li>
</ul>
<br class="clear"/>
</div>