Hack Blog

Download Latihan Soal-Soal CPNS Materi Psikotest

2010-09-07T12:51:00.000-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Semua materi LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN disini sangat membantu dan mungkin diperlukan bagi mereka yang sedang mencari pekerjaan. Jangan tambahi beban mereka dengan menjualnya kepada mereka. Dan jangan tambahi beban bagi mereka yang sedang berusaha tersebut. Jangan bodohi mereka dengan bisnis-bisnis yang menipu. Seperti halnya menjual isi/content dari Kumpulan LATIHAN SOAL-SOAL CPNS beserta puluhan SOFTWARE PEKERJAAN didalamnya.
Semua isi content disini 100% GRATIS, karena dari sumbernya yang MEMANG 100% GRATIS.

Semoga isi dari semua materi ini bisa membantu anda mencapai apa yang dikehendaki. Amin

Download Latihan Soal-Soal CPNS Pemerintah Daerah Kota-Kabupaten

2010-09-07T12:50:00.000-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi UUD 1945 Amandemen

2010-09-07T12:39:00.003-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi TOEFL Interaktif

2010-09-07T12:39:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi TOEFL

2010-09-07T12:38:00.004-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Tata Negara & Ideologi

2010-09-07T12:38:00.003-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Tata Negara - Tambahan

2010-09-07T12:38:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Tata Negara 2

2010-09-07T12:37:00.004-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Tata Negara

2010-09-07T12:37:00.003-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Sejarah Nasional Indonesia

2010-09-07T12:37:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Pengetahuan Umum

2010-09-07T12:36:00.003-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Kebijakan Pemerintah

2010-09-07T12:36:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi IQ Interaktif

2010-09-07T12:35:00.002-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Gabungan

2010-09-07T12:35:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Falsafah Ideologi

2010-09-07T12:34:00.002-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi eBook Tes IQ dan Skolastik

2010-09-07T12:34:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi CPNS Dinas PU

2010-09-07T12:33:00.002-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Bakat Skolastik

2010-09-07T12:33:00.001-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Bahasa Inggris

2010-09-07T12:27:00.000-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Materi Bahasa Indonesia - Tambahan

2010-09-07T12:25:00.000-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Download Latihan Soal-Soal CPNS Materi Bahasa Indonesia

2010-09-07T12:07:00.000-07:00

:: LATIHAN SOAL-SOAL CPNS dan SOFTWARE PEKERJAAN ini tidak diperkenankan untuk diperjual-belikan dengan cara apapun ::

Alert Box input nama pada awal halaman blog

2009-06-21T00:49:00.000-07:00

Login ke Blogger kemudian masuk layout dan tambahkan Gadget javascript dan pastekan kode berikut ini :
<script>document.write("Hei " + "( " + getname() + ") " + "" + "Selamat Datang di situs saya ");</script>

Trik Memproteksi Blog dari Penjiplakan

2009-06-15T20:12:00.000-07:00

Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body. Begini deatil caranya:
pertama login dulu ke blogger, terus pilihLayout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head>. perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga

Cara Menghilangkan Tulisan "Subscribe To : Post (atom)" Pada Blog

2009-06-11T22:48:00.000-07:00

Tulisan Subscribe to:Post (Atom) kayaknya agak mengganggu pemandangan yaa? Kalo menurut saya sih itu sangat mengganggu. Kalo gak ada khan lebih enak saja. Eh, ngomong-ngomong tau gak yang saya maksud? Itu lho, tulisan yang ada di bawah sendiri pada content. Tau khan? Tapi gimana ngilanginnya? Ternyata mudah kok. Saya sudah menemukan caranya. Pertama-tama :

1. Login pada Blogger
2. Pilih Tata Letak/Layout
3. Kemudian Edit HTML
4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.
5. Kemudian langkah selanjutnya cari kode di bawah ini :

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

6. Hapus kode tersebut
7. Kemudian SIMPAN

Trik Membuat Link Warna Warni

2009-06-11T11:43:00.000-07:00

Yang harus anda lakukan pertama yaitu :

1. Seperti biasa sign in di blogger
2. Klik menu layouts
3. Klik tambah element
4. Pilih Html/javasript
5. Paste kode di bawah ini pada halaman tersebut

<script src="http://dadirahayu.googlepages.com/Pelangi.js">

/*

Rainbow Links Script- TAKANASHI Mizuki

For full source code, 100's more DHTML scripts, and TOS,

Visit http://bloggermanner.blogspot.com/

*/

</script>

Cukup itu saja, selamat mencoba !!

Trik Menghilangkan angka di belakang Label

2009-06-11T11:31:00.000-07:00

Untuk kali ini saya memposting artikel tentang label lagi. Sekarang pada masalah angka pada Label. Pada blog tertentu yang mengkategorikan artikel dalam satu label memang lebih bagus menggunakan trik ini. Jadi lebih bagus gak ada angka pada belakang label blog kamu sehingga label tidak keliatan panjang. Nah daripada pusing, langsung aja kita lirik caranya:

1. Login pada Blogger

2. Pilih Tata Letak/Layout

3. Kemudian Edit HTML

4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.

5. Cari kode (<data:label.count/>)

6. Hapus kode berikut (<data:label.count/>) kemudian Simpan

Semoga bermanfaat !!!

Membuat Label Teknik Cloud dengan Script

2009-06-11T10:20:00.000-07:00

Di sini akan saya ulas kembali bagaimana cara membuat Label dengan Teknik Cloud dengan tujuan untuk memperindah tampilan blog tentu saja. Langsung saja, yang pertama adalah :

Membuat Label Cloud menggunakan Javascript

1. Login pada Blogger
2. Pilih Tata Letak/Layout
3. Kemudian Edit HTML
4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.
5. Copy Paste Kode berikut di atas kode ]]></b:skin>

/* Label Cloud Styles die-silver.blogspot.com
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

6. Kemudian tambahkan kode di bawah ini di atas kode </head>

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

7. Kalo udah cari kode berikut :

<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8. Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.

9. Ganti semua kode di atas dengan kode berikut :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point --------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

10. Klik tombol Simpan

11. Maka hasilnya akan seperti ini :

Selamat Mencoba....

Tutorial Membuat Tag Cloud Comulus Animasi Flash

2009-06-11T09:47:00.000-07:00

Membuat widget kategori menggunakan labels dari blogger sudah pernah saya bahas beberapa waktu lalu. Jika kita membuat kategori yang cukup banyak dengan cara ini akan membuat Widget Labels kita memakan tempat pada side bar kita karena memanjang kebawah. Ada cara yang laen untuk memunculkan label atau category yang kita buat tanpa harus menghabiskan tempat. Yatu dengan tag cloud cumulus. Dengan model Flash animasi ini memang sangat asyik dipandang, walau memang dengan JavaScript akan membuat blog agak agak berat loadingnya.

Pertama Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label,
4. Pada Title kamu isikan judul widget kamu, misal: kategori, daftar ini, labels, dsb. Pada pilihan sorting kamu bisa memilih Alphabetically untuk mengatur labels kamu secara abjad dan By Frequency untuk mengatur labels kamu dari jumlah artikel terbanyak. Tampilan Previewnya akan terlihat.
5. Jangan lupa Save dan lihat hasilnya.

Catatan: Lima step diatas hanya buat kamu yang belum pernah membuat widget kategori labels, jika sudah kamu bisa langsung ke step berikut.
6.Login kedalam blogger dengan user id anda.
7.Masuk ke Dashboard Layout > Edit HTML dan klik Expand Template Widget
8.Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.
9. Cari kode dibawah ini :

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

10.Kemudian copy dan paste kode di bawah ini tepat di bawah kode no. 9

<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://bloggermanner.blogspot.com/'>Blogger Manner</a></div>
<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>

11.Simpan template anda. Selesai!!!

Ketika anda melihat blog anda kembali, secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog anda. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
• Width = 240px
• Height = 300px
• Background = white
• Warna text = grey
• Ukuran Huruf = 12

Bila anda ingin merubahnya, ikuti langkah-langkah dibawah ini :
1.Mengubah ukuran widget (width & height) dan warna background

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

Merah untuk lebar, biru tinggi dan hijau warna background, Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.

2. Mengubah warna huruf

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

sama seperti merubah huruf pada umumnya, hanya tanda '#' nya dihilangkan. Kamu bisa mengganti warna huruf yang sesuai dengan blog kamu.

3. Mengubah ukuran huruf

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>");

Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.

Sudah itu saja, mudah khan... Semoga berhasil !!

Cara Mensetting Domain dengan co.cc

2009-05-18T06:04:00.000-07:00

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc . Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

Untuk option "TTL" biarkan saja, gak perlu dirubah2

Pada option "Type" pilih yang "CNAME"

Untuk kolom "Value" isikan "ghs.google.com"

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

Kemudian pilih "Switch to: • Custom Domain

Setelah itu klik pada "Already own a domain? Switch to advanced settings"

Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Maka kesimpulannya adalah:

Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"

Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"

Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Cara mensetting Custom Domain di Blog

2009-05-18T05:45:00.000-07:00

Memiliki blog dengan nama domain tanpa embel-embel blogspot, wordpress, multiply dll tentunya akan membuat blog kita terlihat lebih simple dan dan juga akan lebih mudah diingat orang. Jika kita sudah membeli domain maka ada beberapa hal yang harus kita lakukan supaya domain kita tertuju pada web/blog yg kita punya, diantaranya yaitu setting DNS, Name Server dll. Mari kita mulai saja langkah-langkah untuk customisasi domain ini.

* SETTING DNS (DOMAIN NAME SERVER)
Langkah awal kita yaitu melakukan setting DNS. Biasanya jika kita membeli domain akan ada biaya tambahan (sekitar Rp 3000,-) untuk menambahkan layanan "DNS Managed". Tapi jika kamu tidak ingin mengeluarkan biaya ada layanan gratis supaya kita bisa melakukan setting DNS, seperti di dnspark.net. Nha berikut ini adalah tutorial jika kam menggunakan layanan dari dnspark ini :

1. Jika kamu belum memiliki account di dnspark km bisa daftar di https://www.dnspark.net/register.
2. Jika sudah daftar silahkan login.
3. Pilih menu "DNS Hosting" (disebelah kiri). Kemudian pilih "Add Domains"
4.Beri tanda centang kotak "DNS Hosting - Free" lalu Isikan nama domain yang sudah km beli di kolom "Enter new domain" (tanpa www).
5. Kemudian Klik tombol "Add Now"
6. Jika berhasil maka nama domainmu akan muncul di "Domain List" (pojok kiri bawah)
7. Klik domain km untuk melakukan pengaturan selanjutnya.
8. Pada Dropdown "Type" pilih "CNAME".
9. Pada Kolom "Alias Name" isikan www (sebenarnya itu bisa diisi apa saja, tp untuk domain utam sebaiknya diisi "www").
10. Kemudian untuk destination name isikan ghs.google.com (untuk blogspot).
11. Jika sudah klik tombol "Update All"

Untuk proses setting DNS sudah selesai.

Bagi yang sudah punya "DNS Managed" sendiri di domainnya, cara settingnya seperti ini:
- Masuk ke "Managed DNS" Trus Pilih "CNAME Records"
- Kemudina klik tombol "Add CNAME Records"
- Untuk kolom "Host Name" diisi dengan "www"
- Untuk Kolom "Value" pilih yg bagian bawah kemudian isi dengan "ghs.google.com"
- Kemudian Klik tombol "Add record"

Selesai ...

* SETTING NS (NAME SERVER)
Bagi yang sudah memiliki "Mange DNS Service" sendiri di domainnnya maka langkah berikut ini tidak perlu dilakukan. Tapi jika kamu menggunakan layanan DNS Manger dari dnspark.net, maka kamu harus merubah "Name Server" di domain manager kamu. Bagi yang membeli domain dari namadomain.com maka langkah-langkahnya adalah seperti berikut ini, (bagi yang beli ditempat lain saya rasa hampir sama langkah2nya)

1. Login di namadomain.com kemudian pilih "My Account"
2. Jika sudah maka kamu akan berada dalam kawasan "admin area" domainmu.
3. Pilih menu "Domain --> List Last 10"
4. Domain kamu akan terlihat di "List of Domain"
5. Klik link "Domain Name --> Click to Manage"

6 Kemudian klik tombol "Modify Name Server".

7 Isikan name server berikut kedalam kolom "Name Server1, Name Server2, Name Server3, Name Server4, Name Server5" kemudian klik tombol "Submit"

ns1.dnspark.net
ns2.dnspark.net
ns3.dnspark.net
ns4.dnspark.net
ns5.dnspark.net

Nah urusan dengan si "Name Server" Sudah Selesai

* SETTING PUBLISHING DI BLOGGER
Nha sekarang tinggal langkah terakhir. gini langkahnya :

1. Login di blogger. Pilih menu "Setting --> Publishing"
2. Kemudian klik link Switch to : Custom Domain
3. Kemudian klik lagi link Already own a domain? Switch to advanced settings
4. Kemudian isikan nama blog kamu di kolom "Your Domain"
5. Lalu Klik tombol "Save Setting"

Yak Semua sudah selesai. Jika semua settingan tadi dilakukan dengan benar maka domain kamu yang baru akan aktif sekitar 1-24 jam bahkan bisa nyampe 48 jam.. Jadi tunggu aja

Tips Cara Back up Template Blog

2009-05-18T05:37:00.000-07:00

Kadang blogger pengen juga ganti kostum alias ganti template, soalnya sudah bosan ato mungkin templatenya sedikit and fasilitasnya kurang tidak seperti yang ada di wordpress. Tapi Blogger punya kelebihan yaitu kita bisa memodifikasi template yang ada semau kita, tidak seperti di wordpress. Di wordpress jika kita mau mengedit template harus bayar dulu, iiihhhh, emangnya kita kaya po? kita kan orang-miskin ya nggak? Tapi sebelum kita mengoprek-oprek template alangkah bijaksananya jika kita memback-up dulu templatenya, Lho? fungsinya apa?, supaya kalo kita ngoprek-ngopreknya salah bisa dikembalikan kembali seperti semula, seperti di restore gitulah. Nha, gimana caranya memback-up template di blogger? gini nih caranya:

Pertama-tama tentu kamu harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nah kemudian disitu kan ada tulisan before editing ypoour template, you may want to save a copy of it. Download Full Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nah kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebelumnya kamu tinggal klik tombol Upload yang ada dibawahnya. Gitu aja kok.. Gut lak buddy...

ADA APA DENGAN KLIKPTC.COM ??

2009-05-18T02:42:00.000-07:00

Wah jadi berkurang neh cari receh, pasalnya sudah beberapa hari ini salah satu situs Paid To Click Indonesia telah menghilang dari customernya. Apa yang terjadi ya ?? Waktu itu pas saya lagi mo iseng-iseng cari duit recehan, persisnya kapan aku lupa. Tapi yang jelas sudah kemarin.. kemarin.. kemarin.. hehe.. waktu ngetik www.klikptc.com tiba-tiba gak taunya masuk ke layout yang mirip announcement alias pemberitahuan yang menjelaskan sesuatu hal yang mengakibatkan surfer recehan seperti saya tidak bisa dech cari duit, gara-gara gak bisa diakses. Pertama-tama sih saya cuek saja, tapi setelah hari berganti hari, esok berganti esok, lusa berganti lusa… eee… masih juga gak bisa. Tapi tiba-tiba waktu itu saya pun semakin penasaran dengan APA YANG TERJADI DENGAN KLIKPTC tersebut. Dengan rasa ingin tahu alasan yang jelas, saya pun membaca pemberitahuan yang ada. Tapi setelah saya cek dari :

http://billing.qwords.com/viewitem.php?uid=sc&action=whoislookup&domain=klikptc.com
Ternyata Expiration Date: 16-Mar-2010

Aneh ya.. kenapa kok bisa begitu ??? lagian web owner sudah dipersilakan menghubungi bagian support hostingnya. Tapi kok masih saja gak bisa ya, apa masih sibuk ngitung saldo. Hehe..
Terus terang saya kasihan dengan customer yang sudah mengupgrade ke Premium, jadi rugi kemakan hari gak bisa balik modal. Dan yang kedua saya juga hehe… jadi tidak bisa menuai recehan dari internet kalo kasusnya kayak gini.

Ironis sekali yah… sudah berhari hari kok masih saja sama. Gak bisa diakses. Sebenarnya APA YANG TERJADI DENGAN KLIKPTC ? Hampir saja saya mo upgrade ke premium, untung belum jadi.

Cari rupiah sekali klik

2009-02-14T11:56:00.000-08:00

Di sini akan saya berikan daftar program - program Paid To Click gratis yang sangat mudah tanpa menggunakan paypal alias langsung masuk ke rekening bank anda. Semuanya gratis alias free alias tidak perlu bayar sepeser pun dan ironisnya, anda malah akan dibayar. Apa ga asyik tuh, asik khan...
Masih belum percaya ???? Ini saya kasih tahu bagaimana caranya daftar, berikut daftar situs - situsnya :

Klik Uang

Indo Rp

Klik PTC

Duit Bux

Klik Rupiah

Rupiah Bux

SecureBux-PTC

Klik Aja Deh

Mudah sekali khan... Selamat mencoba dan berburu rupiah :))

Cara mengubah google adsense menjadi adsense Indonesia

2009-02-04T23:34:00.000-08:00

Nah yang masih penasaran pernah melihat adsense di blog orang kok bisa bahasa Indonesia ya ??? Caranya gampang, tinggal masukin script dikit ke dalam script google adsense kalian. Tapi gimana caranya?? Hehe... caranya mudah sekali. Pertama tama kalian masuk ke blogger.com kemudian buka layout kamu dan cari script adsense yang pengen kamu rubah menjadi google adsense Indonesia. Nah sudah ketemu belum.... Ahhh.. lama banget.. Sudah khan, kalo sudah liat script di bawah ini :

<script type="text/javascript">
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

Kalo sudah, kemudian tambahkan Script seperti di bawah ini:

google_language = "en";

Gampang tinggal kamu copy paste di bawahnya google_ad_height = 60; menjadi seperti ini :

<script type="text/javascript">
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

Mau dapat 500 Dollar tiap minggu dari internet ??

2008-12-13T07:59:00.000-08:00

Buat Anda yang ingin tahu apa itu PTC, bisa lihat disini
Bisnis PTC dikenal sebagai bisnis recehan, karenanya banyak orang tidak/kurang mau menjalankannya disamping itu dikarenakan banyaknya PTC yang dicap sebagai SCAM.
Namun dengan perhitungan yang matang, bisnis recehan ini dapat menghasilkan uang yang cukup banyak untuk tabungan kita. Berikut Tips untuk menjalankan bisnis PTC :

1. Pilihlah PTC yang aman dan baik menurut survey (bisa dari google, forum), tapi sekali lagi PTC yang aman belum tentu menjamin tidak akan mati. Oleh karena itu kita harus main dengan jumlah PTC yang cukup banyak, 10 PTC. Jadi kalau mati pun, masih ada yang lain. PTC yang saya gunakan saat ini:

ThinkBux

PTC ini sudah membayar saya, lihat payment proof. Setelah di survey, ini merupakan PTC yang paling cepat membayar (kurang dari 24 jam) dan minimal pembayaran cukup kecil yaitu $5.
Pembayaran dapat menggunakan Alertpay & Paypal.

Clixsense

Minimal Pembayaran cukup kecil yaitu $5 sama dengan thinkbux. Semua pembayaran langsung.
Pembayaran dapat menggunakan Alertpay & Paypal.

Isabelmarco

PTC lama yang masih berjaya. Referral yang saya beli dari sini 80% aktif, dan termasuk dalam salah satu PTC favourite. Pembayaran dapat di transfer ke Alertpay dan Paypal (+$300).

TakeTheGlobe

PTC baru yang menarik perhatian orang banyak. Menyediakan iklan lebih dari 35/hari untuk member standard dan 75 iklan untuk member premium. Untuk memastikan PTC ini akan bertahan lama, saya mencoba untuk menghitung sendiri pendapatan dari PTC ini, dan saya menarik kesimpulan bahwa PTC ini aman!
PTC ini dapat menghasilkan dollar lebih cepat dari PTC lainnya disini!!
Lama pembayaran sesuai TOS yaitu 30 hari premium, 60 hari standard (mulai 9-7-08).

10bux.net
Salah satu PTC dari grup Paid Clicks Network. Merupakan salah satu perusahaan PTC yang dipercaya. Salah satu PTC yang berasal dari perusahaan ini adalah PaidClicks.ws yang telah hidup dari tahun 2007 sampai sekarang dan masih sangat stabil. 10bux memiliki reputasi pembayaran yang cepat dan tidak ada masalah.

B-U-X.net

Click herePaling baru dari Paid Clicks Network, dalam 2 hari dapat ribuan member!!! Boleh dipercaya. Mumpung masih baru, pembayaran masih lancar dan aman!

Earn3

Merupakan salah satu PTC yang memiliki reputasi yang baik di PTCtalk forum, dan pembayaran cepat. Admin PTC ini aktif di PTCtalk dan memiliki reputasi yang sangat baik. Aman

Extra10

Satu grup dengan Earn3, Aman!

NeoBux

BIsa dipercaya, websitenya menggunakan security level SSL 256 bit

BuxP

Di Buxp anda sangat mudah untuk prosesnya tinggal klik selama 30 detik untuk mereview iklan yang ada anda bisa mendapatkan $0.005 - $00.25 dan dengan pengambilan Payoutminimal sebesar $7.99

ARA-Bux

BUX.To

Pada Bux.to, Anda mendapatkan bayaran untuk klik pada iklan dan mengunjungi situs Web. Prosesnya mudah! Anda cukup klik link dan melihat website selama 30 detik untuk mendapatkan uang. Anda dapat mendapatkan bahkan lebih dengan merefer teman-teman. Anda akan mendapatkan bayaran $ 0,01 untuk setiap situs web Anda secara pribadi view dan $ 0,01 untuk setiap situs web Anda melihat rujukan. Permintaan pembayaran dapat dilakukan setiap hari dan diproses melalui AlertPay. Minimum pembayaran adalah $ 10,00

2. Daftar pada semua PTC diatas. Jika Anda telah mendaftar di PTC lain, jangan berhenti.. lanjutkan klik Anda… Itu akan mempermudah dan mempercepat prosesnya!

3. Klik semua iklan pada 10 PTC tersebut setiap hari. Pada minggu ke 11-12 (3 bulan) Anda dapat menarik hasil klik Anda sebesar $24,255 dari TakeTheGlobe, Thinkbux, dan Crewbux.
Penghasilan harian Anda sekarang Adalah: $0,975/hari

4. Setelah dihitung dengan lama proses pencairan uang tersebut ke Account Alertpay Anda, seharusnya pada Minggu ke 12 itu pula Anda dapat membeli 10 referral di TakeTheGlobe dan 5 Referral di IsabelMarco. Penghasilan Harian Anda sekarang Adalah: $1,765/hari

5. Pada hari ke 100 atau minggu ke 14 (bulan ke 4), Anda dapat menarik uang sebesar minimal $53,915 dari TakeTheGlobe, Xclix, 10bux dan clixmx. Gunakan uang tersebut (cair kira-kira pada minggu ke 114) untuk upgrade membership Anda di IsabelMarco selama 1 bulan (mempercepat proses pembayaran), Membeli 15 Referral di ClixMx dan membeli 20 Referral di TakeTheGlobe, sehingga membuat penghasilan harian Anda menjadi: $2,515/hari

6. Awal bulan ke 5, Anda dapat menarik uang dari TakeTheGlobe sebesar $10,413 dan IsabelMarco sebesar $21,954. Karena TakeTheGlobe memiliki pembayaran yang lebih cepat, maka seharusnya pada hari ke 124, Anda dapat membeli 5 referral di B-U-X.net. Penghasilan harian Anda menjadi $2,978/hari

7. Hari ke 125, anda dapat menarik uang dari ClixMX sebesar $10 dan pada hari ke 131, Anda dapat membeli 5 ref di 10bux dan 15 ref di taketheglobe. Penghasilan harian Anda akan meningkat menjadi: $3,73/hari.

8. Minggu ke 20, Anda dapat menarik Uang dari TakeTheGlobe dan ClixMx sebesar $40,32. Setelah uangnya sampai di account Anda, gunakan uangnya untuk membeli 15 ref di isabelmarco, upgrade 1 bulan di isabelmarco dan 10 ref di thinkbux. Penghasilan Anda sekarang: $5/hari.

9. Nah, sekarang semuanya jadi lebih cepat!

10. Akhir minggu ke 20, Tarik uang dari Taketheglobe dan isabelmarco sebesar $24,7. Gunakan untuk membeli referensi di Earn3 pada minggu ke 21. Penghasilan Anda sekarang: $5,128/hari

11. Akhir minggu ke 21, Tarik uang dari semua PTC sebesar $101. Lalu gunakan untuk membeli 35 ref di extra10, 35 ref di earn3, 5 ref di extra10, 5 ref di b-u-x.net, dan 5 ref do 10 bux. Penghasilan Anda meningkat menjadi: $7,6/hari.

12. Minggu ke 22, Tarik uang dari isabelmarco, taketheglobe, clixmx, earn3 dan extra10 sebesar $81. Gunakan untuk membeli ref di xclix sebanyak 30 ref, upgrade 1 bulan di isabelmarco, beli 15 ref di crewbux dan beli 10 ref di thinkbux. Penghasilan Anda menjadi: $8,5/hari.

13. Pada minggu ke 25, Anda dapat menarik semua uang anda dari semua PTC kecuali crewbux sebesar total $167. Gunakan uang tersebut untuk membeli 15 ref di Clixmx, 35 ref di B-u-x.net, 35 ref di 10 bux dan upgrade taketheglobe sebesar $39,9. Penghasilan Anda menjadi: $16,2/hari

14. Minggu ke 28, Tarik uang dari Taketheglobe sebesar $53 ditambah dengan sisa saldo Anda sebesar $9, beli 35 ref di isabel dan upgrade 1 bulan. Penghasilan Anda menjadi: $18,76.

15 Minggu ke. 30, tarik semua uang Anda dari semua PTC sebesar $339. Lalu Gunakan uang tersebut untuk upgrade 1 tahun di isabelmarco, xclix, 10bux, b-u-x.net, clixmx, thinkbux, dan crewbux. Penghasilan Anda menjadi: $22/hari.

16. Langkah selanjutnya ialah menunggu cashout berikutnya dan mengupgrade earn3 dan extra10 lalu membeli referral untuk thinkbux, isabelmarco, crewbux dan taketheglobe. Seharusnya dalam bulan ke 8 penghasilan Anda sudah mencapai $53/hari atau sekitar Rp. $370,-/minggu

17. Jika setelah itu Anda melanjutkan program Anda, tidaklah mustahil penghasilan Anda menjadi $1000/minggu dan prosesnya akan jauh lebih cepat karena anda telah mempunyai modal yang cukup.
Ingat, bahwa semua dilakukan tanpa bantuan/tanpa referensi dari referral.
Perhitungan diatas akan jauh lebih cepat dua kali lipat jika Anda memiliki Referral minimal 2 yang membantu Anda.

Resikonya? Salah satu dari PTC tersebut adalah SCAM dan hasil kerja Anda hilang. Pada saat hitungan ini dibuat, PTC tersebut diatas adalah PTC yang terpercaya dan aman. Tetapi tidak menjamin 100% bahwa PTC tersebut tidak akan mati…

Keuntungannya? Hasil yang cukup besar, tanpa modal yang besar, hanya perlu internet dan komputer saja.

Dan yang pasti semua ini perlu KESABARAN dan KEJUJURAN

Apa yang saya maksud dengan kejujuran? Beberapa PTC menganggap member dari Indonesia adalah cheater! Beberapa dari pemain PTC di Indonesia menggunakan cara licik untuk mendapatkan uang secara cepat dari PTC, akibatnya beberapa PTC tidak memperbolehkan pendaftaran dari Indonesia. “Nila setitik, rusak susu sebelanga”

Ok, selamat mencoba.

Sukses untuk Anda

-sebagian artikel ini diambil dari bro Erick Wesz-

Cara Membuat Read More pada Postingan Blog

2008-12-13T06:20:00.000-08:00

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

kalo dah ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p>

menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

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

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas

Selamat Mencoba, semoga berguna.. Huaghh.. huaghh

Membuat Recent Comment via Feed

2008-12-11T01:34:00.000-08:00

Nah sekarang akan saya jelaskan bagaimana membuat Recent Comment Via Feed. Mungkin rekan akan bingung memilih yang mana...keduanya tentu mempunyai kelebihan dan kekurang. Yang jelas Recent Comment via JavaScript mempunyai kelebihan dalam tampilan sedangkan Recent Comment dengan Feed dalam hal tampilan terlihat lebih sederhana namun dalam masalah loading tentu dengan feed akan terasa lebih cepat.

Cara menggunakan Feed:

Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudian pada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

1. Mengunakan Feed Default Blogger

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

2. Feed dengan FeedBurner

http://feeds.feedburner.com/NamaFeedComment

Jangan lupa mengganti warna merah dengan nama blog / nama feed comment kamu. Selamat mencoba

Mengganti text link "Post a Comment"

2008-12-11T00:15:00.000-08:00

Default Blogger biasanya menampilkan link "Post a Comment" dibawah kolom komentar, meskipun blog tersebut sudah di set ke dalam bahasa indonesia, jika anda ingin mengubah tulisan tersebut dengan gaya anda sendiri misalkan "Tulis sebuah komentar" atau "Ingin becuap-cuap" atau dengan tulisan lainya. Cara mengubah text tesebut sangat mudah ikuti caranya dibawah ini:

1. Masuk halaman Edit Html

2. Beri tanda centang pada Expand Template Widget

3. Cari Kode dibawah ini :

Ganti tulisan ditandai warna merah diatas sesuai keinginan anda.

4. Kemudain simpan template anda, Selamat mencoba

Page Element Directory

2008-12-11T00:03:00.000-08:00

Jika saya diminta memilih antara Search Engine dengan Web Directory tentu saja pilihan saya langsung tertuju ke Directory dengan halaman web terstruktur, sama halnya jika saya di hadapkan kepada pilihan antara Page Element Standar dengan Page Element Directory Blogger tentu pilihan saya akan tertuju ke Page Element Directory Blogger. Seperti biasa Blogger tidak pernah habis-habisnya memanjakan penggunanya dengan menghadirkan fasilitas terbaru mereka yang diberi nama Page Element Directory.

How is it working for you? Does the new presentation, and the new icons, make adding stuff to your blog easier?

Page Element Directory merupakan kumpulan dari beberapa pilihan Element halaman dengan menambahkan beberapa fasilitas multi fungsi berupa Ribuan Gatget yang siap digunakan. Seperti halnya directory yang terstruktur kita akan dihadapkan kepada pilihan menu untuk memudahkan kita mencari, memilih dan mengunakan Gadget mana yang akan digunakan. Karena masih dalam daftar tahap uji coba fasilitas ini hanya bisa jumpai pada Blogger in draft

Cara menggunakan Page Elemet Directory:

1. Masuk ke http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Pada halaman klik tab "Layout" kemudian pilih "Add a Gadget"

Cara Modifikasi tampilan MyBlogLog

2008-12-10T23:25:00.000-08:00

Sebelum memodifikasi tampilan, pastikan widget MBL yang anda gunakan merupakan versi lama, karena versi terbaru sudah jauh berbeda. Jika perlu anda bisa mengembalikan script baru anda ke versi lama, baca caranya: Copy paste kode dibawah ini, jangan lupa mengganti ID_MBL dengan code ID anda sendiri.

Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}

Untuk menambah link berupa kalimat ajakan, anda dapat menggunakan kode dibawah ini, ganti warna merah NamaUserMBL dan ID_MBL sesuaikan dengan nama user dan ID MBL anda dan pastikan kode diletakan dibawah javascript MLB.

<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/community/NamaUserMBL/">
Lihat pembaca yang tergabung komunitas</a></p>
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=ID_MBL&ref=w">
Gabung dalam komunitas ini</a></p>

Untuk lebih maksimal, anda bisa mengatur sendiri kombinasi warna dalam Script, sebaiknya sesuaikan warna background MBL dengan background template anda. Selamat Mencoba.

Percepat loading page dengan CSS Compressor

2008-12-10T23:11:00.000-08:00

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading page blog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasi CSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image (jangan dibandingkan dengan kecepatan koneksi internet dulu ya...kita anggap saja koneksi yang kita gunakan sama).

CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa om gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresi CSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yang tidak diperlukan. Om sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments..sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan Advanced mode.

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi om sarankan kita bisa mencoba pada layanan ini CSS Optimizer.

Cara Kompresi CSS pada Blogger:

(sebelumnya jangan lupa backup semua kode pada halaman Edit HTML)

Pada halaman Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> silahkan copy-paste semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah..copy-paste lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.

Live Monitoring Visitor untuk banyak Blog/Site (whos.amung.us)

2008-12-10T14:52:00.000-08:00

Memasang widget layanan whos.amung.us memberikan kita kemudahan untuk mengamati berapa banyak visitor yang sedang mengakses blog/site, selain itu kita juga bisa memonitor apa saja yang dibuka pengunjung pada saat yang besamaan. Kadang monitoring visitor hanya berlaku pada pengamatan satu blog/site saja, yang menjadi kendala bagaimana jika kita mempunyai banyak blog/site yang ingin di monitor setiap saat? apakah dengan membuka blog satu persatu? atau melakukan refresh (reload) halaman berulang kali? yang jelas cuma buang2 waktu saja.

Untuk mengatasi masalah monitoring visitor diatas, solusinya sebaiknya kita menginstall widget whos.amung.us pada Browser Firefox Plugin. Dengan cara ini monitoring visitor pasti akan terasa lebih mudah, kita juga tidak perlu membuka blog/site jika tujuan hanya melakukan pemantauan visitor.

Contoh tampilan monitoring visitor pada status bar Firefox

Visiting another site? Not a problem. With our firefox plugin you can always keep an eye on your site's visitors from the convenience of your browser.

Cara installasi dan setting:

1. Download di firefox plugin (widget ini juga support pada Browser Flock)

2. Jika sudah, pada browser Firefox klik Tools -> Add-ons

3. Pada Extensions pilih whos.amung.us -> klik Options -> Masukan 8 karakter kode whos.amung.us milik kamu sendiri.

Disini ada 2 pilihan, pertama "Simple" jika hanya ingin menggunakan satu alamat saja, jika punya 5 alamat pilih "Advanced"

contoh input kode dan alamat yang ingin di monitor

iComment : Cara lain mengomentari blog dan website

2008-12-10T14:44:00.000-08:00

Memberi komentar di postingan mungkin hal biasa, bagaimana jika anda langsung memberikan komentar dan bersama mendiskusikannya setelah anda mengunjungi blog atau website tersebut. iComment merupakan plugin untuk IE dan Firefox, dengan plugin ini kita dapat dapat membaca dan memberi komentar terhadap situs atau blog manapun yang kita inginkan.

Dengan iComment kita dapat mengembalikan Internet menjadi bulletin board forum dan jaringan sosial. Di informasikan pada situsnya hampir setiap hari orang banyak menggunakan button iComment untuk membaca dan mengirimkan pendapat, mengenai sudut pandang, gagasan, pikiran, nasehat dan pengalaman mereka. Gimana, anda tertarik menggunakannya? Mungkin ini juga salah satu tujuan dari konsep Web 2.0 ..mungkin lho :)

Cara memberi komentar di iComment cukup mudah, pertama anda harus mengunduh plugin-nya terlebih dahulu disini, lakukan proses installasi seperti biasa. Selanjutnya akan muncul sebuah button kecil pada toolbar browser yang siap digunakan untuk berkomentar.

1$ untuk 50 komentar. Untuk setiap 50 komentar anda mendapat hadiah uang sebesar $1 USD. Untuk minimum payout ialah $5 USD setiap bulan. Maksimum payout ialah $100 USD setiap pemakai. Sayang komentar harus mengunakan bahasa Inggris, 10 atau lebih kata, di topik, dan ditempatkan ke situs web berpangkalan di AS dan minimal mempunyai 50.000 Alexa USA Website Ratings di waktu payout..selengkapnya bisa anda baca di How do I earn Cash Rewards?

Selamat mencoba, jangan lupa langsung komentari blog ini dengan iComment :)

Firefox Add-ons real time monitor

2008-12-10T14:26:00.000-08:00

Selain Toolbar Google, Alexa dan RSS Feed Readers mungkin anda juga membutuhkan Firefox Add-ons real time Monitor yang lain untuk mempermudah kegiatan blogging anda. Dibawah ini merupakan beberapa Firefox Add-ons real time Monitor pilihan yang biasa saya gunakan.

Feedburner Subscribers

Hampir semua Blogger mengunakan fasilitas Feedburner. Dan untuk memonitor Feed biasanya kita memasang Feed count reader di blog. Untuk mempermudah anda memantau Feed Count Reader secara real time, saya sarankan anda menggunakan Feedburner Subscribers.

TwitterFox

Untuk urusan mengirim dan membaca pesan masuk pada Twitter saya sangat nyaman menggunakan TwitterFox

Gmail Notifier

Selain Yahoo! Messenger dan Google Talk untuk memantau email dan komentar baru yang masuk inbox om biasa menggunakan add-ons Gmail Notifier

Whos.amung.us

Add-ons yang satu ini jangan sampai dilewatkan..anda yang menggunakan whos.amung.us bisa memantau pengunjung secara real time.

Semoga Add-ons diatas dapat mempermudah kegiatan blogging anda. Happy blogging..

ChromiFox: Theme Firefox rasa Google Chrome

2008-12-10T14:15:00.000-08:00

Theme Firefox rasa Google Chrome - Ingin menghadirkan theme dengan nuansa Google Chrome di Firefox anda? yup, Add-ons yang dikembangkan oleh ChromiFox ini, sudah bisa anda coba untuk menggantikan theme standar Firefox anda. Sangat disayangkan, theme multi platform pada tiga Sistem Operasi ini hanya support pada Firefox 3. Kapan hadir untuk Flock ya? ya sudah, silahkan mengunduh addons-nya disini

Highlight Author Comment

2008-12-10T13:34:00.000-08:00

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ?

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Cara Mengganti Icon Pada Address Bar

2008-12-10T11:30:00.000-08:00

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

Ganti huruf yang warna merah di atas dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di BIZHAT atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img404.imageshack.us/img404/1214/image10vr1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

Membuat Artikel yg "Related Post"

2008-12-10T11:18:00.000-08:00

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Paste scriot berikut :

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

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

5. Setelah itu cari kode ini dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
6. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Membuat Kotak Komentar di Bawah Postingan

2008-12-10T11:13:00.000-08:00

Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.
Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar.

Highlight pada Script pada Postingan

2008-12-10T11:04:00.000-08:00

Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?

Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini

sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode

diakhir script/Kode.

Dah gitu aja, gampang kan

Cara Menghilangkan Navigation Bar

2008-12-10T10:49:00.000-08:00

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan. Sudah ... selesai !!

Tips Mengedit HTML Blogspot

2008-12-10T10:36:00.000-08:00

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain. Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Apa itu PTC ???

2008-12-09T08:37:00.000-08:00

Banyak yang mungkin masih belum tahu apa itu PTC?

PTC adalah singkatan dari Paid to Click, secara singkat dapat diartikan Anda DIBAYAR untuk nge-klik…
Ya kita akan dibayar kalau nge-klik Iklan. Dan ini benar-benar dibayar lho dalam Dollar lagi.

Untuk bisa mulai menjalankan PTC ini sama sekali nggak butuh modal besar. Kita cuma butuh… Komputer, Internet & Waktu dikit….
Ga percaya?

Kalau kita mau coba2 ya bisa gratis dulu lah… ntar kalau memang mau serius baru butuh investasi gitu.

Secara singkat cara kerjanya begini,
1. Anda perlu mendaftar di website PTC, list PTC bisa Anda lihat di artikel saya yang lain.
2. Kalo udah daftar, login ke websitenya…
3. Nah, lalu coba ke bagian View Ads atau Surf Ads, terus disitu ada terlihat daftar iklan.

Tugas Anda adalah untuk klik iklannya, tunggu 30 detik trus dapet duit deh. Biasanya sih tiap hari ada 4-20 iklan baru, tergantung websitenya.

Nah berapa ya kita dibayar?
Ini semua tergantung dari websitenya, rata-tara sekarang pada ngasi 0.01 US$, berarti sekitar 100 rupiah per iklan. Emangnya duitnya darimana ya? Ya dari Pihak yang iklan dong, plus ada juga dari sponsor.

Mungkin sebagian besar dari kita akan bertanya, kalau cuma dibayar $0.01 kapan KAYA-nya?
Kalau usaha sendiri sih memang segitu aja dapetnya, coba kita hitung:
kalau sehari ada 10 iklan, kita dapet $0.1. Berarti sebulan dapet $0.1×30 = $3.
Setahun dapet $36, sekitar Rp. 306.000 rupiah kalau kursnya Rp. 8500. Sepuluh tahun dapet Rp 3.060.000. Kecil memang, tapi bayangkan kalau kita daftar ke 10 PTC, setahun dapet Rp 3.060.000,-

Masih kecil juga? Pakai taktik dong….

Ada cara yang disebut dengan upgrade membership (ini perlu investasi alias bayar)

Keuntungannya kalau kita upgrade membership adalah nilai bayaran kita akan naik dari $0.1 ke $0.15…. (sekali lagi tergantung dari websitenya), berarti kalau kita hitung, sebulan bisa dapet $0.15×30 = $4.5, setaon dapet $54 berarti kira-kira Rp. 459.000,-

Jadi nambah kan…

Cara yang lain: Cari referral (downline) yang banyak…
Referral itu artinya referensi, berarti ada orang lain yang daftar pakai referensi dari kita. Mereka itu jadi downline kita…

Dengan menjadi referral kita, maka setiap klik yang dilakukan akan ngasih kita bonus tambahan (biasanya setengah dari kalau kita ngeklik sendiri ada juga yang sama)

Coba Anda bayangkan kalau ada 1 referensi dari kita, trus bayarannya $0.1 juga… hmm… berarti pendapatan kita otomatis jadi 2x lipat kalau kita sendiri dapet $0.1…. ngerti kan? Gimana kalau 20 orang referensi kita? berarti pendapatan kita otomatis dikali 20…

Tunggu dulu… masih ada lagi… kalau kita gabung dengan upgrade, pendapatan kita akan jauh naik lagi karena komisi dari referal juga ikut bertambah…

Mungkin sebagian besar dari kita rasanya udah males deh… kalau disuruh cari orang yang mau jadi member. Jangan males dulu, kita harus coba dulu dan kalau memang masih gagal ada cara lain yaitu dengan membeli referral (ini perlu investasi lagi)

Dan hampir semua website PTC menjual referral… biasanya harganya 1 dollar/referral. Rata-rata dijualnya per paket.
Tapi ingat ini semua tidak menjamin bahwa mereka aktif semua. Biasanya sih paling cuma 50-60% yang aktif. OK?

Nah kalau udah gini, terus kita bahas nih soal pembayarannya

Biasanya sistem pembayaran yang dipakai sebagian besar PTC website adalah AlertPay ada juga yang pakai PayPal. Dan buat Anda yang belum punya account AlertPay atau PayPal ya perlu daftar dulu.

Dan ini semua bisa diuangkan, kalau PayPal bisa langsung transfer ke rekening bank kita di Indonesia, tapi kalau AlertPay biasanya dikirim pakai cek, dan nanti bisa dicairin di bank Indonesia.

Waktu pembayarannya sih tergantung dari masing-masing Website-nya, ini bisa dilihat di TOS nya

Cukup ya penjelasannya, kalau udah jelas ga usah ragu lagi, coba aja ga ada ruginya kok…

paling rugi waktu n koneksi internet.

Satu lagi yang penting untuk diingat kita harus jujur (ga boleh pake program cheat) dan juga hanya bisa 1 rumah - 1 user aja .

Selamat Mencoba !!!

Visual Explorer: Alternatif Lain IE Web Browser

2008-12-07T05:15:00.001-08:00

Anda pengguna fanatik Internet Explorer? atau anda sudah mulai jenuh menggunakan browser standar milik si empunya Microsoft ini? sebagai bahan pertimbangan, mungkin saya sarakan anda mencoba alternatif lain yaitu Visual Explorer. Seperti pada browser IE alternatif pada umumnya, Visual Explorer merupakan web browser baru yang dibangun dan berjalan diatas engine Internet Explorer.

Tidak berbeda dengan beberapa pesaingnya seperti Maxthon dan NeoPlanet , browser Visual Explorer versi terbaru ini juga dipersenjatai dengan satu set fitur lengkap, mulai dari standar multi tab, pencarian google secara instan, manage RSS dengan mudah dan customize antarmuka dengan pilihan theme dan skin.

Mereka (BlueG) juga berani mengklaim bahwa "Visual Explorer merupakan web browser yang dirancang khusus untuk menyediakan penggunanya dengan segala sesuatu yang mereka butuhkan dengan cepat, smart dan solusi browsing paling teraman"

Penasaran? Silahkan download Visual Explorer disini

New Blogger Post Editor

2008-12-07T04:43:00.000-08:00

Tidak ada habis-habisnya om eh blogger memanjakan penggunanya. Tepat hari ini juga blogger merilis fitur terbaru pada Blogger Post Editor, seperti biasa layanan ini hanya bisa ditemukan pada draft blogger..jika hanya login kehalaman standar blogger fitur ini belum bisa ditemukan. Penasaran ingin menjajalnya? tapi sebelumnya pastikan dulu kamu sudah login di http://draft.blogger.com/

Perbaikan dari sebelumnya..post edittor yang sekarang terlihat lebih stable dan compatible terutama pada Improved Image Handling dan Improved Raw HTML. Disini ada yang terlihat berbeda, biasanya Pratinjau tulisan di tampilkan pada halaman yang sama tapi disini Pratinjau ditampilkan pada jendela baru.

Fitur terbaru terbaru lainya terletak pada Pilihan Post (Post Option), disini kita dapat mengatur sendiri Edit setelan HTML dan Compose Settings. Untuk Edit setelan HTML ada dua setelan yang bisa kita pilih salah satunya yaitu "ubah baris baru menjadi <br>" atau "abaikan saja", sedangkan untuk Compose HTML kita juga bisa memilih salah satunya yaitu "tafsirkan HTML yag diketik" atau "Tunjukan HTML apa adanya". Untuk fitur lainnya bisa dicoba sendiri ya. thanks

Selamat mencoba !!!

Embedded Comment Form di bawah postingan

2008-12-07T03:37:00.000-08:00

Setelah sekian lama di complaint penggunannya, akhirnya Team Blogger memperbaiki juga rumitnya masalah pada form komentar, Pada fitur baru kali ini kita tidak akan lagi menemukan komentar blogger yang menyebalkan. sekarang Blogger membolehkan kita memasang form komentar (Embedded Comment Form) dibawah postingan. Saya yakin ini yang pasti kita nantikan sampai saat ini.

Untuk memasang Embedded Comment Form pertama login dulu ke http://draft.blogger.com kemudian pada halaman "Pengaturan" pilih tab "Komentar" setelah itu tuju ke "Penempatan Formulis Komentar" jangan lupa beri tanda centang pada "disematkan di bawah entry" jangan lupa disimpan dan lihat hasilnya.

STOP ! Kalo cara diatas sudah berhasil artikel dibawah ini tidak perlu dilanjutkan.

Perlu diketahui sebelum mencoba fitur ini kadang tidak langsung berhasil pada template yang sudah di modifikasi, untuk blog yang belum di modifikasi saya rasa tidak ada masalah. Untuk mengatasi masalah ini blogger memberikan cara yang terbilang kurang baik, yaitu dengan cara menghapus koding <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> kemudian menempatkan kembali kodenya pada posisi semula. Cara ini sebenarnya tidak menghapus element halaman post, jika tetap dipaksakan kita akan kehilangan settingan sebelumnya.

Untuk solusinya coba masuk ke halaman Tata letak - Edit HML (jangan lupa beri tanda centang pada Expand Template Widget).

Cari kode dibawah ini: (Kadang setiap template agak berbeda jadi focus saja ke kode yang warna hijau)

<p class='comment-footer'>

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

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</p>

Sudah? kemudian hapus semua kode diatas dan ganti dengan semua kode dibawah ini.

<p class='comment-footer'>

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

<b:include data='post' name='comment-form'/>

<b:else/>

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

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

Jangan lupa disimpan, silahkan dicoba kembali, jika masih belum berhasil coba kembali ke ke halaman komentar dan beri tanda cetang kembali "disematkan di bawah entry"Semoga cara ini cara diatas bisa membantu. Thanks

Download Web Browser Google Chrome (BETA)

2008-12-07T02:50:00.000-08:00

Setelah ditunggu-tunggu, hari ini, rilis Google Chrome (beta version) sudah bisa anda download disini. Google Chrome merupakan browser yang dibuat dengan desain praktis agar Anda dapat mengakses Web dengan lebih cepat, mudah, dan aman. Untuk informasi selengkapnya mengenai kelengkapan fitur dari Google Web Browser ini bisa anda baca disini

Jika anda tertarik untuk melihat Google Chrome di interpretasi berbentuk komik mengenai keputusan keinsinyuran dari Scott McCloud, bisa menyimaknya disini.

Google Adsense mulai dukung bahasa Indonesia

2008-12-06T01:28:00.000-08:00

Sudah beberapa hari ini banyak yang menginformasikan kalo Google Adsense mulai support bahasa indonesia, salah satunya informasi yang om terima dari blognya Bayu Mukti beritanya bisa baca disini walau belum ada berita resmi dari pihak Google Adsense setelah iseng om coba ternyata bisa, bukti nyata bisa dilihat di blog saya. Kalo biasa nya cuma iklan layanan masyarakat yang muncul sekarang sudah rada mendingan, walaupun iklan yang muncul kadang gak sesuai dengan konten blog, ah bodo amat ya.. yang penting keluar iklan aja udah syukur hehehe ya udah bagi rekan yang belum ~~dicium alias account-nya belum kena banned~~ sama om google bisa ~~buruan pasang~~. Hati-hati dengan click fraud dan selamat ~~meraup pundi-pundi Dollar~~. (kalau masih ragu sebaiknya gak usah dipasang resiko tanggung sendiri ya....) Don't blame me !!!!

Nomor Urut Komentar (Numbering Comments)

2008-12-06T00:26:00.000-08:00

Saya dapat informasi mengenai salah satu blogger yang berhasil membuat atau menampilkan nomor urut komentar di blogger (Numbering Comments). Si pembuat kode yang saya ketahui bernama Fernandooo1 ini telah berhasil melakukannya, nah begini cerita dan caranya :

Penarasan pengen segera memasangnya? silahkan sambangi langsung blognya Fernandooo1

Maaf untuk menghargai Original Content, kali ini om belum berani menampilkan tutorialnya.. blogger top saja cuma berani melakukan review, apa lagi pemula seperti saya hehehe *

Special thanks for Oom and Fernandooo1 for great tutorial.

Konfigurasi Google Adsense di FeedBurner Ad Network

2008-12-05T23:41:00.000-08:00

Masih banyak yang mengira feed dalam Feedburner dapat disandingkan dengan Adsense, padahal sebenarnya konfigurasi Google Adsense di Feedburner ini hanya untuk menampilkan Adsense dalam content blog saja. Seperti halnya anda memasang Adsense pada setiap content atau tanpa perlu ribet sebenarnya anda bisa melakukan setting melalui Element halaman blogger, karena disitu sudah disediakan fasilitasnya.

Menurut saya tidak ada salahnya juga kita mencoba fasilitas FeedBurner Ad Network ini, walaupun settingnya tidak powerfull layaknya panel standar Adsense karena kita hanya dibatasi memilih dua size tampilan iklan. Selain itu kita masih bisa melakukan setting pada warna text dan menentukan target chanel dan masih dapat menentukan letak posisi penempatan iklan.

Sebelum anda mencoba fasilitas ini perlu diperhatikan ketika mengaktifkannya berarti anda membuka pintu gerbang agar Feedburner dapat mengakses Account Adsense anda. Disini ada dua setting yang harus kita aktifkan yaitu pertama mengaktifkan Account Adsense anda, dan yang kedua mengaktifkan fasilitas Feedflare. Anda bisa memilih setting yang mana anda ingin dahulukan, jika anda sudah menambahkan fasilitas Feedflare tentu akan lebih mudah lagi

Konfigurasi Account Adsense di feedburner anda:

1. Silahkan login dulu disini

2. Pilih salah satu feed yang ingin anda aktifkan

3. Kemudian pilih tab Monetize

4. Pada Sign in to your Google AdSense account, masukan alamat email sesuai account Adsense, kemudian pilih salah satu masukan berikutnya, bisa Postal code atau Phone number

5. Silahkan buka email anda untuk konfirmasi verifikasi

6. Anda bisa memilih script Get the HTML code to put ads on your site, seperti yang saya tulis sebelumnya diatas, jika sudah terpasang fasilitas feedflare anda tidak perlu lagi memasukan scriptnya.

6. Sampai disini semua configurasi sudah selesai, sekarang anda tinggal melakukan setting Adsense anda seperti biasa.

7. Jika berhasil iklan adsense anda akan ditampilkan di setiap akhir postingan.

Sebenarnya memasang fasilitas ini terkesan buang-buang waktu saja jika diaplikasikan di content bahasa indonesia, apalagi script yang digunakan nantinya tidak bisa dimanipulasi dengan menambakan metode "en" (benar2 script yang jujur ya hehehe :) Selamat mencoba semoga berhasil..

Professional Templates "Blogger Magazine Style"

2008-12-05T22:46:00.000-08:00

Mau blog anda tampil Professional dengan konsep Magazine Style? kalo iya, saya sarankan anda bisa mencoba template buatan Antoni Lupetti. Selain gak pasaran, hanya dengan sedikit sentuhan, saya yakin anda bisa mengedit template ini jauh lebih bagus lagi. Salah satu contoh blog sahabat yang juga menerapkan konsep Magazine Style, sebut saja Kang Rohman, disana bisa anda lihat perbedaan ketika anda berada pada halaman index, kemudian lihat pula perubahannya ketika anda berada pada salah satu halaman konten. Ya sudah, monggo..silahkan di download aja sourcenya disini

Agar "Followers" support di mode Indonesia

2008-12-05T05:59:00.000-08:00

Informasi terbaru pada Blogger Buzz mengatakan, saat ini Blogger Followers sudah tersedia pada semua versi English. Lalu, gimana nasib di mode indonesia, belum bisa dong? jangan khawatir, anda juga bisa mencobanya, caranya cukup mudah, anda tinggal nge-set saja mode bahasanya ke pilihan English pada halaman Dashboard, kemudian set juga pilihan English pada halaman Settings - Formatting - Language (bahasa)...beres :) Jangan lupa ya untuk mem-follow blog disini atau siapa saja yang sudah bergabung di followers disini. Good Luck Buddy.. andLady.... [ Ronald Skizto ]

Fitur Terbaru Blogger: Contact Picker

2008-12-05T05:26:00.001-08:00

Blogger hari ini kembali menambahkan fitur terbaru mereka yaitu Contact Picker. Fitur ini berguna menentukan email mana saja yang berhak menerima kiriman komentar ketika seseorang meninggalkan komentar di blog anda.

Jika sebelumnya input mail hanya terbatas pada 10 email saja, sekarang dengan Contact Picker, kita bisa menggunakan seluruh alamat email yang tentunya sudah terdaftar pada Gmail Contact yang ada di blogger.

Anda juga lebih mudah melakukan manage dan memilih alamat email berdasarkan email kenalan anda, email yang paling sering dihubungi, teman, keluarga atau memilih email kenalan yang disarankan.

Untuk mencoba fasilitas ini, pastikan anda login dari http://draft.blogger.com kemudian pilih Tab Settings > Comment > Comment Notification Email and Email > BlogSend Address dan silahkan memilih email contact yang akan anda gunakan.

Selamat mencoba Hihiii,, Ronald 12Skizto

Rahasia dibalik "Meta Title Tag" Blogger

2008-12-05T04:48:00.000-08:00

Keyword pada Meta Title Tag Blogger mempunyai peranan cukup vital, hampir seluruh Search Engine memberikan penekanan pada pengunaan Title (judul). Judul sebaiknya mewakili 2 sampai 3 kata kunci, semakin dekat posisi kata kunci pada awal judul maka akan semain baik. Jika anda mempunyai penekanan pada judul yang pendek ini tidak terlalu bermasalah, namun ada kalanya judul yang anda masukan lebih dari 10 kata dan terlihat panjang. Terus terang ini menjadi masalah serius jika anda benar-benar fokus pada penggunan title, pengunaan title yang panjang akan merusak judul postingan anda di Search Engine. ini disebabkan keberadaan keyword pada judul postingan anda akan dirampas oleh title blog anda. Perlu anda ketahui search engine tidak akan menampilkan result percarian text keseluruhan tapi akan memotong keyword anda dengan tanda [....] sebagai text lanjutan.

Bagaimana saya memanipulasi agar judul posting berada diantara antara Judul blog dan Kata kunci utama, ikuti cara dibawah ini agar anda mengetahui perbedaannya. Langsung saja :

1. Masuk Pada Layout -> Elemen halaman -> tuju pada Header kemudian klik Edit.

2. Pada Judul Blog masukan nama blog anda (Sebaiknya gunakan 2 kata saja)

3. Kemudian Masuk ke halaman Edit HTML lalu cari kode dibawah ini.
<title><data:blog.pageTitle/></title>

Lalu tambahkan katakunci anda seperti contoh text warna merah dibawah ini (silahkan ganti dengan kata kunci anda sendiri)

<title><data:blog.pageTitle/> | katakunci1, katakunci 2, katakunci3 </title>

4. Silahkan di Simpan dan lihat hasilnya.

Title terlalu panjang "No Problem" sekarang anda tidak perlu takut menggunakan Title yang panjang, apalagi kehilangan keyword judul postingan pada search engine...silahkan mencoba melakukan experimen sendiri. Thanks

Huruf besar di awal kalimat

2008-12-05T04:35:00.000-08:00

Membuat huruf besar di awal kalimat mungkin bisa menjadi ciri khas tersendiri, sebagai contoh lihat awal kalimat yang ditandai dengan huruf "M" pada artikel ini..tampak beda khan! jika anda ingin artikel anda tampak seperti itu anda bisa mencoba membuatnya.

Pertama, buka halaman Edit HTML anda kemudian cari code CSS dibawah ini

.post-body {
.....
}

Jika sudah ketemu, tambahkan kode dibawah ini dibawah kode diatas (pastikan dibawahnya, bukan diantaranya :

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

Cara menggunakannya :

Ketika anda menulis di halaman posting pastikan pada awal kalimat tambahkan

<bt></bt>

Contoh :

<bt>M</bt>embuat huruf besar di awal kalimat mungkin jadi ciri khas tersendiri

Kalo gitu khan jadi tampil beda.. Hehe,,

Horizontal Menu Navigasi

2008-12-05T04:11:00.000-08:00

Yang sering berkujung ke blog om pasti sudah tidak asing dengan horizonal menu navigasi. Nah tutor kali ini kita mencoba membuat menu navigasi yang sebenarnya meminjam salah satu widget dari bawaan standar blogger. Dengan sedikit sentuhan pada CSS, widget Linklist yang semula banyak digunakan sebagai blogroll secara vertikal akan kita modifikasi menjadi menu navigasi secara horizontal. Ya sudah, dari pada om cuap2 gak jelas langsung ke cara pembuatan aja ya......

Pertama masuk halaman Edit HTML, kemudian copi-paste semua kode CSS dibawah ini lalu letakan diatas kode ]]></b:skin>

/*-- (Menu/Nav) --*/
#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}
#nav-left{float:left; display:inline; width:600px}
#nav-right{float:right; display:inline; width:100px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Arial,Helvetica,sans-serif}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}

/*-- (Search) --*/
#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px 2px no-repeat; -moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right; height:25px; margin:0 0px 0 0; width:180px}
* html #search{margin-right:8px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}

Masih pada halaman Edit HTML kemudian cari kode <div id='outer-wrapper'><div id='wrap2'> biasanya kode ini terletak di bawah html tag kemudian copi-paste semua kode dibawah ini, dan letakan kodenya dibawah kode warna hijau diatas

<div id='nav'>
<b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='true' title='Search' type='HTML'>
<b:includable id='main'>
<div id='nav-right'>
<form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get' name='searchform'>
<b:if cond='data:title'/>
<div id='search'>
<input class='s' id='s' name='q' onblur='if (this.value == '') {this.value = 'Cari artikel disini';}' onfocus='if (this.value == 'Cari artikel disini') {this.value = '';}' type='text' value='Cari artikel disini'/>
<input id='searchsubmit' type='hidden' value='Search'/>
<data:content/>
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
</div&gt

Silahkan disimpan dan lihat hasilnya. oh hampir lupa..rekan bisa menyesuaikan warna latar dan textnya sendiri ya :)

Untuk menambah menu, silahkan buka kembali "Elemen Halaman" kemudian perhatikan widget paling atas, disitu sudah terlihat witget baru dengan title "Top Tabs" silahkan klik edit dan tambahkan menu yang ingin ditampilkan. Selamat Mencoba

Customized tampilan BLOGGER FOLLOWERS

2008-12-04T08:00:00.000-08:00

Bila anda perhatikan, terlihat link menu Follow this blog yang berada diatas, kemudian diikuti informasi jumlah followers dan link View all dibawahnya. Sekilas memang tidak terlalu mengganggu, tapi namanya juga selera, tentu saja terasa ada yang kurang. ika anda sependapat dengan saya, tidak ada salahnya untuk mencoba memodifikasi tampilan standar Followers ini agar nampak lebih manis

Lihat sample modifikasi tampilan dibawah:

Anda bisa melihat perubahan diatas, dimana link tertata rapi, serta sedikit sentuhan border (garis tepi) pada setiap photo.

Bila anda pada area mode sedang login, link Manage akan tetap pada posisi menggantikan Link View All. jadi jangan kuatir pada perubahan kodingnya.

Mari kita coba memodifikasinya:

Untuk menambahkan border (garis tepi) pada gambar, pertama masuk halaman Edit HTML, kemudian copi-paste semua kode CSS dibawah, Sebaiknya letakan kode tersebut dibawah kode <b:skin><![CDATA[

/* Follower (Modified by o-om.com)
----------------------------------
*/
.follower-grid {width:150px;}
.follower {width:32px; height:32px; float:left; margin:2px;}
.follower-img {float: left; border:1px solid #222; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px;}
.follow-this {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}
.followers-canvas {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}

Jangan lupa simpan dulu perubahan diatas. (Sebenarnya kode CSS diatas bisa anda modifikasi sesuai keperluan, jadi saya masukan saja kode CSS Followers secara lengkap jika suatu waktu anda ingin memodifikasinya)

Kita lanjutkan mengedit kode utamanya, disini agak rumit karena akan banyak kode yang harus anda perhatikan.

Pertama tuju ke halaman Edit HTML, jangan lupa beri tanda centang pada Expand Widget Templates, Kemudian cari kode tercetak tebal sesuai warna hijau di bawah ini:

<b:widget id='Followers1' locked='false' title='ini sesuai dengan title masing-masing' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>

<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>

Kemudian ganti semua kode warna merah diatas, dengan melakukan (copy-paste) kode warna merah yang sudah saya modifikasi dibawah ini:

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a> -

<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>

<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span> - <data:followersFooterMessage/>
</div>

<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>

</b:if>

Kemudian simpan pekerjaan anda, dan silahkan lihat perubahannya.
Selamat mencoba !!!!!!

Cara Mengedit Script Followers

2008-12-04T07:05:00.000-08:00

Kali ini saya mencoba berbagi resep mengedit script pada Followers. Langung ke topik aja ya..saya ambil contoh mudahnya, seandainya anda kurang sreg dengan tampilan judul text link pada default Followers, anda bisa mengubahnya dengan kalimat anda sendiri, selain itu, anda juga bisa melakukan hidden text pada judul link jika memang diperlukan.

Untuk lokasi scriptnya, silahkan sesuaikan pada kode warna hijau, kemudian cukup dengan merubah kode yang saya tandai dengan warna merah dibawah ini. Silahkan dicoba :)

Mengganti tulisan Follow This Blog

<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>

Mengganti tulisan View All

<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>

Menghapus Pesan (jumlah) Followers

<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>

Mengganti Tulisan Stop Following

<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>

Mengganti Tulisan Manage

<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>

Mengganti Tulisan Jika belum ada Followers

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>

Ada kalanya anda tidak ingin menampilkan informasi Jumlah Followers pada title, atau mungkin anda ingin menghapus beberapa judul text link pada Followers yang dirasa kurang nyaman untuk ditampikan. Entah dasar apa anda ingin menghapusnya, menurut saya, link ini tidak terlalu mengganggu. Tapi jika anda menginginkannya, anda tinggal menghapus semua kode yang ditandai dengan warna hijau dibawah.

Menghapus (jumlah) Followers

<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>

Menghapus Link Manage

<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>

Hapus link Follow this blog

<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>

Menghapus Link Stop following

<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>

Menghapus Title (jumlah) Follower Count

<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>

Sebelum mencoba hack kode diatas, disarankan untuk membackup template anda terlebih dahulu. Ok selamat mencoba.....

Membuka Link Feed Pada Halaman Baru

2008-12-04T06:46:00.000-08:00

Tutorial kali ini kita akan mencoba menambahkan sedikit baris kode agar link feed ini bila diklik terbuka pada halaman yang baru (new window). Langsung aja ya, pertama anda masuk ke halaman Edit HTML dulu, kemudia beri tanda centang pada Expand Widget Template, silahkan andacari seperti penggalan script dibawah.

Untuk mempermudah anda mencari Feed ID, blogger sebenarnya sudah memberikan nama default untuk feed ini yaitu Feed[nomor urut Feed], (Penting: bila feed anda hanya satu berarti anda hanya cukup mencari Feed1)

Lihat warna merah dibawah merupakan contoh Feed3 yang berarti Feed ID ke-3 yang akan dicari.

<b:widget id='Feed3' locked="false" title="Friends Blog" type="Feed">
<b:includable id="main">
</b:includable></b:widget><h2><data:title></data:title></h2>
<div class="widget-content">
<ul id="data:widget.instanceId + "_feedItemListDisplay"">
<b:loop values="data:feedData.items" var="i">
<li>
<span class="item-title">
<a href="data:i.alternate.href">
<data:i.title>
</data:i.title></a>

Bila anda sudah menemukan ID Feed, sekarang tambahkan kode target='_blank' lihat contoh penambahan kode warna merah dibawah.

<b:widget id='Feed3' locked='false' title='Friends Blog' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href' target='_blank'>
<data:i.title/>
</a>

Membuat Menu Vertikal

2008-12-03T09:53:00.000-08:00

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/red.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/red.gif');

Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://bloggermanner.blogspot.com/">Trik Blog</a></li>
<li><a href="http://copy-templates.blogspot.com/" >Free Template</a></li>
<li><a href="http://indo-clixsense.blogspot.com">Extra Income</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Cara membuat Blog

2008-12-02T07:27:00.000-08:00

♥ Langkah 1 :

Setelah buka situs blogger maka akan muncul tampilan seperti di bawah, kemudian klik pada tanda yang sudah dilingkari.

♥ Langkah 2 :

Isi semua form yang disediakan dan... jangan lupa memberikan tanda centang pada "penerimaan persyaratan". Kemudian klik pada "Lanjutkan"

♥ Langkah 3 :

Berikan judul pada kolom seperti di bawah yang telah dilingkari sesuai dengan tema dari blog yang telah anda buat. Disarankan judul simple dan mengena pada isi tema blog, dimaksudkan agar google lebih mudah mengenali. Pada kolom alamat blog diisikan sesuai selera anda dan alamat ini dimaksudkan untuk membuka halaman blog (istilahnya seperti domain gitu...)

♥ Langkah 4 :

Dan ini langkah terakhir untuk membuat blog tersebut, anda tinggal memberikan tanda centang pada salah satu pilihan template standart dari blospot. Kemudian klik pada "Lanjutkan".
INGAT !!! template tersebut masih standart buanngeeetttt,,, untuk mau mendapatkan yang lebih menarik klik aja ke : ♥ Free Blog Templates ♥

Selanjutnya :

Blog Anda sudah jadi ! Dan anda sudah memiliki halaman Blog sendiri. Kemudian mulai dechh.... nge-blog. Cukup itu saja yang bisa saya berikan kepada anda smua untuk membuat blog. Mudah khan ..... Selamat Mencoba !!!!!!!!!!!!!

Easier way to make banner

2008-11-21T05:54:00.000-08:00

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:
1. Buka situs http://cooltext.com
2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.
3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.
4. Kalo sudah merasa cocok lalu klik tombol "Rander Logo"
5. Tunggu sebentar sampai proses rendering selesai.
6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link "Download Image". dan simpan banner kamu.
7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan mengupload file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu.