earn dollar online

How to Created a Blogger Template

2011-11-10T20:37:00.000-08:00

It's very long time i never update my blog earn dollar online cause im a quite busy and also the cost of internet connection in here is quite expensive. But today i want to share how to create Blogger templates with easy way. Probably many of you do not really understand about HTML, CSS, PHP, Java Script and much more that I don't really know all about it too. Though it is the key to making a design template for your blog or website as we want, than how we can continue to create our own template? if you know Html, CSS, PHP, Java script that was easy for you to make a template, but for people like me maybe you, this stuff gonna kill us right?. The question is how you can create a bloger template with easy without know much about the programming languages above, for now you can use an application called Artisteer Template Generator.

With this you can create a template with a very quick and easy. This application also supports to make some templates from: Joomla, Wordpress, Drupal, DotNetNuke, HTML Page, ASP.NET Application, Code Charge Studio, and also Blogger.

For Artisteer Screenshot see below:

However, Artisteer is not a free program that you can instantly download.
You must reach your pockets to purchase the application. but don't be discouraged, because Artisteer gives you the opportunity to download the trial in www.artisteer.com
For how to used this Application and the crack of this application (if i can find it hahaha..) i will shared it in the next post.

see you soon and keep visiting here with a new tips :)

Mengatasi Yahoo Messenger Blank/Teks Tidak Muncul

2011-06-07T10:50:00.000-07:00

Setelah pusing-pusing main yahoo mesenger yang tidak muncul pesannya akhirnya bisa juga. jika diantara kalian ada yang pernah mengirim pesan lewat yahoo messenger tulisan kita tidak muncul atau tidak terlihat padahal ketika kita mengetik pesan di kotak chat tulisan terlihat tapi ketika di-send tulisan tidak muncul/tidak terlihat di layar chat atas? bahkan temen chat kita sendiri melihat pesan kita dan kita tidak melihat punya kita begitu juga punya temen kita. atau ketika seseorang mengirim pesan chat ke ID kita yang muncul hanya kotak chat tanpa terlihat satu pun teks di sana?

Untuk mengatasinya ada beberapa cara untuk yang pertama:

Dengan mengetikkan script berikut di run command, (Sign Out dulu dari yahoo messenger Anda sebelum mengetikkan script berikut).

regsvr32 wshom.ocx
regsvr32 jscript.dll
regsvr32 urlmon.dll
regsvr32 c:\Windows\System32\vbscript.dll

Jika Anda bingung karena belum pernah menggunakan run command sebelumnya, berikut petunjuk langkah² yang lebih detailnya:

Klik Start Menu
Klik Run
Ketikkan regsvr32 wshom.ocx
Tekan Enter
Ketikkan regsvr32 jscript.dll
Tekan Enter
Ketikkan regsvr32 urlmon.dll
Tekan Enter
Ketikkan regsvr32 c:\Windows\System32\vbscript.dll
Tekan Enter

Silakan Sign In kembali ke Yahoo Messenger Anda. Seharusnya teks sudah bisa terlihat kembali.

Atau cara yang ke dua coba cara ini, dengan melakukan editing pada registry, ini adalah yang paling ampuh hehe, karena punya berhasil dengan ini:

Buka Regedit (Klik: Start menu -> pilih: Run.. –> ketik: regedit -> tekan: Enter)
Cari/find:HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones
Hapus folder ‘kotak’ sedangkan folder 01234 dibiarkan saja (seperti pada gambar di bawah).
Tutup Regedit.
Restart komputer.

Jika cara diatas tidak bisa yang ke 3 adalah anda bisa melakukan pengecekan pada setting browser Internet Explorer, yaitu dengan cara:

Buka/klik Internet Explorer
Klik menu “Tools” pada toolbar Internet Explorer kemudian pilih “Internet Options”
Klik tab “Security”
Klik icon internet bergambar globe bola dunia (secara default sudah terpilih)
Klik tombol “Custom Level” dibawah
Geser/scroll ke bawah, cari “Scripting”
Enable semuanya ke-tiga²-nya (Active scripting, Allow paste operations via script, Scripting of Java applets)
Klik tombol “OK” di bawah.
Selesai
Sign In ke Yahoo Messenger

Cara lain yang yang terakhir untuk mengatasi yahoo messenger blank, teks/pesan tidak muncul adalah dengan install ulang IE (Internet Explorer) atau meng-upgrade-nya ke versi terbaru. atau mungkin anda melakukan ini sehingga menyebabkan rusaknya Yahoo Messenger anda. jadi kembalikan aja pakai IE sebelumnya

Semoga berhasil and berchatting ria ^^

Blog Tutorial Membuat Blockquote Lebih Menarik

2011-06-03T14:12:00.000-07:00

Untuk kali ini saya akan memberikan blog tutorial membuat blockquote lebih menarik. sehingga tampilan blog anda lebih bagus ketika anda membuat posting dengan blockquote untuk beberapa tulisan ataupun untuk sebuah kode yang membutuhkan perhatian khusus. Dalam hal ini tidak sulit ko, anda hanya mengganti beberapa code untuk blockquote sehingga blockquote anda tidak hanya block warna bahkan polos. Tentu saja anda lebih suka yang ini kan:

Untuk membuatnya seperti biasa lakukan langkah berikut:

1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

Gb.1

2. Selanjutnya pilih tab Edit Html (Gb.2). Backup template anda dengan cara klik "Download Full Template". jika nanti terjadi kesalahan hal ini akan mudah untuk mengembalikan seperti semula

Gb.2

3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).

Gb.3
4. Cari code blockquote anda seperti dibawah ini ataupun yang mirip (karena setiap template berbeda-beda) misalnya:

.blockquote {
background:#e9d8eb;
margin:0px 25px 15px 25px;
padding:10px 20px 15px 15px;
border-top:1px solid #dddddd;
border-right:1px solid #666666;
border-left:1px solid #dddddd;
border-bottom:1px solid #666666}

5. Setelah ketemu silahkan anda ganti dengan code berikut:

.blockquote {

    background: url("http://4.bp.blogspot.com/-qNgasvkhNPI/Td5QNByXqLI/AAAAAAAAAFY/Tm8HjJ_g8yk/s1600/source1.jpg") repeat-y scroll 0 0 #FFFFFF;
    border-bottom-right-radius: 10px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 1px 12px;
    display: block;
    font-family: Courier New;
    font-size: 11px;
    line-height: 2;
    margin: 4px;
    padding: 0 10px;
    text-align: left; }

PERHATIKAN pada tulisan .blockquote untuk setiap template berbeda jadi anda tidak perlu mengganti tulisan blockquote yg berwarna biru biarkan saja seperti yang ada pada template anda. Anda cukup mengganti codenya dengan yang berwarna merah

6. Jika sudah Save template. kini blockquote anda sudah menjadi lebih menarik.

jangan lupa juga baca ini Cara Membagi Sidebar Menjadi 2 Kolom.

Membagi Sidebar Menjadi 2 kolom

2011-05-31T10:30:00.000-07:00

Bagaimana untuk membuat sidebar 2 kolom tidak lah terlalu sulit. anda tinggal menambah beberapa code yang tidak terlalu banyak. tanpa lama-lama mari kita coba untuk membuat sidebar menjadi 2 kolom. contohnya seperti gambar ini:

1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

Gb.1

2. Selanjutnya pilih tab Edit Html (Gb.2). Backup template anda dengan cara klik "Download Full Template". jika nanti terjadi kesalahan hal ini akan mudah untuk mengembalikan seperti semula

Gb.2

3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).

Gb.3
4. Cari kode seperti dibawah ini ataupun yang mirip (karena setiap template berbeda-beda)

#sidebar-wrapper {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Agar mudah untuk mencarinya ketik sidebar-wrapper atau sidebar-wrap dalam kotak Find.

Catatan:
Setiap template mempunyai susunan kode yang berbeda-beda. Jadi yang perlu anda perhatikan adalah nilai widthnya.

Sebagai contoh nilai width diatas adalah 254px. Karena kita ingin membagi kolom sidebarnya menjadi 2 bagian maka kita bagi nilai width dengan 2. Sehingga masing kolom mempunyai lebar sebesar 127px. Agar tidak berdempetan maka masing-masing kolom akan kita beri margin sebesar 10px agar terdapat ruang jarak. Sehingga sekarang lebar masing2 sidebar menjadi 117px.

Setelah kita menentukan lebar sidebar kiri dan kanan. Langkah selanjutnya adalah membuatkannya kedalam kode css.

5. Copy kode css diatas lalu letakkan dibawahnya dan ganti sidebar-wrapper pada kode css ke2 menjadi menjadi sidebar-wrapper2 jadi hasilnya seperti ini

#sidebar-wrapper {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper2 {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

6. Ganti nilai width masing-masing kolom menjadi 117px. Lalu tambahkan margin:0px 20px 0px 0px; pada bagian sidebar-wrapper2. Sehingga hasilnya menjadi seperti ini

#sidebar-wrapper {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper2 {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
margin:0px 20px 0px 0px;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

7. Setelah itu, temukan kode

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Herman Blog' type='Feed'/>
</b:section>
</div>

8. Yang harus anda perhatikan adalah kode berwarna biru sedangkan kode berwarna merah setiap template berbeda-beda.

9. Copy kode yang berwarna biru diatas lalu letakkan dibawah </div>. Ganti sidebar-wrapper pada kode ke-2 menjadi sidebar-wrapper2 dan id='sidebar' menjadi id='sidebar2'. Jadi hasilnya menjadi seperti ini.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Herman Blog' type='Feed'/>
</b:section>
</div>

<div id='sidebar-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>

10. Jika sudah klik Save Template.
11. Selesai. Klik Page Element untuk melihat hasilnya.

Selamat mencoba..

Belajar SEO Salah menembak keyword

2011-05-29T08:08:00.000-07:00

Seperti judul diatas salah keyword tidak berguna, usaha untuk mencari trafic lewat google dengan keyword tertentu dalam hal ini saya menggunakan keyword earn dollar online karena hanya mengira saja dengan tidak melakukan research pencarian keyword yg banyak dicari orang alhasil tidak ada manfaatnya biarpun masuk halaman 10 besar dengan hasil pencarian sekitar 54.000.000 . memang selama ini saya sengaja tidak melakukan banyak blogwalking ataupun berusaha mencari trafic dengan iklan ataupun lainnya. hanya untuk membuktikan keyword tersebut. bahkan tidak peduli blog saya rame atau tidak, karena dalam hal ini hanya untuk belajar SEO

byk hal untuk menyisipkan keyword dalam artikel kita, lewat header tag, meta tag, menebalkan huruf, huruf miring, pakai image, dan banyak lagi,, tapi yang paling kelihatan unik adalah keyword dengan alt tpi tidak menggunakan image ,, ya mereka menggunakan alt untuk menempatkan keyword mereka pada sebuah kata ataupun keyword mereka sangat menarik bukan. tidak ada salahnya anda mencoba hal tersebut.

Jadi untuk anda seperti saya juga yang baru belajar SEO kurasa tidak ada salahnya meneliti keyword yang akan anda bidik, terutama banyak tidaknya orang yang mencari dengan keyword tersebut. Jangan sampai ikut salah menembak yg akhirnya sia-sia usaha kita .

created vertikal menu accordion with Css3

2011-05-24T03:47:00.001-07:00

Limitations of space on your blog often results widgets seen piling up and messy. This would reduce the comfort of our guests while reading the article.

Well, one way that can solve all problems, it is put Accordion vertical Menu CSS3. In addition to save space in the template, This Accordion does not make heavy loading page. The effect its also good too than Accordion which is made using Jquery and JavaScript.

So, I was looking for other ways of making it more simple. And, Bingo! I found a simpler Accordion effect and it can make different color on the active tab without javascript.

Before we begin to learn how to make it, You could see the first preview of the menu in here Demo Accordion Accordion CSS 3.

But the bad thing is its not working in internet explorer

Well if you want. check this how to make it ..!

1. Login to your Blogger account, then design and select Edit HTML tab.
(Do not forget to click on Download Full Template to watch "if there are errors in the editing later)

2. Enter the following code before the code ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

3. Save your template then go to the Page Elements, click Add a Gadget on the location every where you want, then select the HTML / Javascript.

4. then put this code bellow

<div id="acc">
<div id="isi1">
<h3><a href="#isi1"> title 1</a></h3>
<div class="post">
your text or widget </div>
</div>
<div id="isi2">
<h3><a href="#isi2">title 2</a></h3>
<div class="post">
your text or widget </div>
</div>
<div id="isi3">
<h3><a href="#isi3">title 3</a></h3>
<div class="post">
your text or widget
</div>
</div>
</div>

save and you are done.

Description:

Replace red text with a message or everything you want like widget code.
Replace the green text with the title of the widget / your text.

* Save the results of work mate ,and see the results . Hopefully useful
also check this for better recent post in your posting blogger tutorial membuat widget related post with icon

Blogger tutorial Membuat Widget Related Post / Artikel Terkait

2011-05-23T09:38:00.001-07:00

Mungkin anda pernah melihat related post blog lain yang sangat bagus dengan icon atau gambar disamping judul related post, jika anda ingin membuatnya Related Post Widget for Blogger dengan Javascript ini menggunakan sebuah javascript dari

http://theblogtemplates.com/scripts/Related_posts_hack.js, silahkan anda melihat sumbernya. Dan untuk lebih baiknya anda download dan upload di hosting anda supaya sewaktu-waktu tidak hilang jika JS dari sumbernya ini sudah dihapus. Tampilan dari related post ini sangat unik dan menarik serta juga dapat membuat pembaca blog anda melihat beberapa posting yang mungkin tertarik untuk melihatnya juga.

Untuk contohnya bisa anda lihat dibawah posting ini. atau ini pada gambar dibawah:

Lihat Gambar Besar
Untuk cara membuatnya ikuti langkah-langkah berikut ini:

1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

Gb.1

2. Selanjutnya pilih tab Edit Html (Gb.2).

Gb.2

3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).

Gb.3

Nah,setelah itu cari kode </head> (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode </head> tersebut:

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

Setelah itu,cari lagi kode berikut <data:post.body/>,setelah ketemu,tepat dibawahnya letakkan kode berikut:

<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Setelah itu anda save dan selesai. realted post anda kini lebih bagus, jika anda mau merubah iconya dengan icon yang lain/icon anda sendiri anda tinggal edit Javascriptnya tadi dan usahakan ukuran gambarnya sama jadi tidak akan merubah tampilan seperti halnya nanti terlalu besar ataupun terlalu kecil. selamat mencoba ^^

Add Login form widget to blogger

2011-05-23T03:38:00.000-07:00

Add Login Form Widget To Blogger. Its more better you can login to your google account in your own page than you need to enter another page. Basically, blogger don’t have login form widget like this. And actually i make this page for looking some visitor whos looking for this login form widget for blogger as the keyword. If one of you used that keyword for entered here please let me know by give you a second time for writting some comment for this.

Here is how to add login form to blogger

For installing login form widget to blogger, you can follow the steps below:

1. Please login to blogger with your ID

2. Click Design

Usually you directly to the Page Elements page menu, but if you don’t please Page Elements menu.

3. Click Add a Gadget

4. Click Plus (+) for HTML/ Javascript gadget

5. Paste the following code to the column

<div style="border:1px solid #C3D9FF;"> <form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth" method="post" onsubmit="return(gaia_onLoginSubmit());"> <div id="gaia_loginbox"> <table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="0"> <tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa"> <input type="hidden" name="ltmpl" value="start" /> <div class="loginBox"> <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0"> <tr> <td colspan="2" align="center"> <font size="-1">Sign in with your</font> <table> <tr> <td valign="top"> <img src="https://www.google.com/accounts/google_transparent.gif" alt="Google" /> </td> <td valign="middle"> <font size="+0"><b>Account</b></font> </td> </tr> </table> </td> </tr> <tr> <td colspan="2" align="center"> </td> </tr> <tr id="email-row"> <td nowrap="nowrap"> <div align="right"> <span class="gaia le lbl">Email:</span> </div> </td> <td> <input type="hidden" name="continue" id="continue" value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&a=ADD_SERVICE_FLAG" /> <input type="hidden" name="service" id="service" value="blogger" /> <input type="hidden" name="naui" id="naui" value="8" /> <input type="hidden" name="fpui" id="fpui" value="2" /> <input type="hidden" name="skipvpage" id="skipvpage" value="true" /> <input type="hidden" name="rm" id="rm" value="false" /> <input type="hidden" name="dsh" id="dsh" value="-5001523091454835929" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="alwf" id="alwf" value="true" /> <input type="hidden" name="alinsu" id="alinsu" value="0" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="timeStmp" id="timeStmp" value=''/> <input type="hidden" name="secTok" id="secTok" value=''/> <input type="hidden" name="GALX" value="EmaSfmXjlk8" /> <input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' /> </td> </tr> <tr> <td></td> <td align="left"> <div style="color: #666666; font-size: 75%;">ex: pat@example.com</div> </td> </tr> <tr id="password-row" class="enabled"> <td align="right" nowrap="nowrap"> <span class="gaia le lbl">Password:</span> </td> <td> <input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" /> </td> </tr> <tr> <td> </td> <td align="left"> </td> </tr> <tr id="rememberme-row" class="enabled"> <td align="right" valign="top"> <input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" checked='checked' /> <input type="hidden" name='rmshown' value="1" /> </td> <td> <label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">Stay signed in</label> </td> </tr> <tr> <td> </td> <td align="left"> <input type="submit" class="gaia le button" name="signIn" id="signIn" value="Sign in" /> </td> </tr> <tr id="ga-fprow"> <td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom"> <a href="https://www.blogger.com/forgot.g" target=_top>Can't access your account?</a> </td> </tr> </table> </div> </td> </tr> </table> </div> <input type="hidden" name="asts" id="asts" value="" /> </form> <script> var gaia_loginForm; if (document.getElementById) { gaia_loginForm = document.getElementById("gaia_loginform"); } else if (window.gaia_loginform) { gaia_loginForm = window.gaia_loginform; } var gaia_emailHasKeypress = false; if (gaia_loginForm && gaia_loginForm.Email) { gaia_loginForm.Email.onkeypress = function() { gaia_emailHasKeypress = true; } } function gaia_setFocus() { if (gaia_loginForm) { if (gaia_loginForm.Email && !gaia_loginForm.Email.value) { gaia_loginForm.Email.focus(); } else if (gaia_loginForm.Passwd && !gaia_emailHasKeypress) { gaia_loginForm.Passwd.focus(); } } } gaia_setFocus(); </script> <form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth" method="post" onsubmit="return(gaia_onLoginSubmit());"> <input type="hidden" name="continue" id="continue" value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&a=ADD_SERVICE_FLAG" /> <input type="hidden" name="service" id="service" value="blogger" /> <input type="hidden" name="naui" id="naui" value="8" /> <input type="hidden" name="fpui" id="fpui" value="2" /> <input type="hidden" name="skipvpage" id="skipvpage" value="true" /> <input type="hidden" name="rm" id="rm" value="false" /> <input type="hidden" name="dsh" id="dsh" value="-5001523091454835929" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="alwf" id="alwf" value="true" /> <input type="hidden" name="alinsu" id="alinsu" value="0" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> <input type="hidden" name="ltmpl" id="ltmpl" value="start" /> </form> </div>

6. Click SAVE

7. If you want to move the gadget recently created position, you can just move it and click SAVE button which on top to finish.

8. Finish

Now the login form is already available on your blog, and if you want to log into blogger can simply use the login form and you dont need to enter another page. Its just give you more easy and look profesional in your blog .. lol hope its usefull ^^

Add Google web font to blogger

2011-05-23T03:15:00.000-07:00

Couse the font used in blogger are still standard like Arial, Tahoma, Verdana, etc. If you want Change your fonts, you can get it by using Google Web Fonts. Actually google has tool for do this but the template codes are different each other so need change it manual by your self.

Google Web Fonts is web fonts provide by Google which can be use on websites or blog for free. There are many interesting choices fonts, and you can chose whichever fonts you like. You can check here for more about Google Web Fonts

Google Web Fonts

Before using google web font on your blog, please decide where you will put the font, whether for a blog title, posts title, sidebar title, or for the overall blog content? If you have decided, then you can go to google web font.

Google Fonts Code from Google Web Fonts

The first step you do is to take the font code from Google web fonts, here are the steps:

Please to visit http://www.google.com/webfonts
Select whichever fonts you want to use. If you have found the fonts you want, click on the name of those fonts.
Click Use This Font tab
Copy the code which on notepad or other text editor

However, before you insert the font code you’ve got, you should to edit the end code from > into />
For example if the original font code like this

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

The code above should changed into like this:

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>

Determine the fonts that will modified

As written earlier that you must to decide where you will use the font, whether for the body text, blog title, posts title, sidebar title, etc.

Font for the body text

Font for the body means for all your templates, the CSS code used could be like this:

body {
   background:#8f8e8e;
    width:100%;
    color:#000000;
    font-family:Arial, Tahoma, Verdana;
    font-size:12px;
    margin:0; padding:0;
    }

Focused on body { ………….} code because the value would be different for each template.

Font for Blog Title

Blog tilte generally using heading 1 (h1) in the CSS code. Blog title code generally use code like this:

h1{
    color:#666;
    font-size:20px;
    letter-spacing:1px;
    font-weight:normal;
    padding:10px 0 5px 0;
    line-height:100%;
   font-family:"Arial",Georgia,TimesNewRoman,serif;
    text-transform:capitalize;
    margin-bottom:0px
    }

Or maybe like this:

#header h1{
    color:#666;
    font-size:20px;
    letter-spacing:1px;
    font-weight:normal;
    padding:10px 0 5px 0;
    line-height:100%;
   font-family:"Arial",Georgia,TimesNewRoman,serif;
    text-transform:capitalize;
    margin-bottom:0px
    }

Focused on h1 code, because each template will be different.

Font for Posts Title

Posts title on blogger template typically use heading 3 (h3), so be focus on that code, posts title code sample:

.post h3{
     font-size:16px;
     line-height:20px;
     padding-bottom:15px;
     }

Font for Sidebar Title

Sidebar title on blogger template typically using heading 2 (h2), so be focus on that code, example for sidebar title code:

.sidebar h3{
     color: #333333;
     text-transform: capitalize;
     font-size: 14px;
     font-family: Arial, Tahoma, Verdana;
     font-weight: bold;
     margin: 0px 0px 5px 0px;
     padding: 0px 0px 2px 0px;
     border-bottom:1px solid #cccccc;
     }

How to Add Google Web Font To Blogger

How to In Blogger assume that you already have google web fonts code and has determine where the code will be placed. For convenience, How To In Blogger will use Tangerine font and will be used for the posts title.
Here are the steps:

Please login to blogger with your ID
Click Design
Click Edit HTML tab
Please backup your template by click on Download Full Template
Finf the <head> code
Paste the Google Web Font code you had under the <head> code

Look for your posts title code on your template. Generally, the posts title code using h3. Posts title code sample:

.post h3, .post h3 a{
     color:#191919;
     margin:0;
     text-transform:capitalize;
     text-align:left;
     font-size:26px;
     font-family:"Times", Tahoma, Verdana;
     }

If there is similar code on posts title code with this code
```
font-family:"Times", Tahoma, Verdana;
```
Then you have to change that code into like this:
```
font-family: "Tangerine", arial, serif;
```
If there is no font code on posts title, just add google web fonts code between the existing value.
And the code will be like this (Remember! This is just a sample using Tangerine font, if you want to use other fonts, just adjust it)
```
.post h3, .post h3 a{
     color:#191919;
     margin:0;
     text-transform:capitalize;
     text-align:left;
     font-size:26px;
     font-family: "Tangerine", arial, serif;
     }
```
Click SAVE TEMPLATE
Finish. And your posts title font should has changed.

Color code

2011-05-19T07:32:00.000-07:00

To edit your template it will always be associated with that name the HTML color code. Unlike ordinary color code, HTML color code this using numbers rather than letters. Sample code for white is # FFFFFF, # 000000 for black, and many more codes for other colors, if I mention one by one will take place and a long time. For that I make in a big box with color pictures which if clicked will display the color code.

Get this color code! if you want make this page let me know and write some post and i'll give you in the next post.

Color Code Generator

Affiliate Programs: Sponsors and Advertisers for Your Website

2011-05-19T05:03:00.000-07:00

You should probably be aware that not all affiliate programs are equal. Some are scams — you advertise for them, but somehow you never seem to get paid. A few change their Terms and Conditions after a period of time (when they already owe you a large amount) to suddenly exclude your site and conveniently not honour payments for the sales they previously made through you and just becarefull.

ClixGalore

This affiliate network lets you sign up for the affiliate programs of many companies. The commission rates vary according to the company that you sign up with. They appear to have companies from a large number of industries in their program.
RegNow: This company is used by many vendors to sell their software products. It allows affiliates to put links to these products on their website and earn commission for purchases made through those links.
LinkShare Corporation: This is a network of affiliate programs that handles accounts from a large number of advertisers. The rates of payments vary from advertiser to advertiser, with most paying commission for sales made.
Amazon.com Associate Program: Fancy selling books on your website? If so, the well-known Amazon.com provides an affiliate program that pays you referral fees on books sold. The usually heard complaint about this program is that visitors would usually just note the book on the Amazon site, or bookmark the Amazon site itself, and return at some later time to buy the book. When that happens, the purchase is not registered as having come through your site, so you lose the referral fees on that sale. There's no referral program. Note that it is apparently not easy to earn much from this scheme, and many sites report disappointing performance (as compared to other affiliate programs).

Earn dollar online with your blog

2011-05-19T04:38:00.000-07:00

Hey how is your feeling today? hope its great and become a wonderful day. In few month i have never post anything in earn dollars online cause i'm busy with my job. yeah actually i want to be a full time bloger but i need more experience out there. Well forget it i will not tell my day here and lets begin about learning to make money online. Have you already make your blog if you dont start it right now.

Now that you've created your own blog, how do you earn some money from it?

Out there has been written on the topic of making money online from blogs. There is a lot of wonderful information out there, but also a lot of hype and sometimes dangerous information. In this case you must becareful about it.

Why wait? If you already have a blogs, let it earn even while you sleep (literally). Every day you let your site "idle" without advertising is a day of lost opportunity also there is another and many ways to earn some extra income for your life.

Continuity Programs

This is another newer category but one that continues to grow.

A continuity program is a site where you earn a recurring income from people who subscribe to a service you offer. What you think about this, if you like this programs then become a member from ProBlogger.com and Third Tribe Marketing. Both programs are membership sites and generate monthly income from the thousands of members that they have as a part of them. (I get this information from probloger.net)

Earn Dollar From Advertising

Advertising revenue is one of the most effortless way to earn money from your blog. You have to put the banner there and wait for the money to roll in. But ofcourse we will still need to have some visitors first before you can make anything. Visitor is no 1 without visitor we cant earn money from that.

If you look at many websites, you will probably notice that there are banner advertisements displayed on most pages. If you are a newcomer to the scene, you might think that you must either be a company or that your site must be famous before you can get advertisers, just as it is the case in hardcopy publications. In reality, anyone with a website can get advertisers. While it is true that if your site is well-known, you may get companies contacting you to offer to advertise on your site, you can get advertising revenue even if you are just starting out and your site is relatively unknown. The way to do this is to join as an "affiliate" of various sites, either directly, or through an affiliate network. An affiliate network is simply an intermediary where you can select from a variety of advertisers.

Advertising like Google Adsense

AdSense

Continue with Google AdSense with amazing effect on my other blogs. Everyone know its one of the bigest advertising network but you cant put this Ads in blog with Indonesian language but we can put this Ads with a litlle trick which i will inform u in the next. This advertising network automatically checks your web page and determines the most relevant advertisement for the page and what kind of your blog or website. As a result, without much additional effort from you, you get advertisements targeted at the interests of your visitors. As mentioned earlier, targeted ads tend to result in better performance and returns.

Payment Schemes

Before joining any program, you should probably be aware of the different payment schemes available.

Pay Per Impression (CPM)
Here, you are paid according to the number of times the advertiser's banner is displayed on your site. The amount you earn is typically calculated based on the number of thousand impressions of the banner (impressions = number of times the banner is displayed), often abbreviated CPM (cost per thousand, with the M being the Latin numeral for thousand). That is, $5 CPM means that you get paid $5 for 1,000 displays of the banner. In general, the amount paid is usually small, but it is easy to earn since everytime a visitor loads the page, you earn. This is known as a "high conversion rate". Needless to say, this method will allow you to automatically earn more if your site attracts a lot of visitors.
Pay Per Click (PPC)
When you are paid per click, you are only paid when visitors click the advertiser's banner on your site. The amount paid is usually higher than the pay per impression scheme. Whether you get a high conversion rate here depends on the banner (whether it attracts people to click it), although in general, it has a higher conversion rate than the pay per sale method. A high traffic site will probably enjoy a higher click rate than a lower traffic site, although you will probably get better results if your banners are carefully selected to suit the target audience of your site.
Pay Per Sale or Lead
While you will probably get the highest payment rates with this method, it has the lowest conversion rate of the three schemes. You will only earn if your visitors click through the banner and either purchase an item from the advertiser or take some other prescribed action (eg, sign up for a service). Like the Pay Per Click method, you get much better results if you carefully select your advertisers to suit the target audience of your site.

In general, to avoid wasting resources in issuing cheques for very small amounts, advertisers will usually accrue the amount owing to you until it reaches a certain level (such as $25) before they pay you.

Where to Find Affiliate Programs

You can find a list of affiliate programs and affiliate networks on thefreecountry.com's Affiliate Program page at http://www.thefreecountry.com/webmaster/affiliate.shtml To join an affiliate network or program, simply go to the site and complete their online application form. Some programs will give you instant approval while others require a human to check out your application before it is approved. Once it is approved, you'll be given some HTML code which you can cut and paste into your web page. Note that some affiliate networks and programs will not accept you unless you have your own domain name. If you are planning to earn from your site, you should seriously consider registering your own domain name.
more effort is more income. dont give up and always try and find a new chalange.

List blog dofollow bahasa Indonesia

2011-05-14T03:50:00.000-07:00

Hi its another list blogs dofollow with Bahasa indonesia (indonesia language). Everyone know that Page Rank is what all of us need. However it doesn’t have any big effect on our search ranking but it surely gives us an opportunity to earn some cash through different ad networks. So if you have to get a good page rank you have to get either tens of thousands of backlinks from page rank 0 or 1 blogs or tens of backlinks for you blog you find the right place. In here i give you the list blog dofollow for you. Of course you will opt for getting less but precious links. A way of getting such links is to comment on blogs that have top commentators widget. So here is a huge list of high page rank blogs with top commentators widget. One more just be nice and polite when give your comments. for blogs with Pagerank 3 than 6 enter here blogs dofollow english language Pagerank 3-6 hope its usefull for you.

Here is the list blog dofollow with indonesia language:

Thanks you earn dollar online

List blogs dofollow PR 3-6 English language

2011-05-14T03:22:00.000-07:00

There are many ways to get backlinks, such as by leaving comments on dofollow blogs that this present moment there are many around us. And below is a list of dofollow blogs from English language. Hopefully this list of dofollow blogs can be utilized with the best. But if you want the list of dofollow with Indonesia language (Bahasa Indonesia) you can enter List Blog DOFOLLOW Bahasa Indonesia, i want to give a little advice on leaving comments on blogs dofollow, that is make a comment that connects with the topic. Also choose topics according to your blog or website and be polite.

Ok, here's a list of dofollow blogs with English language. For the record, there may be in part the blog below that are no longer dofollow, so please tell us.

Page Rank 6

Page Rank 5

Page Rank 4

Page Rank 3

Code Converter

2011-05-14T00:55:00.000-07:00

What is Code Converter ? if you dont know what is this let me tell you a liltle about. This handy tool is automatically converts javascript ad code into the correct format, so you can embed it directly into your new xml on Blogger template. It’s perfect for converting AdSense, AdBrite, Chitika or any other javascript ad code when the code doesn't read in your template or another place in xml you may have. or if you want your code appear when you posts about javascript code.

for example if you have javascript code for your xml is like this

<a href="http://burudollars.blogspot.com/">earn dollar online</a>

and you want post it with this code inside < > " ' & then you can convert it with this tool, that code above will be shown like this

<a href="http://burudollars.blogspot.com/">earn dollar online</a>

ok have a nice blogging.

Post-Code: code converter

flying banner for your blog

2011-05-13T23:45:00.000-07:00

Here is how to make a flying banner in your blog. before start you must think about this. actually this banner sometimes make your visitor confused, when they are enter your blog and then any banner flying around your blog it will really annoying your visitor better you put your banner everywhere in your blog. under post or sidebar. but whatever if you like it just try it :).

here is the sample image for your banner

what you have to do just copy the folowing code

<style type="text/css"> #topbar { position:absolute; z-index: 100; padding: 8px; background: #DB9D9A; background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9)); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9))); border: 3px ridge #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: #58FA58 0 2px 15px; -moz-box-shadow: #58FA58 0 2px 10px; margin:0 auto 10px; float:left; color:rgba(0, 0, 0, 0.75); font-size: 12px; font-family: Verdana, serif; text-shadow:0 1px 0 #FFFFFF; } #topbar img { border:none; } #topbar .butang { margin:0; padding-bottom:5px; text-align:right; } #topbar .butang button { color:#FFFFFF; border: solid 1px #494949; margin:0; padding:2px 15px; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,.6); background: #DB9D9A; background: -webkit-gradient(linear, left top, left bottom, from(red), to(#DB9D9A)); background: -moz-linear-gradient(top, red, #DB9D9A); } #topbar .isi_iklan { background-color:#81F7BE; margin:0; padding:4px; width: 468px; border: 2px groove #FF8000; } </style> <script src="https://sites.google.com/site/teknikbuatblog/tbb/iklanpopup.js?attredirects=0&d=1" type="text/javascript"></script> <script type="text/javascript"> var persistclose=1 var startX = 20 var startY = 20 var verticalpos="fromtop" </script> <div id="topbar"> <div class="butang"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><text><b>[X]</b></text></a></div> <div class="isi_iklan"> Put your banner code in here </div> </div>

The next step is how you put the code above, here is how to put the code.

1. Login to your Blogger, and then Click Design :

2. in the Page Element, click Add Gadget every where you want put the baner

3. then chose HTML/Javascript

4. Copy paste the code HTML in the box content and then click save.

yap thats it. you are finish now. if you want created some pull down menu for blogspot enter here simple pull down menu for a simple and short menu.

Simple Pull Down Menu

2011-05-13T23:44:00.000-07:00

Creating a Pull Down menu is not too difficult as you think, the benefits when we make a link is we dont need to much place for our link, but most of the bloggers they dont like it when their blogs linked using pull down menu, yeah everyone they have their opinion right.

well lets begin the first time after logging in, click the Layout (template) -> Page Element -> Click Add Page Element where the menu will be placed. -> In the dialog box "Choose a New Page Element" select "HTML / JavaScript" click (ADD TO BLOG) -> After shown a dialog box "Configure HTML / JavaScript" and placed the content with the code below: (leave it blank for the Title)

we are trying to make 4 links for an example.

<select name="menu" onchange="window.open(this.options [this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected> This place for your Pull Down Title menu </option>
<option value=” your Web/URL 1″> your link title 1</option>
<option value=” your Web/URL 2″> your link title 2</option>
<option value=” your Web/URL 3″> your link title 3</option>
<option value=” your Web/URL 4″> your link title 4</option>

For Example :

<select name="menu" onchange="window.open(this.options [this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected>.: Favorit Link :.</option>
<option value=”http://www.burudollars.blogspot.com/”> eran dollar online </option>
<option value=”http://joysmiles.blogspot.com”> Free Sms template </option>
<option value=”http://www.facebook.com”> Facebook </option>
<option value=”http://gmail.com″> gmail.com </option>

And then saved your work with enter SAVE CHANGES ->
we are finish check it your blog it will be like this:

have a nice try.

Increased browsing speed

2011-05-13T23:43:00.000-07:00

Advantage Firefox browser as a browser other than allegedly the fastest, safest, brightest and best of all existing browsers, Firefox also has the support of third-party add-ons, so with many options with the Firefox browser plugin that part I have ever used.

The slowing down of browsing speed certainly is one of the most common problems we face one the net. But I don’t think that’s the only way things should go. So I searched the net and found out some ways on how to increase your browsing speed. However this doesn’t increase the downloading speed but it does speed up your browsing. If you're not using Firefox I suggest you quickly use the latest version of Firefox, Firefox 4.0.1! but this trick test into firefox version 3.0.0

Firefox is the fastest browser but do you know if Firefox can be optimized again? Can be accelerated again? Yes, you can increase the speed of browsing using Firefox and can add more speed with a little trick. You can imagine already fast then added more speed? Its AWESOME right? I already feel it! Have you?

The first thing you can do is to move to a faster browser such as Firefox(or may be Safari). These are much faster than Internet Explorer. I personally recommend Firefox to everyone. Its the most flexible, includes tabbed browsing and the speed is more better than Internet Explorer.

After installing Firefox:

Open Firefox and in the address bar type about:config and hit enter.
In the screen that appears right click, then click new and then integer. Then in the box that appears copy nglayout.initialpaint.delay. When another box appears set the value to 0.
Next, In the screen you will see a Filter bar. There type in pipelining.
Double click on network.http.pipelining to set it true.
Double click network.http.pipelining.maxrequests In the box that appears type any number from 10 to 30. I have set it 30.
You can also install a very good add-on, Fasterfox, to Firefox that can increase the browsing speed exponentially. (or you can download "fasterfox" from add-ons on mozila)

Thats it, restart Firefox and enjoy.

If you still want Internet Explorer to be your first browser you can still maximize the speed but of course not as fast as Firefox! Well for you whos want using IE and want to increase the speed Internet Explorer then do this.

Go to start then run and then type regedit.exe and O.K
Expand HKEY_CURRENT_USER -> Software -> Microsoft -> Windows -> Current Version. Then click on Internet Settings.
On the right side at the top you will see default. Double click it and type the value 10.

Press O.K and start Internet Explorer.

One more thing. Go to Start then Run and type in gpedit.msc.

In the window that opens under Computer Configuration expand Administrative Templates then Network and then click QoS Packet Scheduler.

Then on the right side double click Limit Reservable Bandwidth. Under setting select enabled and set it to 0. Then restart your computer.

Next time you start browsing internet you will see superfast speed, your speed more better than before.
And enjoy your browsing :)

Earn money with Bidvertiser (PPC)

2011-05-13T23:42:00.000-07:00

Earn money by directing users to signup with BidVertiser, its scam or not? actually many people have experience about this and they have a diferent opinion ,, some people they are sucsess but some of them is not. but better we are trying for this one hope we are lucky with this one. or you can try another service like earn money with PTC

when you join to this PPC and Place a Referral button or a text link on your site they will paying you when a user clicks on your button or link and signs as an advertiser or a publisher:

here is how much money they will paying you:

When a user signs as an advertiser and first spends $10, they will
credit your account with $5. When that same advertiser
spends $50, you will be credited with an additional $20.

When a user signs as a publisher and first earns $10, they will
credit your account with $10. When that same publisher
earns $50, you will be credited with an additional $40.

Your earnings will be tracked in your Referral control panel, including clicks, sign-ups and conversions.
They are pay monthly, either by check or instantly through PayPal with a minimum of only $10.

what you think ,, i think this is a good money if we want to try it no matter we are lucky or not just try it and following this banner for join

Business online problem

2011-05-10T04:33:00.000-07:00

There are many advantages of how to making money online from home or starting your own home based business and You can earn some extra income. but if you get some problem don't try to beat your head against a wall long enough eventually it will start to hurt your self. We are trying to make money but we only get the pain you might be feeling right now just like me hahaha.

I think this is true for many people who can not make money on the internet feeling something that above, are you agree with that?
Of all the ways to starting make money online is what we are having now, even only our hand we can starting to work, One of those is writing content for blogs.

Blog writing is a very good way to get started trying to make money online because there are more customers than there are writers at this point. We can starting with a free hosting like Wordpress, Blogspot and many out there give you a way to blog writing. As a matter of fact you will not buy a hosting or web to learning and starting how to become a blog writer to make money in the internet. You should consider starting your own blog and using it as sample content for your articles. Then you can also set up an order page and take payments via PayPal as a quick way to get paid for your work if you become writer as freelance job in some company of million in the internet.

Out there Millions of blogs are sitting in need of fresh content. This gives you the opportunity to make money writing blog articles. and it's a good way to build a client and continue to write for them over a period of time. Once an Internet marketer grabs a hold of a good writer they never want let them go. This means they are even willing to pay you a little more than they might other writers. because its difficult to find a good writer wit a good skill to writing types of articles.

In this case search engines are always looking for fresh content cause google like that, also with the company or some one who's looking for a writer, so blog articles will always be in needed. this is something you will need to learn how to do, but if you cant writing it's something anyone can learn, everyone can do this when they want to learn, they want to try. So its a good changes for us to getting started is not hard to do either. when you do nothing and only starting your dreams for make money online, we can dreams but don't to much dream or dreams will kill you.

If you an interest in something, you can write articles on this as well. You can find freelance sites and go directly to discussion forums and announce or everything you like that you are available to write. This means you can actually target the type of blogs you want to write articles for. if you don't like your job it will make you down and become tired by self but if you like with what, you like with you do you can success with that.

Lets think about this together If we are truly can not make money on the internet becoming a blog writer can solve that problem but i think there many something to do to make money online in the internet for us .

where we can find the website or company who's will paying for that? i think its a good question, you can searching in google or looking for forum about business in the internet or i will tell you in the next time. well ok lets start together ^^v

Cara Mengecek Jumlah Backlink

2011-02-09T07:54:00.000-08:00

Mencari backlink adalah untuk meningkatkan pagerank blog. Tentu saja anda ingin tahu bagaimana cara mengecek backlink anda dan sudah berapa jumlah backlink yang telah berhasil anda kumpulkan. Anda bisa menggunakan tool backlink watch di http://www.backlinkwatch.com

Apa itu backlink mungkin bagi anda yang sudah lama terjun ke dunia blogging sudah tidak asing lagi dengan istilah backlink. Namun bagi yang masih awam atau belum tahu apa itu backlink. Secara singkat, Backlink adalah link situs kita yang dipasang pada situs lain. Backlink ada yang bersifat one way link dan two way link. Yang dimaksud dengan One way link adalah link situs kita dipasang oleh situs lain namun kita tidak memasang linknya di situs kita sedangkan two way link adalah saya link situs anda dan anda juga link situs saya.

Masukkan alamat web yang ingin anda cek pada web diatas lalu klik Check backlinks. Sebagai contoh saya memasukkan burudollars.blogspot.com dan berikut adalah hasilnya.

Disitu anda nanti bisa lihat jumlah backlink yang diperoleh serta mengetahui jumlah external link dari situs yang memberikan backlink. Semakin besar nilai OBLnya semakin bagus backlink yang anda peroleh.
Flag merupakan bagian untuk menampilkan keterangan follow atau nofollow. Jika nofollow berarti anda tidak mendapatkan backlink dari situs tersebut.

Selamat mencoba. Semoga bermanfaat.

jika anda juga ingin tahu cara melihat keyword anda (SEO SERP) dalam posisi berapa disearch engine Google kita akan bahas pada posting berikutnya.

Slide Recent Posting

2011-02-09T07:26:00.000-08:00

Slide Animasi Recent Post dengan tetap memasukkan RSS Feed Blog anda . Untuk hasilnya bisa anda lihat gambar disamping.

Widget ini dapat kita atur lebar dan tinggi sesuai keinginan kita, serta dengan juga jumlah postingan yang akan kita dimunculkan. Untuk langkah pembuatan recent postnya silahkan lihat dibawah ini.

Berikut Langkah - langkah nya :

1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

Gb.1

2. Selanjutnya pilih tab Edit Html (Gb.2).

Gb.2

3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).

Gb.3

Nah,setelah itu cari kode (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode tersebut:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://burudollars.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

4. Ganti teks yang berwarna merah dengan URL Blog anda.

Untuk jumlah postingan yang mau anda tampilkan ganti numposts = 10 (jumlah yang anda inginkan).

5. Save dan selesai.

Slide Animasi Recent Post.

Membuat Tab View Pada Blog

2011-02-09T07:16:00.001-08:00

Untuk membuat tab view untuk blogger tidak begitu sulit seperti dulu yang harus menambahkan Css ataupun javascript ke template kita. Disini kita akan membuat tab view hanya dengan menambahkan codenya ke widget dengan javascript, untuk contoh tab view tampilannya seperti gambar dibawah ini.
Jika anda ingin memasang widget tab view ini di blog anda, silahkan ikuti langkah-langkah dibawah ini:

1. Login ke account Blogger anda

2. Pilih Design -> Page Element
3. Klik Add a Gadget -> HTML/Javascript lalu masukkan code dibawah ini.

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span style="color: #ffffff">Tab 1</span></a>
<a><span style="color: #ffffff">Tab 2</span></a>
<a><span style="color: #ffffff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 180px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>

<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://hermanblog.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Keterangan:
Tulisan berwarna merah merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan anda.
Tulisan berwarna orange merupakan warna untuk judul Tab
Tulisan berwarna hijau merupakan judul Tab
Angka 300 pada 'Width' menunjukkan panjang tab view tersebut dan 180 pada 'height' menunjukkan tinggi kotak untuk tab view anda (sesuaikan dengan ukuran sidebar anda).
Tulisan yang dicetak tebal merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau widget anda.

4. Save dan anda Selesai

Jika ingin menambah menu tab baru cukup tambahkan kode yang berkedip dibawahnya.
Satu hal lagi membuat widget tab view ini pada blog anda sedikit membuat berat loading blog. tapi ga ada salahnya jika ini juga dibuat untuk menghemat tempat untuk blog anda yang bisa diisi untuk hal lainya. Selamat berkreasi

Membuat Icon Gambar Pada Judul Posting

2011-02-09T05:49:00.000-08:00

Bingung mau posting apa beberapa hari hanya ngubrak abrik template belum nemu yang srek, Dari pada pusing iseng_iseng posting bagaimana cara membuat icon pada judul postingan. Untuk membuat icon pada judul postingan sebenernya tidak terlalu sulit, bahkan gampang, kita hanya menambah sedikit code untuk style CSS yang ditemplate kita. Biasanya code buat judul postingan kita mengunakan code post h3 {....} mungkin ada beberapa yang beda karena setiap template bukan hanya dibuat oleh satu orang. Sebagai contoh anda bisa lihat gambar dibawah ini.

Bagaiman cara membuatnya silahkan ikuti langkah-langkah dibawah ini:

1. Siapkan gambar atau logo dalam format .gif atau .png karena kualitasnya lebih bagus kira-kira dengan ukuran (20px x 20px) atau (25px x 25px).

2. Upload gambarnya ke image hosting yang anda gunakan. Jika anda tidak punya anda dapat menggunakan fasilitas yang ada diblogger yaitu dengan cara anda membuat postingan lalu upload gambar. (simpan aja sebagai draf misal anda beri judul gambar ) kalau sudah copy alamat gambarnya. Contoh http://p.blogspot.com/gambar-anda.png

3. Login ke blogger anda, Masuk ke menu Design -> Edit HTML. jangan lupa anda backup template anda untuk lebih amannya jika terjadi sesuatu.

4. Cari code yang kira-kira mirip seperti dibawah ini:

.post h3 {
margin:.5em 0;
padding:0px 0px 0px 10px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

5. Setiap template mempunyai code yang berbeda-beda. Jadi yang perlu anda perhatikan adalah pada tulisan post h3.

6. Kalau sudah ketemu, tambahkan code

background:url(URL gambar) no-repeat;

dan edit nilai padding menjadi 0px 0px 05px 30px. Sehingga hasilnya menjadi seperti ini

.post h3 {
background:url(URL gambar) no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

7. Ganti URL gambar dengan alamat gambar yang telah anda buat tadi.
8. Kalau sudah, klik Save Template.

Selesai . Silahkan anda lihat hasilnya. gambar judul postingan anda pasti muncul.

About me

2010-05-18T10:19:00.000-07:00

Hi, Im joys, Its my dreaming to be a full-time blogger, imagining a master blogger. But until now all still the same, just an ordinary Joys, newbie a blogger who tries to writing and share information about the culture of blogging. begin actively blogging from september 2009.

Mostly I write about blogging tips, information, problems, solutions about SEO (search engine optimation) and business online. No other to share and facilitate each other for those just starting out in the blogging just like me. ^^

And i’m trying to keep it up to date. Fresh ideas and news from the bloging. When I come along something neat that works. I’ll share it.

Hopefully the existence of this blog is useful for beginners or those bloggers who are seniors as a vehicle for exchange of information.

And one more if this blog give benefits to you, please write a review about this blog in the following link http://burudollars.blogspot.com homepage and a link on one of the posts or you can give donations to the continuity of this blog through Paypal.

No matter how small your donation will be very meaningful to make this blog still exist.

Thanks for visiting my blog ,, enjoy here and the contents :)