Bikin Blogger

Robots mbah Google....lagi !

2008-03-31T10:08:00.003+07:00

Udah tahu kan gimana akrabnya Googlebot ? Dan seperti robot2 lain yang baik hati lagipula engga sombong, dia bisa ngedengerin kita dan menghormati harapan2 kita tentang bagian2 mana aja di situs kita yang kita nggak ingin dicrawled sama mbah google. Tinggal tambahin sebuah file robots.txt yang nerangin apa aja yang kita inginkan, dan dia akan cocok dengan sendirinya.

Tapi tar dulu, bagaimana kalo elu bisa ngobrol ama si robot entuh ? Iya ya ? Tapi kan nggak semua Kalo udah selesai kita bisa bicara pake bahasa robot, nah lo ? Nha, inilah kenapa mbah google dengan gembira memperkenalken penerjemah bahasa robot pribadi !: the Robots.txt Generator di Webmaster Tools. Mesin ini dirancang untuk memberikan elu-elu pade cara yang interaktif dan gampang buat bikin sebuah file robots.txt. Prosesnya bisa segampang masukin file-file dan direktori2 yang elu nggak mau ke crawl ama robotnya mbah google.

Ato, kalo lu butuh,elu bisa bikin aturan sejernih air untuk robot2 dan area2 di situs elu seperti dibawah ini.

Kalo lu udah selesai ama generator ini, coba deh, lu tes efeknya dengan alat analisa robots.txt. Kalo udah selesai, lu tinggal nge-save file hasilnya di bagian direktori paling atas (root). Ada beberapa hal yang musti lu inget tentang file robots.txt :

* Enggak semua mesin pencari akan mendukung setiap extension menuju file-file robots.txt

Generator Robots.txt bikin file-file yang akan dimengerti oleh Googlebot, dan mayoritas robot-robot lain sih bakal ngerti juga. Tapi mungkin juga beberapa robot nggak akan ngerti semua fitur robots.txt yang digunain sama generator ini.

* Robots.txt adalah sebuah request sederhana

Walopun nggak dari sebuah mesin pencari utama,ada beberapa robot yang munbgkin abai isi dari robots.txt dan jadinya crawl langung ngeblok ajah. Kalo lu punya isi situs yang sensitif dan butuh perlindungan menyeluruh, elu musti narok password protection daripada ngandelin robots.txt.

Kita arepin sih alat baru ini bisa nolongin elu berkomunikasi tentang hal-hal yang elu pinginin ke Googlebot dan robot-robot lain yang ngunjunbgin situs elu. Kalo elu mau belajar lagi tentang robots.txt files, pergi aja ke Help Center. Lantas kalo elu masih bingung, pegi aja ke Google Webmaster Help Group.

Beda-beda Background di tiap postingan !

2008-03-17T09:40:00.006+07:00

Sebuah background di tiap postingan akan menimbulkan efek profesional di blog sampeyan pade ! Contohnye,jika elu punya blog yang mbahas tentang piknik, terus latar belakang postingan bergambar gerojogan sewu pasti akan mengena sekali, istilahe cocok karo regane ndhog ! Elu juga bisa bikin gambar latar belakang transparan di belakang teks, dimana yang akan berputar cumak teksnya doang !

Tus gimana dong kalo topik postingna kita beda2 ? Pake yang gw saranin tadi, bikin background yang beda-beda tiap postingan sesuai dengan tema.......

Ayo kita bahas deh atu-atu...

SUMBER GAMBAR
Langkah pertama jelas nyari gambar yang cocok sama tema postingan elu pade. Untuk amannya gunain mbah Google buat nyari gambar yang bebas hak cipta.

SIMPAN GAMBAR DI TEMPAT PENYIMPANAN GRATIS
Langkah selanjutnya adalah menyimpan gambar tadi ke tempat penyimpanan gratisan dan segera lu copy code link-nya. Paling bagus adalah http://www.imageshack.us Kalo lu nggunain Googlepages atau Photobucket.com lu bakalan nyesel, karena bandwith mereka sangat terbatas....

TARO KODE TADI DI POST TEMPLATE
1. Login ke Blogger.com.
2. Klik di Settings link di Dashboard.
3. Klik di Formatting subtab di bagian Settings tab.
4. Lihat ke bawah di Formatting tab ke Post Template di bagian terbawah.
5. Paste kode ini di atas kotak :


<div style="background:url(LINK_OF_PICTURE) no-repeat;">

dan paste kode ini di bawah kotak :


</div>

6. Save Setting.
7. Klik di Posting tab di bagian atas.
8. Post Editor bakal kebuka dan kode elu tadi udah ada tuh didalemnya.
9. Ganti 'LINK_OF_PICTURE' dengan link beneran gambar elu tadi. Kalo lu pengen gambar itu berulang terus tinggal lu hapus "no-repeat" di barisan kode itu.

Ketik postingan elu sebelum tag di bagian bawah, kasih judul dan Publish.

Coba sono gih, manyun aje !!

Seneng dan merasa terbantu dengan artikel di atas ? Langganan lewat email deh disini biar selalu uptodate !

Courtesy of Dummies Guide for Blogger Beta , translated into Indonesian by Bikinblogger !

Google Ad Manager - Introducing

2008-03-14T08:34:00.004+07:00

Penguasaan iklan online oleh mbah Google berlanjut, ini adalah hasil dari pencaplokan doubleclick beberapa waktu yang lalu, setelah dihadang oleh EU, tapi kemaren lolos...gak kaya microsoft...maka mbah Google semakin menggelo sipatugelo !

Kalo elu mengoperasiken situs yang cadangan iklan yang banyak dan pakai iklan langsung di web elu (gak melalui perantara semacem adsense,adbrite,kumpulblogger,kliksaya) maka Google Ad Manager ini cocok buat elu ! Soalnya bisa nolongin elu buat ngejual,ngejadwal,ngirim, sekaligus ngukur laku tidaknya iklan dan disesuaikan dengan cadangan iklan yang mau lu iklanin. Google Ad Manager menawarkan buanyak sekali fitur, termasuk intuitive user interface (mempelajari sifat user), automated yield optimization ( kalo di mobil ini VVTI, jadi otomatis ngoptimalin iklan mana aja yang bikin lu kaya !), dan sudah jelas pembuktian kecepatan dan kehandalan dari mbah Google. Yang terbaik dari itu semua adalah GRATIS !!

OK mari kita pelajari ya ?

TENTUKAN INVENTORI SITUS ELU

Menentukan inventori Slot Iklan

Segmentasikan website lu kedalam slot-slot iklan dan penempatannya untuk menentukan inventori dan menyederhanakan trafficking

MEMBIKIN TAG-TAG IKLAN
Secara otomatis membikin kode snippet HTML dan JavaScript di halaman elu.

Bikin tag-tag iklan

MENGECEK KETERSEDIAAN IKLAN
Memastikan apakah ada impresi iklan yang cukup tersedia untuk tanggal tertentu,penempatan maupun pencapaian sasaran iklan (Negara,Bahasa,Jenis Kelamin dll.)

Ketersediaan iklan

JUAL INVENTORI DAN TAMPILKAN IKLAN ELU !
Upload-lah creatives, kemudian aktifkan line item buat nampilin iklan

Tampilan Inventori Iklan

JALANKAN LAPORAN KINERJA IKLAN
Memilah data, nambahin atau ngurangin kolom, dan ngedit tanpa harus ninggalin halaman tertentu atau buka laporan baru lagi.

Laporan Kinerja Iklan

Mantab kan ?
Cobain gih...gratis ini....

Lu ngerasa terbantu dan dapet info penting dari tulisan diatas ? Lu gak mau ketinggalan berita penting lagi ? Maka elu harus langganan di sini lewat email, bia gak ketinggalan info ! Buruan KLIK SINI !

Mencari tahu the Daily Page Views untuk tiap rubrik Wikipedia

2008-03-13T11:34:00.003+07:00

Wikipedia merajai halaman depan mbah Google hampir untuk tiap istilah yang dikenal manusia seperti American Idol, Blogs, iPod, SEO atau Britney Spears.

Nggak heranlah, secara halaman Wikipedia (lebih dari 2 juta halaman) dapet trafik organik yang brutal dari mbah google dan mesin pencari lainnya. Tapi macem mana kamu bisa tahu berapa kali halaman artikel di wikipedia itu dilihat (atau di-hits) tiap harinya ?

Dengan menggunakan raw server logs dari Wikistats, Admin Wikipedia Henrik meniptakan alat di stats.grok.se yang bisa menunjukkan berapa kali halaman tertentu sudah dilihat di Wikipedia. Ini mirip dengan Google Analytics buat Wikipedia dengan akses publik.

Statistik Wikipedia....

Lantas apa gunanya buat blogger ? Jelas, ini bisa jadi tambang emas buat isi konten blog kita karena trafik dari artikel wikipedia individual seringkali seiring dengan popularitas term tersebut di jagad intenet. Sebagai contoh, Notebook dan Laptop tentu saja dasarnya adalah dua hal yang sama tapi ternyata orang lebih suka menggunakan term Laptop daripada Notebook.

Dan jelas ini jauh lebih bagus daripada Google Trends, BlogPulse atay layanan buzz tracking yang lain karena di sini elu bisa tahu dengan tepat JUMLAH pembaca, bukan data relatifa. (Baca: "How to Track Wikipedia Articles")

Seneng dan merasa terbantu dengan artikel di atas ? Langganan lewat email deh disini biar selalu uptodate !

Courtesy of Amit Argawal translated into Bahasa Indonesia by Bikinblogger

Bikin Video Search di blogger...

2008-02-25T11:55:00.003+07:00

Kalo lu pengen bikin video search yang terkastomisasi (ada pilihan search yang bisa lu isi menunya sendiri) macem punya gua ini (lihat di bagian paling bawah noh), itu tidak sesulit yang elu bayangin loh, cumak tiga jurus saja:

1. Lu Save dulu deh copy dari template elu yang sekarang ke hard drive lokal elu, kemudian lu musti dapetin kunci dari mbah Google.

2. Seperti biasa, buka Template->Edit HTML, pastikan "Expand Widget Templates" udah lu centhang. Tambahin kode dibawah ini, tepat setelah tag penutup </head>, dan gantiin kode dibawah yang udah ditebelin dengan kunci lu sendiri seperti di langkah nomer satu tadi. Kemudian Save template luh.


  <script src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=ABQIAA8UsdRzPglCG4j-KxFJ5BGdbNuZw'
type='text/javascript'/>
<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet'
type='text/css'/>
<script src='http://www.google.com/uds/solutions/videobar/gsvideobar.js'
type='text/javascript'/>
<link href='http://www.google.com/uds/solutions/videobar/gsvideobar.css'
rel='stylesheet' type='text/css'/>

3. Sekarang lu tambah widget satu lagi deh,pergi ke template=>page element=>tambah page element=>HTML/Javascript

a. Lu lihat kode dibawah ini :
</b:section>
</div>
<div id='sidebar-wrapper'>

b. Tambahin baris kode dibawah ini tepat sebelum baris kode di langkah 3.a diatas:


  <b:widget id='TextList1' locked='false' title='Interesting Video Search' type='TextList'>
<b:includable id='main'>

<!-- Video Mod/Hack by Hoctro. Free for use
in Blogger Beta. Please do not remove this
line & refer others to my original hacks
stored at http://hoctro.blogspot.com for proper
installation and latest updates - 10/18/06 -->

<h2><data:title/></h2>
<div id='videoPlayer'>Loading...</div>
<div class='widget-content'>
  <center>
  <div class='video-tags'>
    <b:loop values='data:items' var='item'>
      <a expr:href='"javascript:vbm.execute(\"" + data:item + "\")"'><data:item/></a>
      <span class='tag-sep'>|</span>
    </b:loop>
  </div>

  <div class='horizontalVideobar' id='videoBarMiddle'>Sabar...</div>
  </center>
 
  <script type='text/javascript'>
   var vbm;
   var options = {
       largeResultSet : true,
       horizontal : true,
       thumbnailSize : GSvideoBar.THUMBNAILS_SMALL
     }
     // set up the right bar as the master
     vbm = new GSvideoBar(
                 document.getElementById("videoBarMiddle"),
                 document.getElementById("videoPlayer"),
                 options
                 );

     vbm.execute("koeaing");
  </script>
  <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

c. Tambahin entry di video search lu yang baru lu bikin ini,buka Template->Page Element, klik "Edit" di persegi panjang yang ada tulisannya "Interesting Video ..."

4. Selesai dan segera beramal ke Fakir miskin !

Posting tersjadwal, fitur baru di blogger !

2008-02-20T14:44:00.003+07:00

Kalo lu pade ngeliat postingan ini, berarti Postingan terjadwal berhasil !!

Udah sering kita ngarepin kapan nih blogger bisa bikin fitur postingan terjadwal kayak wordpress berbayar ! Dan trnyata mereka mendengar sodara-sodara ! Buat elu yang gaptek dan bertanya-tanya, apa sih postingan terjadwal itu ? Postingan terjadwal yaitu berarti elu bisa nulis sebanyak-banyaknya, dan lu bisa ngatur kapan mau di terbitin. Misalkan elu lagi mood nulis dan sambungan internet lu lagi bagus-bagusnya....maka elu bisa masukin semua postingan, terus ngeset masing-masing postingan di tanggal yang elu inginkan, misalkan satu hari kedepan, dua hari ke depan...jadi kita bisa terlihat RAJIN UPDATE ! Bisa nyetok tulisan men ! Mantabh ! Saat tulisan ini dibuat layanan itu masih ada di Blogger in draft. Jadi lu mesti login ke sono dulu !

Nerbitin postingan di beberapa hari ke depan sih sebenernya sangat sederhana: di bagian post editor, lu ganti aja tanggal dan waktu di bagian “Post Options” misalkan tanggal sekian jam sekian dua hari ke depan. Pas elu ngeklik tombol “Publish”, otomatis postingan elu jadi “scheduled.” Kalu tanggal dan waktunya sudah tiba, postingan elu bakal otomatis terbit di blog elu....asyik kan ?

Postingan2 terjadwal lu bakal nongkrong di daptar Edit Posts list deketan ama drafts dan published . Buat un-schedule sebuah postingan, lu save ajah sebagai sebuah draft kapanpun yang penting sebelum tanggal terbitnya.

Ingat: seperti semua fitur blogger yang belum di luncurkan resmi, postingan terjadwal hanya bekerja ketika elu login lewat http://draft.blogger.com/.

Komentar lah !!

Catatan tambahan:

* Kite dah tau kalo beberapa bloggers pada nggunain future post dates biar postingan jagoan nongkrong terus dibagian atas di blog mereka. Walopun kita saranin lu pade buat ngunain sebuah Text page element saja, tapi elu juga bisa tetep nglakuin kebiasaan lama lu ini dengen beebrapa langkah tambahan sederhana. Pertama, terbitin postingan elu dengan tanggal dan waktu sekarang. Maka postingan ini langsung ditampilin di blog elu pade. Kemudian, sekali postingan itu diterbitin, editlah dengan cara merubah tanggal ke beberapa waktu ke depan dan segera terbitin lagi. Blogger enggak nerbitin ulang postingan2 yang udah diterbitin soalnya,jadi postingan bakal tetep nongkrong di blog eluh tapi tetep di urutan paling atas.
* Karena ini menyangkut postingan yang udah terbit, post editor enggak ngelakuin autosave postingan2 terjadwal kalo lu nyoba balik dan ngedit psotingan2 itu. Misalkan elu gak jadi nerbitin postingan pas elu ngedit ? Elu tinggal nge-save postingan terjadwal itu sebagai sebuah draft buat ngeganti penjadwalan dan ini akan membuat autosave kembali dinyalain.
* Di berbagai tests yang dilakuin blogger mereka menemukan beberapa hal diantaranya yaitu postingan terjadwal tidak berjalan di FTP blogs. Kalo lu pake FTP blogs, maka berkomentarlah, biar kita bisa ngelacak errornya....

Adsense Multi-placement in Blogger-10 tempat buat narok Adsense di Blogger !

2007-11-18T20:14:00.002+07:00

Dengan berubahnya basa pemrograman yang menyusun Blogger templates, html xml, nambahin iklan model AdSense langsung di template kadang begitu menjengkelkan, blon lagi masalah error di syntax yang bikin nggak bisa di-save , bener-bener bikin stress !

Apakah kita harus nyerah ? Ya nggak to....halangan itu anggep aja hadiah buat kenikmatan ntar kalo udah jad ! Nah, ini ada daftar 10 tempat di blogger di mana orang biasa narok AdSense ato iklan lu sendiri, dan juga membicarakan kira-kira format iklan ukuran berapa yang cocok di masing-masing bagian itu.

1.SIDEBAR/SISI SAMPING

JUKLAK. Ini sih paling gampang buat ditarokin adsense. Tinggal ke panel elements (staffing / page elements) dan tambahin aja sebuah widget dengan kode html atau bisa juga pake widget AdSense langsung.

Format yang dianjurkeun: 125×125, 120×600 dan 160×600

2.DIANTARA POSTINGAN

Narok diantara postingan sudah gua jelasin di narok Adsense di tengah postingan (versi ala Blogger) atau versi ngulik di Narok Adsense di Postingan...

Format iklan yang dianjurkeun: 468 × 60, 300 × 250 and 336 × 280

3.DIBAWAH HEADER

JUKLAK
- Tentang narok Adsense di Header (pas di headernya) sudah dijelasin sebelumnya
- Lu harus genti dulu (parsing) kode elu menjadi karakter xml. Lu bisa nggunain converter online.
- Lihat kode ini di template eluh


 <div id='header-wrapper'>

- Paste kode yang udah terkonversi tepat setelah baris kode diatas.

Format yang dianjurkeun: 728×90 dan 728×15

4.DI ENTRI KOLOM/atas Judul

JUKLAK:
-Lu convert dulu kode Adsense lu kayak diatas.
-Cari kode dibawah ini di template eluh


 <div id='main-wrapper'>

-Segera Paste kode yang udah terkonversi tadi tepat setelah kode diatas.

Format yang dianjurkeun: 460×68, 468×15 dan 336×280

5.DIBAWAH JUDUL POST (terlihat di seluruh halaman)

JUKLAK
- Lu convert dulu kode AdSense lu lah.
- Jangan lupa, centang Expands template widgets dan cari kode dibawah ini


 <div class='post-header-line-1'/>

(tapi nggak usah ditambahin /)
-Paste kodenya setelah kode di kurungan merah diatas.

Format yang direkomendasikeun: 468×68 dan 468×15

5.Dibawah judul postingan (tapi hanya terlihat di halaman depan saja)

JUKLAK:
-Ubah dulu kode HTML iklan elu.
-Centang Expands template widgets dan carilah kode dibawah ini


  <div class='post-header-line-1'/>

(tapi gak usah make /)
-Kemudian Paste kode berikut menjadi kayak gini:

<B: if cond ='data: blog.pageType == "item"'> <! -- Tarok kode AdSense lu di sini --> </ b: if>

Format yang diandjurkeun : 468 × 68 and 468 × 15

7.SETELAH ALENIA AKHIR POSTINGAN

JUKLAK:
-Seperti biasa udah dulu kode AdSense lu menjadi xml yang udah di parsed.
-Lu centang deh Expands template widgets dan cari kode dibawah ini

<pclass='post-footer-line post-footer-line-3'/>

(tapi gak usah pake /)
-Paste kodenya sehabis kode di atas.

Format yang dianjurkeun: 468×68 dan 468×15

8.DALAM HALAMAN POST (terlihat terus)

JUKLAK:
-Seperti biasa udah dulu kode AdSense lu menjadi xml yang udah di parsed.
-Lu centang deh Expands template widgets dan cari kode dibawah ini

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

(tapi kalo nyari ini aja deh <div class='post-body'>)
-Paste kodenya seperti dibawah ini:

<Div style = "float: right '> <! -- Tarok kode lu di sini --> </ div>

Format yang dianjurkeun: 125 × 125, 180 × 150,120 × 240 and 200 × 200

9.SETELAH ALENIA AKHIR POSTINGAN

JUKLAK:
-Seperti biasa udah dulu kode AdSense lu menjadi xml yang udah di parsed.
-Lu centang deh Expands template widgets dan cari kode dibawah ini

<pclass='post-footer-line post-footer-line-3'/>

(tapi gak usah nyari /)
-Paste kodenya sehabis kode di atas.

Format yang dianjurkeun: 468×68 dan 468×15

10.DIANTARA POSTINGAN dan KOMENTAR (terlihat hanya kalo dibuka per post)

JUKLAK:
-Seperti biasa udah dulu kode AdSense lu menjadi xml yang udah di parsed.
-Lu centang deh Expands template widgets dan cari kode dibawah ini

</ b: includable><b:includable id=’commentDeleteIcon’ var=’comment’> <B: includable id = 'commentDeleteIcon' var = 'comment'>

-Paste kodenya seperti dibawah ini:

<B: if cond = 'data: blog.pageType == "item"'> <! -- Tarok kode lu di sini --> </ b: if>

Format yang dianjurkeun: 468 × 60, 300 × 250 and 336 × 280

11.DI BAGIAN PALING BAWAH BLOG

JUKLAK:
-Seperti biasa udah dulu kode AdSense lu menjadi xml yang udah di parsed.
-Lu centang deh Expands template widgets dan cari kode dibawah ini

<div id='footer-wrapper'>

-Paste kodenya sehabis kode di atas.

Format yang dianjurkeun: 728 × 90 and 728 × 15

PPP (Pertanyaan Paling Sering Diajukan)

Gua dahuluin lu pade seblon lu tanya:
Gua gak bisa nemuin kode-kode lu itu men, cem mana neh ?
Ah, paling lu lupa nyenthang expanded template, makanya centhang dulu ah ! Sebenernya sih di kode asli dari blogger pasti ada, kode itu dimodif atao diilangin karena elu make template yang udah dimodif.

Kok iklan yang muncul gak karu-karuan,kenapa?
Tampilan iklan bakal kepengaruh sama styles (css) di bagian selectors (divs) yang berbagai template dan mungkin saja salah satunya bisa salah kodenya, di sini lu musti kreatif buat ngutak atik kodenya (style), atau lu ngawur-ngawur dikit tapi pake utek ato lebih brutal lagi sekalian aja lu ganti templatenya!

Bolehkah kesepulu2nya gua tarok semua di blog gua?
Nggak boleh njing, kira-kira aja masang iklan,kan AdSense juga ada batesnya, tiga adsense for text,tiga AdLink dan dua referral dalam satu halaman.

Kenapa sih musti repot nge-parsed dulu kode AdSense kan jadinya cape deh?
Emang begitu dari sononya kalo mau kode lu terbaca sebagai text, bukan sebagai kode,dan lagi biar gak error kalo disaving.

diterjemahin dari basa Spanyol mawut BlogandWeb !

robot.txt baru dari mbah Gugel....

2007-11-12T14:24:00.000+07:00

Dlancuk !
Setelah berbulan-bulan nyari tahu kenapa bikinblogger kok menurun sekali crawler dari search engine-nya mbah gugel, ternyata biang keroknya ada di robot.txt ! Coba lu pade tengok status robot.txt elu di sini nih : http://namabloglu.blogspot.com/robots.txt ...nha lu bakal lihat ada code baru yang berbentuk seperti ini :


User-agent: *
Disallow: /search

Coba lihat Disallow : /search, ini yang bikin setiap kali googlebot dateng mampir ke situs bikinblogger ini (setidaknya sekali dalam sehari) maka akan bilang ke google bot :" Oyy...lu gak usah lihat labels deh....lu lihat langsung body postingan ajah alias content, lebih mantabh noh ! "

Masih inget gak lu, labelling ini kan baru ada setelah blogger menjadi new blogger yang berbasis xml. Nah tiap label itu punya halamannya sendiri. Si file robot ini memastikan bahwa halaman-halaman label ini tidak di-crawled dan di-index sama search engine bot apapun ! Mau MSN, yahoo ato mbah gugel ! Tentu saja bagus bagi search engine, lebih efisien dalam mengrawling milyaran halaman tiap harinya tanpa takut double content, tapi kita sebagai publisher keblangsak ! Wedhus !

Dan itu berakibat fatal sodara-sodara ! Hampir anjlog ke nol persen hasil pencarian melalui search engine ! Wedhus ! Orang-orang google sih bilang ini demi menghindari duplicate content, dari nama-nama label yang berserakan di dunia web. Tapi so what gitu loh ! Kan mereka bilang unlimited storage kan ? Baru kali ini gua ngerasa benci ke mbah gugel nih !

Dan sedihnya, kita gak bisa ngedit robot.txt ini :( padahal gampang aja , tinggal ilangin /search itu jadi beres lagi ! Dari sini kita bisa ngambil pelajaran :
1. Semakin lama mbah gugel semakin kejem
2. Baru kali ini gua nemuin kelemahan blogger
3. Gua belum tahu, yang pake hostingan gimana, bisa diuthak-athik sendiri nggak ? (harusnya sih bisa), gua punya sih hostingan sendiri, cumak pake phpnuke CMS nya , jadi males ngutak-atiknya. Lagian semua orang kelihatannya pake WP deh sekarang, pengembang phpnuke cuman tinggal diitung dengen jari !
4. Content adalah panglima, SEO terbaik adalah content ! Mas Steve Pavlina memang edan ! Bener dia seorang futurolog !

Hayo lah bagi-bagi pengalaman elu disini ! Gua tunggu yah ?

SEO Tactics Dasar untuk SERP

2007-11-09T13:36:00.000+07:00

SEO paan sih ? SERP paan sih ? Dalam rangka mengantisipasi newbie dalam dunia perbloggingan gua kasih tahu lagi deh, SEO (Search Engine Optimization) yaitu teknik gimana caranya biar blog kita nangkring di halaman awal search engine, dalam hal ini tentu saja mbah Gugel. Ingat prinsip G to G ala bikinblogger. Lantas SERP paan men ? Search Engine Result Page, emangnya cuman ABRI doang yang jago akronim ? Di dunia ginian sama ajah...lebih parah malah...

Bagaimana dengan yahoo dan MSN ? Boleh juga, tapi kita fokus ke yang terbesar dulu deh, mbah Gugel. Walopun dari tahun 2003-an search engine algorithma buat crawling nggak terlalu meduliin H1 atau code HTML yang lain, cuman ada baiknya kita coba, siapa tahu masih ada celahnya...daripada nggak ada sama sekali. OK let's get it on :

The Meta Keywords, Description dan Robots tag — Google nggunain description copy buat masarin situs lu di halaman pencarian mereka, makanya elu harus memberlakukannya sebagai alat penjualan situs lu juga. Pastiin halaman sitemap.xml elu TERUS MENERUS tercrawler sama mbah Gugel. Cara bikin sitemap.xml ada di sini nih...

The Title Tag - Aspek paling penting dari on-page SEO, yaitu JUDUL.

The Body Text (tebelin aja kata kunci yang elu incer di halaman postingan lu, misal lu pengen semua orang yang nyari kata kunci TOKET biar nyangsang ke blog lu...:P

Kalimat pertama di the body text dan kata-kata pertama dalam kalimat yaitu bagian terpenting juga dari on-page SEO (bikinlah semanusiawi mungkin dan terbaca sama search engine) Kata-kata yang digunakan di awal kalimat adalah yang paling terpenting, karena penerapan algoritma LSI-nya mbah Gugel. LSI algorithm.

Algoritma LSI itu akronim maning cep ! Latent Semantic Indexing, yaitu algoritma yang mencobna meniru pola pikir otak kita ! Misalkan elu pengen menulis tentang keindahan wanita, maka biasanya lu ulangi sadar-nggak sadar kata-kata seperti TOKET, PANTAT ,MUKA pokoknya yang berhubungan dengan itu. Nah mesin pencari juga akan punya pikiran demikian. Lu kan sering lihat kan kadang ada kata-kata tambahan penggoda dari mbah google kalo lu salah nulis sebagai toked, biasanya mbah Gugel akan bilang Do you mean TOKET ? lha itu LSI sudah bekerja...

The URL — Folder subdirectory dan halaman isi haruslah ter-SEO juga (contoh :
http://bikinblogger.blogspot.com/search/label/SEO akan besar kemungkinan tercrawl sama mesin pencarinya mbah Gugel di halaman atas SERP nya, yang membahas mengenai SEO - terutama yang otoritasinya tinggi (PR), relevan, dan banyak mengandung in-bound links)

SEO tactics....

The H1 dan H2 Texts juga penting - Kenapa? Karena mereka inilah yang 'memamerkan diri' biar dilirik crawler-nya search engine sebagai 'kencan utama' dan hal inilah membuat daftar isi situs kita terindeks kalo mereka berhasil kencan. Buatlah keyword yang akrab di telinga dan mencerminkan judul halaman kita juga, nyambung lah pokokna mah !

Same Site Link Texts — Koneksi antar halaman di satu situs harus mengandung keyword target yang sama dengan link keluar situs luh — walopun agak melelahkan, target keyword yang bervariasi juga akan menolong.

Same-Site Link URLs — Keywords doang ga cukup buat SEO, URL link elu pun harus SEO-friendly ( contoh : http://domain.com/your-keyword.html)

Outbound Link Text — Sumber link elu juga musti di SEO-in, kalo lu punya situs tentang internet marketing dan punya link ke alamat email sebuah perusahaan marketing (email marketing software sebagai contoh ),misalkan elu nulisnya begini “Put your internet marketing on auto-pilot and use the best tool for internet marketers today - internet marketing email software. Abis itu tinggal improve varian internet marketing ajah.

IMG Alt Tags — Gambar lu pade musti lu deskripsiin dengan tag ALT yang harus lu isi dengan keyword yang lu sasar - kalo gambar elu lu tarok di web-host lu sendiri, penamaan file gambar juga harus di SEO-in — Misalkan jika elu punya gambar mengenai TOKET sebisa mungkin nama gambar lu harus TOKET.jpg di folder gambar elu.

Keyword Density — 8% adalah ukuran sempurnanya dan tidak terlalu kelihatan sebagai spam, misalkan lu punya postingan sebanyak 500 kata, maka sebanyak 40 kata-katanya harus mengandung keyword yang lu sasar beserta variasinya, kalo masih lu rasa kebanyakan, kurangi aja jadi 5% dan itu berarti cumak 25 variasi keyword. Dan ini baru awalnya lho… (Keyword yang menonjol emang penting, cumak gak usah dibahas disini dulu deh).

Your HTML comments should have your SEO terms in them (!!) — ada yang bertanya tentang relevansinya dengan PR lu, gua sih blon yakin juga, tapi kebanyakan situs besar punya html comments yang berhubungan dengan search terms mereka. Kalo lu udah tamat mempelajari isi on-page lu, lu bisa nyiriin deh bahwa situs-situs yang PR-nya tinggi itu kebantu dengan komentar-komentara di situs itu yang mengandung keywaord yang dicari orang di search engine! Jadi memang halaman komentar itu penting !

Selamat mencoba !
Property of Miles Price, translated to Indonesian by Bikinblogger.

Wordpress Comment Style in Blogger

2007-11-06T10:43:00.000+07:00

Sering kali kita males nulis comment di blog yang berbasis blogger karena kesannya ribet, perlu beberapa langkah buat nulis komen saja. Yang tadinya menggebu-nggebu niat mau komen jadi BT karena prosedur rese dari blogger buat sekedar komen saja. Lain dengan wordpress yang langsung nyediain kolom komen di halaman yang sama, kemungkinan orang ngisi komen lebih besar, karena gak ribet, jadi gak keburu BT.

Nah, ada orang pinter yang bernama jackbook, yang bisa mecahin soal ini. Edan tenan ini orang. Lu bisa lihat contohnya di bikinblogger bagian komentar ini, bagus kan ?

Lantas bagaimana caranya dong bik (panggilan panggung Bikinblogger)...tenang saja gua terangin ah.

1. Elu musti nyet-up comment in pop up window =>dasboard=>setting=>comment => enable pop up comment.

2.Pindah lah ke template=>edit HTML=> centang expand widgetnya=>Dowload full templatenya=> lu namain cobakomentarwp.xml.

Ingat selalu, lu tambahin .xml di belakang nama file, dan save as rtf file.

3. Buka wordpad lu kalo pake windows, kalo pake linux pake Gedit.=>Find/Search kode dibawah ini


<b:includable id=\'comments\' var=\'post\'>
<div class=\'comments\' id=\'comments\'>
<a name=\'comments\'/>
<b:if cond=\'data:post.allowComments\'>
<h4>
<b:if cond=\'data:post.numComments == 1\'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id=\'comments-block\'>
<b:loop values=\'data:post.comments\' var=\'comment\'>
<dt class=\'comment-author\' expr:id=\'\"comment-\" + data:comment.id\'>
<a expr:name=\'\"comment-\" + data:comment.id\'/>
<b:if cond=\'data:comment.authorUrl\'>
<a expr:href=\'data:comment.authorUrl\' rel=\'nofollow\'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class=\'comment-body\'>
<b:if cond=\'data:comment.isDeleted\'>
<span class=\'deleted-comment\'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class=\'comment-footer\'>
<span class=\'comment-timestamp\'>
<a expr:href=\'\"#comment-\" + data:comment.id\' title=\'comment permalink\'>
<data:comment.timestamp/>
</a>
<b:include data=\'comment\' name=\'commentDeleteIcon\'/>
</span>
</dd>
</b:loop>
</dl>

<p class=\'comment-footer\'>
<a expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'><data:postCommentMsg/></a>
</p>

</b:if>

<div id=\'backlinks-container\'>
<div expr:id=\'data:widget.instanceId + \"_backlinks-container\"\'>
<b:if cond=\'data:post.showBacklinks\'>
<b:include data=\'post\' name=\'backlinks\'/>
</b:if>
</div>
</div>
</div>
</b:includable>

Kemudian lu genti gih sama kode dibawah :


<b:includable id=\'comments\' var=\'post\'>
<div class=\'comments\' id=\'comments\'>
<div class=\'comments\' id=\'comments\'>
<a name=\'comments\'/>
<b:if cond=\'data:post.allowComments\'>
<h4 id=\'comments\'>Comments for this post</h4>
<div id=\'comment-frame\' style=\'border: medium none ; background: transparent none repeat scroll 0%; display: block; height:750px; width: 98%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;\'>
<iframe expr:src=\'data:post.addCommentUrl\' frameborder=\'0\' height=\'100%\' scrolling=\'auto\' style=\'border:none; background: transparent none repeat scroll 0%; \' width=\'100%\'/>
</div>
</b:if>
</div>

<div id=\'backlinks-container\'>
<div expr:id=\'data:widget.instanceId + \"_backlinks-container\"\'>
<b:if cond=\'data:post.showBacklinks\'>
<b:include data=\'post\' name=\'backlinks\'/>
</b:if>
</div>
</div>
</div>
</b:includable>

4. Search/find lagi kode dibawah ini :


<a class=\'comment-link\' expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'>

Kemudian lu genti deh ama kode dibawah ini :


<a expr:href=\'data:post.url + \"#comments\"\'>

5. Save template elu.

6.Pergi ke dashbor elu=>template=>restore/Back up template=>browse=>cobakomentarwp.xml=>upload=>save template =>Jadi deh ! HORE !

Di kode diatas, elu bakalan nemuin kode macem bawah ini :


http://lifewg.googlepages.com/html-code-leave-comment.gif

Itu tuh isinya gambar comment, kan critanya kita nggunain iframe nih buat nge-hack (hehehe....licik ya ?), nah gambarnya sih gambar default mbah blogger kayak inih :

Kalo lu mau, lu bisa pake gambar lu sendiri. Misalkan background biru, huruf digenti arial, biar cocok sama tema template blogger lu. Kalo lu kreatif sih boleh juga, gua males sih...heheheh/..kalo ada yang sudah buat bilangin gua ya ? Ntar tak copy...hahahah..dasar blogger males.

Webmasters - Pilihan geographic yang lebih mantab !

2007-11-02T13:39:00.000+07:00

Mulai hari ini Google Webmaster Tools ngasih hadiah kita buat kontrol yang lebih manteb buat target negara yang mau kita tuju baik secara level-domain, subdomain, ato per-directory level. Informasi yang kita kasih ke mbah Gogel akan menentukan bagaimana situs kita muncul di hasil pencarian yang berbasis negra tertentu, dan tentu saja membantu mbah Gugel buat meningkatakan permintaan search per negara. simbiosis mutualisme lah !

Saat ini sih mbah gugel cuman ngijini asosiasi situs kita hanya dengan satu negara dan lokasi. Kalo situs elu berhubungan dengan area tertentu, seperti negara,provinsi atao bahkan benua tertentu, segera kasih tahu ajah mbah gugel. Atao bisa juga sebaliknya kalo situs elu nggak berhubungan dengan negara tertentu. Kalo elu nggak masukin apapun di Webmaster Tools, maka mbah Gugel akan menentukan sendiri asosiasi berdasarkan geografi largely based on the top-level domain (e.g. .co.uk or .ca) and the IP of the webserver dari mana server situs elu berasal.

Sebagai contoh nih, kalo kita mau mengasosiasikan www.google.com dengan Hungaria:

Dan elu nggak pingin situs diatas berasosiasi dengan negara yang lain.....

Layanan ini terlarang buat situs yang memakai kode negara dengan top level domain, karena mbah Gugel tetep mengasosiasikan situs-situs demikian dengan domain negara. (contohnya, google.ru akan selalu merupakan versi mbah Google yang berasosiasi dengan Russia.)

Sabage catatan ajah mbah Google juga akan melakukan hal yang sama kalo elu ndaftarin nama elu di Google Local Business Center, .

Layanan ini dimulai juga dari feedback elu-elu, jadi mbah Gugel pun mengucapkan terima kasih la yaw !. mBah Google katanya sih selalu ngasih layanan berbasis umpan balik sehingga saling menguntungkan.

Kalo elu punya ide atau feedback buat mbah Gugel kirim aja ke discussion group.

Narok Adsense di Header !

2007-10-30T14:13:00.000+07:00

Trick ini memungkinkan eluh buat narok search box ato iklan adsense pas di header blog eluh. Buat nggunain hack ini pertama-tama seperti biasa backup dulu template lu. Nah sekarang lu edit Template html seperti dibawah setelah tentu saja setelah mencenthang expanding the widget template.

Cari kode seperti dibawah ini.


<div class='descriptionwrapper'>
<p

class='description'><span><data:description/></span></p>

Nah sekarang lu bisa narok search box atau adsense biar bisa nongkrong di bawah deskripsi blog lu , tinggal tarok kode adsense yang udah di parse diatas kode diatas.

Mantab kan ?

Courtesy of Simple Tricks ,translated to Indonesian by Bikinblogger

AdSense CTR Booster !

2007-10-04T10:59:00.000+07:00

Courtesy of High Paying Keywords , translated into Indonesian by bikinblogger, as usual..Slamet pagi (cieeeeeee...), barusan gua nemuin cara 'kuno' tapi nggak kepikiran nih buat bikin. Cumak ngandelin HTML kacangan sama kode AdSense jadi deh. Dulu sebagaimana gua tulis di tulisan bagaimana mengamankan akun adsense anda, trik ini digunain buat masang gambar disamping kode adsense, misalnya dikasih gambar cewek cakep yang aurathnya hampir loncat. Jadi pengunjung digiring buat ngeklik iklan lewat 'mata'. Gara-gara itu Adsense melarang dan bahkan masukin bab khusus di TOS mereka.

Tapi ingat HARAPAN itu masih ada coy ! Setidaknya ganti gambar itu dengan AdSense Referral ! Cerdas kan ?

Seblon kejauhan lihat nih gambar dibawah :

Daripada nggunain gambar aurath, tarok aja lah Google Referral scripts dan jelas elu gak bakal bisa nemuin di Google Adsense TOS kalo kita gak bisa nempatin Google Adsense Ad Blocks deketan ama Google Adsense Ads jadi AMAN JALI sodara-sodara !!

Strategi ini jelas sudah menaikkan Google Adsense CTR-nya si HPK ini secara brutal dan mendalam !! Blon lagi ngasih kesempatan buat memberi kesempatan biar dapet pendapatan lebih dari referrals karena itu memang susah banget sih kecuali jika traffic lu edan-edanan.

Tus bagaimana caranya ??

Gini men , cara ngecampur di blog luh. Kalo elu pengen bikin Google ads campur sama 3 Google Referral Ad blocks seperti ditampilkeun di gambar tadi ini maka elu musti nglakuin :

1.TAPA PENDHEM sama NGROWOT 33 hari non stop !
2.Kalo udah mau mati baru bikin kode dibawah ini :


<table width=”490″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”130″ height=”68″>{Firefox Referral Code}</td>
<td width=”346″ rowspan=”3″>{336×280 Google Adsense Block Code}</td>
</tr>
<tr>
<td height=”68″>{Adsense Referral Code}</td>
</tr>
<tr>
<td height=”68″>{Adwords Referral Code}</td>
</tr>
</table>

Kalo cumak 1 blok Google Referral Ad , pakelah kode dibawah:


<div style=”margin-bottom:50px;margin-top:10px”>
<div style=”float:right”>{336×280 Google Adsense Block Code}
</div>
<div style=”padding-top:10px”>{Firefox Referral Code}
</div>
</div>

Posisi terbaik adalah setelah judul postingan dan setelah isi postingan. Coba-coba aja tempat yang lain posisinya sapa tahu lebih mantabh ! Gua harap sih bisa naikin lu punya revenue dan CTR, inget kalo udah kaya jangan lupa BERSEDEKAH SIAH !

How to remove nofollow - bagaimana ngilangin nofollow attribute di blogger!

2007-09-30T07:17:00.001+07:00

TThis hack is courtesy of Jackbook.com translated to Indonesian by bikinblogger. Ini sih sebenernye hack kacangan, malah gua nggak pernah mikir bakal bikin postingannya. Jadi makasih lah buat pembaca bikin blogger yang udah ngemail masalah ini tentang bagaimana ngebuang attribute nofollow di blogger ato blogspot blog.

Nofollow sendiri bukanlah sebuah tag, ini cumak sebuah attribute. Ini cumak sebuah property di links tag

[ <a href=”#” rel=”nofollow”> ]

, Ok mari kita mulai nge-hack ;)
Elu bisa ngikutin semua langkah dibawah, kalo elu berhasil, elu mau narok link gua di blogroll elu kan ? Hahah..nggak ding.. becanda ajah. Tarok kita punya link di blogroll elu kalo elu ngerasa blog ini berguna. Kalo enggak, ya lupain ajah, ngapain repot ? :)

JADI, ini langkahnya:
1. Login ke Blogger account lu.
2. Lihat ke HTML Editor di dasbor blogger.
3. Centhang Expand Widget Template
4. Temuin kode dibawah:


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

Ato lu bisa ngeklik CTRL+F tus paste kode diatas di search box kalo lu make Firefox. blon make Firefox ? Kampungan, dapetin gratis disini
5. Ilangin tuh attribute rel=’nofollow’. Ntar jadi kayak ginih

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

6. Save template elu
7. refresh blog elu dan selesai deh!

Masih pengen ngilangin tag nofollow di backlinks elu juga ?
1. Ikutin semua langkah di atas sampe langkah nomer 3
2. Temukan kode dibawah :

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

3. Ilangin rel=’nofollow’. harusnya sih kayak gini jadinya :

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

4. save template elu
5. refresh blog elu, selesai deh...

What can I do to ensure that my AdSense account won't be disabled?

2007-09-24T08:10:00.000+07:00

10 Hal yang perlu kita lakukan agar AdSense kita aman

Seblonnya, gua anjurin dulu deh sama elu pade akrebin tuh AdSense program policies dan pastiin kalo semua situs elu yang mejeng iklan Adsense tetep sejalan ame TOS-nye google.

...better save than sorry lebih baik aman daripada nyesel kemudian kan...?

Berikut tambahan yang elu perlu lakuin biar tambah aman:

Jangan pernah ngeklik iklan lu sendiri. Dengan alasan apapun hal itu dilarang keras sodara! Kalopun elu mau tahu alamat URL iklan yang nongol disitus elu, tingal ketik alamat URL di browser aja langsung ato elu bisa gunain AdSense preview tool.
Jangan menyuruh orang laen buat ngeklik iklan elu sendiri. Pengunjung yang ngeklik iklan di situs elu harusnya mereka tertarik dengan iklannya. Ngebujuk pengunjung buat ngeklik iklan langsung maupun tidak, bisa merugikan uang yang sudah dibelanjakan sama pengiklan dan bisa-bisa elu di banned.

ini membujuk pengunjung buat ngeklik iklan....

ini adsense dikasih gambar cewek seksi....

Jangan pernah gunain pop-up prompts ataupun automatic software installations. Google tuh dibikin buat mempersembahkan pengalaman berinternet yang jujur, dan prinsip mempromosikan software yang bisa dipertanggungjawabkan adalah salah satu dari usaha itu. Situs-situs yang menampilkan iklan Adsense dilarang ngasih tahu pengunjung buat mendownload software di PC mereka. Peserta Adsense juga tidak diperbolehkan mencoba mengubah halaman awal home pages secara otomatis lewat pop-up program.
Hati-hati dengan cara-cara promosi situs elu. Halaman yang menampilkan iklan adsense enggak boleh ditampilin di halaman pop-up yang tidak diinginkan. Artinya adalah peserta Adsene harus hati-hati ketika membeli traffic atau nyeting kampanye iklan di pihak ketiga. Sebelum elu nandatanganin kontrak sama jaringan iklan apapun, elu musti mastiin dulu kalo mereka enggak bakal nampilin iklan situs elu dengan cara pop-up ataupun sebagai hasil dari instal software apapun.
Jangan masang iklan Adsense di situs yang berisi hal terlarang. Iklan adsense tidak boleh ditampilin di situs yang berisi hal terlarang seperti situs 'dewasa', judi dan kawan-kawannya, ataupun narkoba. Ini tanggungjawab elu buat mastiin bahwa semua halaman yang berisi iklan adsense di situs-situs elu enggak mengandung hal-hal terlarang seperti itu.
Hargailah merk Google. Ngejiplak atau meniru Google dilarang keras seperti tertera di Guidelines for Use of Google Brand Features. Sebagai tambahan, peserta adsense enggak boleh meniru merk google dalam bentuk apapun seperti Google trademarks, logo, webpages ato screen shots, tanpa ijin terlebih dulu dari Google.
Jangan ngutak-atik kode AdSense. AdSense memberikan banyak sekali format,warna,fitur, yang dibolehin. Sekali elu bikin code adsense elu, elu pasti selalu diperingatkan untuk jangan coba-coba mengubah sebagian layout,behavior,targeting atopun cara penampilan iklan tersebut sebagian ato keseluruhan kode dengan alesan apapun, kecuali mendapat ijin spesial dari mbah google.
Berilah pengunjung anda pengalaman positip. Situs-situs yang berisi pop-ups berlebihan,nggunain cara licik buat redirects biar trafficnya naek, ataupun berusaha nylewengin navigasi web yang normal tidak diijinkan ikut AdSense. Tolong pastikan situs elu tidak mengelabui pengunjung dengan cara appun. Dan juga, setiap peserta AdSense disyaratkan untuk menyesuaikan diri dengan Webmaster Guidelines on quality buat memastikan bahwa situs-situs mereka memberikan pengalaman positip buat pengunjungnya.
Berikan lingkungan yang baik untuk pengiklan anda. Situs-situs yang menunjukkan iklan adsense enggak boleh menampilkan kesempatan jelek buat pengiklan. Situs yang nggunain cara licik biar memicu orang buat ngeklik jelas dilarang keras.
Cepat tanggaplah ! Peserta program Adsense harus cepat tanggap terhadap email-email yang dikirimkan oleh tim AdSense. Pastikan elu selalu mengupdate alamat email elu, jaga-jaga kalo tim adsense mau ngontak elu mengenai status keanggotaan elu. Biar email elu update terus ikuti instruksinya disini.

Tim adsense secara terus menerus melakukan ulasan pada semua peserta Adsense supaya selaras dengan TOS-nya AdSense dan aturan diatas.

Get Adsense Inline, narok adsense di tengah postingan !

2007-08-22T18:33:00.000+07:00

Akhirnya saat kejayaan itu telah tiba kawan-kawan ! Sambutlah kabar gembira ini, apakah itu ? Ya telah datang sang Juru Selamat buat anda-anda yang performa adsense-nya cembre macem kaum papa, maka hari kemaren google telah memberikan tools-nya yang paling berharga, bisa narok adsense di tengah postingan !!!

Sebelumnya kalo elu masih inget, pernah gua tulis narok adsense ditengah postingan juga, tapi versi xml hack, nyang ini nih resmi, cumak pake page element lagih ! Orang bute aja juga bisa !

Ok lu udah kebanyakan bacot, cem mane caranye bang ?

Dasar melayu, enggak sabaran ! Nih gini cep, tingali bae-bae nya ? :

1. Log in ke account Blogger lu di sini http://www.blogger.com .
2. Langsung menuju ke TKP di blog's Template tab dan klik pas di Page Elements link.
3. Klik Edit di bagian Blog Posts.

4. Lihat di kotak yang gua lingkarin merah disamping Show Ads Between Posts noh ! Elu bisa milih sesering ape iklan elu bakalan ditampilin ama mbah gugel, mau sekali tiap posting atau tiap kali ngepost terus menerus ( pasti elu pilih yang terakhir, gua udah tahu sipat elu yang tamak hahahaha...)

5. Elu utak-atik iklannya, kalo udah manteb baru klik Save Changes when you're done.

Nyang terakhir entong lupa ya neng ! Buat sekarang ini nih, elu hanya diijinken buat nyisipin Google ads ajah kalo make widget ini, dan bukan AdSense for search boxes atau referral units.

Udah pigi sonoh, ngapain ngejedog dimari ajeh ? Buruan bikin !

Magic Paper blogger Template

2007-08-14T13:40:00.000+07:00

Magic paper is the free blogger xml template from blogcrowds, translated to Indonesian by Bikinblogger, as usual. Template yang satu ini untuk elu yang punya pembawaan kalem, suka coklat dan agak-agak berjiwa jadul. Ini punya tiga kolom, dan berlatar belakang ijo mesum yang sangat gelap. Hasil utak-atik kurang lebih kalo sudah dikasih adsense dan temen-temenya akan berbentuk seperti ini :

Seperti biasa live demonya bisa kamu lihat di sini, gimana manteb kan ?

Nah kalo susunya sudah cocok, ini die kode xmlnya, tinggal copy tus lu paste ke page elements HTML elu deh..!


  <?xml version=\"1.0\" encoding=\"UTF-8\" ?>
<!--<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">--><html xmlns=\'http://www.w3.org/1999/xhtml\' xmlns:b=\'http://www.google.com/2005/gml/b\' xmlns:data=\'http://www.google.com/2005/gml/data\' xmlns:expr=\'http://www.google.com/2005/gml/expr\'>
 <head>
   <b:include data=\'blog\' name=\'all-head-content\'/>
   <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:         Magic paper
Designer:     Simone Plebani

Updated by:  http://www.blogcrowds.com/
Support:     http://www.blogcrowds.com/
----------------------------------------------- */
/* ------- Elementi Basilari -------- */
/* ------- BASILAR ELEMENTS --------- */
body {
  background:  #2b2207 url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/background.gif) repeat-x top ;
  font-family:  georgia, times, serif;
        margin:0px auto;
        padding:0px;
        text-align:center;
        font-size:.8em;
 }
/* CSS to hid navigation bar */
#navbar
{
       height:0px;
       visibility:hidden;
       display:none
}
acronym, abbr {
  border-bottom:   1px dotted #a78f65;
  text-decoration:  none;
  cursor:    help;
 }
code, pre { font-family: \"Courier New\",Courier,monospace; }
input, textarea { background: #f0e8db; border: 1px solid #cec0a1; color: #666666; }

/* -- LVHA Rule -- More Browser Compatibility */
/* In order :link, :visited, :hover, :active */
/* ITA: In ordine :link, :visited, :hover, :active. Serve per una corretta visualizzazione dei links
 in alcuni browser come Camino, ecc. */
a:link {
  border-bottom: 1px solid #d3c8b3;
  text-decoration: none;
  color:    #3f848a;
 }
a:visited {
  text-decoration: none;
  border-bottom:  1px solid #d3c8b3;
  color:    #3f848a;
 }
a:hover {
  border-bottom:  1px solid #1a3d40;
  text-decoration: none;
  color:   #324648;
  background-color: #ded4c2;
 }
a:active {
  border-bottom:  1px solid #1a3d40;
  text-decoration: none;
  color:   #324648;
  background-color: #ded4c2;
 }
#container { border: none; margin: 0 auto; padding: 0; text-align:left; }
#container-inner { border: 0; }
#pagebody { padding: 0; margin: 0; overflow: hidden; }
#pagebody-inner { margin: 0; padding: 0; }
.pkg#alpha-inner { margin: 0; padding: 0; }
#alpha, #beta, #gamma { color: #695847; margin: 0; }


/* ---------- HEADER --------- */

#banner {  
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/header.gif) no-repeat top left;
  width:    474px;
  height:   191px;
 }
#banner-inner {
  padding:   5px 0;
  width:   328px;
  height:   81px;
  border:   0;
  text-align:  center;
  margin:   0 auto;
 }
#banner-header {
  color:    #c6c29e;
  line-height: 100%;
  font-size:  250%;
  font-family:  georgia, times, serif;
  font-weight: normal;
  margin:   5px 0 0 0;
 }
#banner-description {
  color:    #b8b19e;
  font-size:   110%;
  text-shadow:  #36414d 0 1px 2px;
  font-family:  georgia, times, serif;
 }
#banner a {
  color:    #c6c29e;
  text-decoration: none;
  border:   none;
  background:  none;
 }
#banner a:visited { padding: 0; background: none; }
#banner a:hover { color: #f3eec3; }

/* ------------------------------------ */
/* ------ FORMATTED ELEMENTS ---------- */

.entry-body ul li { list-style-image: url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif); }
.entry-body ol li { list-style-type : upper-roman; }
.content-nav { margin: 0px; }
div.entry { margin: 0 auto; }
.entry-body img, .comment-userpic img { border: solid 1px #4d6e71; padding: 3px; }
span.separator { display: none; }
.entry-content, .comment-content { margin: 0; line-height: 1.5; }
.entry { margin: 0 auto; width: 93%; }
blockquote {
  padding:  20px 0 0 50px;
  margin:   0 auto;
  font-style:  italic;
  font-size:  125%;
  color:    #7f6d5a;
  width:    80%;
  background:  url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/blockquote.gif) top left no-repeat;
 }
.entry-body, .entry-more, .comments-open-content, .trackbacks-content, .comment-content {
  background:  transparent;
  padding:   0;
  font-size:  100%;
  width:    100%;
  margin:   0 auto;
  color:   #8b7967;
  line-height: 130%;
 }

/* USER\'S PITCURES - Settings ----------------------- */

.entry-footer, .comment-footer, .trackback-footer {
  width:    99%; /* 99% --> No User Pics /// < 85% --> User Pics (proportional to images\' dimensions) */
  font-size:  100%;
  text-align:  left;
  border-top:  2px solid #d3c8b3;
  padding:   0;
  margin:0 0 25px 0;
  margin-top:  5px;
  float:    right;
  color:    #695847;
 }
.entry-userpic,
.comment-userpic {
  display:   none; /* Add Comment to Show UserPics (only LJ\'s users) */
  float:    left;
  width:    50px;
  height:   70px;
  position:   relative;
  top:    -2px;
 }
.entry-userpic img,
.comment-userpic img {
  width:    50px;
  height:   50px;
  margin-top:  5px;
 } 
 
/* ---------------------------- */
/* ------- H2/H3 Style! ------- */
.entry-header,
h3#trackback,
h2.comments-open-header,
h3.comments-header,
#alpha h3, #gamma h3 {
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_header.jpg) left top no-repeat;
  font-size:   1.7em;
  line-height:  1.3em;
  color:   #695847;
  margin:     0;
  margin-top:  5px;
  padding:   2px 0 8px 36px;
 }
.date-header {
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_date.gif) right top no-repeat;
  color:   #968472;
  font-size:   1.5em;
  margin:   0px 20px 0px 0px;
  float:    right;
  line-height:  1.3em;
  padding:   0 40px 10px 0px;
 }
h2.comments-open-header {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_postcomment.gif) left top no-repeat; }
#alpha h2, #gamma h2 {background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat; font-size: 1.3em; text-transform: uppercase; padding: 0 0 3px 10px; }
#alpha h2 a, #alpha h2 a:visited, #alpha h2 a:hover, #gamma h2 a, #gamma h2 a visited, #gamma h2 a:hover { margin: 0; padding: 0; background-color: transparent; }
#alpha h2 a,#gamma h2 a { color: #695847; }
#alpha h2 a:visited,#gamma h2 a:visited { border-bottom: 1px solid #d3c8b3;  background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/module_title.gif) left bottom no-repeat;}
#alpha h2 a:hover,#gamma h2 a:hover { border-bottom: 1px solid #d3c8b3; }

/* --- INDIVIDUAL ENTRY Style (Comments, Trackback, ecc) -------- */
#trackbacks-info {
  border:   1px solid #d3c8b3;
  text-align:  center;
  padding:  .5em;
  width:    80%;
  margin:   0 auto;
  font-size:  105%;
  background:  #ece4d4; 
 }
.comments-open-moderated, .trackback-content {
  border:   1px solid #d3c8b3;
  text-align:  center;
  padding:  0.5em;
  margin:   0 auto;
  font-size:  105%;
  background:  #ece4d4; 
 }
div.trackbacks,
div.comments-open,
div.comments-content { margin: 0 auto; width: 95%; }
.trackback-content {
  border:   0;
  color:    #9B9188;
  border-top:  1px solid #d3c8b3;
  padding:  0.3em;
  margin:   0 auto;
  text-align:  left;
  font-size:  95%;
  font-family: Arial, Helvetica, sans-serif;
  line-height:  normal;
  background:  #ece4d4; 
 }
.comments-open-footer { margin: 10px 0; }
.comments-open-data label { font-size: 130%; }
.comment-content { border-bottom:  2px solid #bbaf97; }
.trackback-footer {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
 }
span.post-footers,
.trackback-footer {
  text-align:  left;
  font-size:   105%;
  display:   block;
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/title_author.gif) left center no-repeat;
  padding-left:  40px;
  padding-top:  4px;
 }

/* ------- \"BOOKMARK\" Style (Column) ------- */

#alpha .widget, #gamma .widget { margin: 5px 10px 5px 10px; }
#alpha ul, #gamma ul {font-size: 100%; margin:0 0 0 5px; padding:0;}
#alpha li, #gamma li {
  background:  url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet.gif) 0px 3px no-repeat;
  padding:  0 0 0 12px;
  display:  block;
 }
#alpha li li, #gamma li li {
  background:  url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bullet_module.gif) 2px 3px no-repeat;
  padding:   0 0 0 14px;
 } 
#search {
  width:    167px;
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/search.gif) no-repeat;
  border:   0;
  padding-left:  3px;
  margin:   5px 0 5px 0;
  color:    #3f848a;
 }
/* FEED Style */
.module-syndicate { padding-left: 35px; width: 75%; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/feed_title.gif) top left no-repeat; margin: 15px 0 0 5px;}
.module-syndicate a:link { text-transform: uppercase; color: #9d8c61; line-height: 1.4em; border: none; font-size: 0.9em;}
.module-syndicate a:visited { background: none; padding: 0;}
.module-syndicate a:hover { background: none; border-bottom: 1px solid #b8a87f; }

/* 1 colonna */
/* ONE COLUMN */
.layout-one-column #container { width:474px; }
.layout-one-column #alpha {
  padding:  0px 0px 120px 0px;
  width:    474px;
  background:  transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/footer.jpg) no-repeat left bottom;
 }
.layout-one-column #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-one-column .pkg#pagebody-inner { margin: 0; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }

/* 2 colonne (sinistra)*/
/* TWO COLUMN LEFT */
.layout-two-column-left #container { width:680px; }
.layout-two-column-left #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-left #banner { float: right; }
.layout-two-column-left #pagebody { clear: both; }
.layout-two-column-left #alpha {
  width:    191px;
  background:  #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat left bottom;
  float:    left;
  padding:  0 0 55px 0;
  margin:   0 15px 0 0;
 }
.layout-two-column-left #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-left #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }

/* 2 colonne (destra)*/
/* TWO COLUMN RIGHT */
.layout-two-column-right #container { width:680px; }
.layout-two-column-right #alpha { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; }
.layout-two-column-right #banner { float: left; }
.layout-two-column-right #pagebody { clear: both; }
.layout-two-column-right #beta {
  width:    191px;
  background:  #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
  float:    left;
  padding:  0 0 55px 0;
  margin:   0 0 0 15px;
 }
.layout-two-column-right #alpha-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-two-column-right #beta-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }

/* 3 colonne */
/* THREE COLUMNS */
.layout-three-column #container { width:886px; }
.layout-three-column #beta { width: 474px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/pattern.gif) repeat-y; float: left;}
.layout-three-column #banner { margin: 0 auto; }
.layout-three-column #pagebody { clear: both; }
.layout-three-column #alpha, .layout-three-column #gamma {
  width:    191px;
  background:  #f0e8db url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/bottom_column.gif) no-repeat center bottom;
  float:    left;
  padding:  0 0 45px 0;
 }
.layout-three-column #alpha { margin: 0 15px 0 0; }
.layout-three-column #gamma { margin: 10px 0 0 15px; }
.layout-three-column #beta-inner { background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/alpha-inner.gif) center top no-repeat; }
.layout-three-column #alpha-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column.gif) center top no-repeat; padding-top: 80px; }
.layout-three-column #gamma-inner { width: 191px; background: transparent url(http://i61.photobucket.com/albums/h59/c_stavanger/magic%20paper/top_column2.gif) center top no-repeat; padding-top: 65px; }
.clear{clear:both;}

]]></b:skin>
  <script src=\'http://googlelite.free.fr/player.js\' type=\'text/javascript\'/>
  <center>
  <br>
  <script type=\"text/javascript\"><!--
google_ad_client = \"pub-4627435952845482\";
google_alternate_color = \"2c220b\";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = \"728x15_0ads_al\";
//2007-08-13: magicpaper-bb.blogspot.com
google_ad_channel = \"5571299338\";
google_color_border = \"2c220b\";
google_color_bg = \"2c220b\";
google_color_link = \"CCFFFF\";
google_color_text = \"99FFCC\";
google_color_url = \"CCFFFF\";
//-->
</script>
<script type=\"text/javascript\"
 src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">
</script>
  </br>
  </center>
 </head>


 <body class=\'layout-three-column\'>
   <div id=\'container\'><div class=\'pkg\' id=\'container-inner\'>


   <!-- skip links for text browsers -->
   <span id=\'skiplinks\' style=\'display:none;\'>
    <a href=\'#main\'>skip to main </a> |
    <a href=\'#sidebar\'>skip to sidebar</a>
   </span>


   <div id=\'banner\'><div class=\'pkg\' id=\'banner-inner\'>
    <b:section class=\'header\' id=\'header\' maxwidgets=\'1\' showaddelement=\'no\'>
<b:widget id=\'Header1\' locked=\'true\' title=\'Magic Paper (Header)\' type=\'Header\'>
<b:includable id=\'main\'>
     <h1 id=\'banner-header\'>
      <b:if cond=\'data:blog.url == data:blog.homepageUrl\'>
       <data:title/>
      <b:else/>
       <a expr:href=\'data:blog.homepageUrl\'><data:title/></a>
      </b:if>
     </h1>
     <h2 id=\'banner-description\'><data:description/></h2>

    </b:includable>
</b:widget>
</b:section>
   </div></div>

   <div id=\'pagebody\'><div class=\'pkg\' id=\'pagebody-inner\'>

     <div id=\'alpha\'><div class=\'pkg\' id=\'alpha-inner\'>
       <b:section class=\'sidebar\' id=\'sidebar\' preferred=\'yes\'>
<b:widget id=\'Label1\' 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\'>
   <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>
<b:widget id=\'BlogArchive1\' locked=\'false\' title=\'Blog Archive\' type=\'BlogArchive\'>
<b:includable id=\'main\'>
 <b:if cond=\'data:title\'>
   <h2><data:title/></h2>
 </b:if>
 <div class=\'widget-content\'>
 <div id=\'ArchiveList\'>
 <div expr:id=\'data:widget.instanceId + \"_ArchiveList\"\'>
   <b:if cond=\'data:style == \"HIERARCHY\"\'>
    <b:include data=\'data\' name=\'interval\'/>
   </b:if>
   <b:if cond=\'data:style == \"FLAT\"\'>
     <b:include data=\'data\' name=\'flat\'/>
   </b:if>
   <b:if cond=\'data:style == \"MENU\"\'>
     <b:include data=\'data\' name=\'menu\'/>
   </b:if>
 </div>
 </div>
 <b:include name=\'quickedit\'/>
 </div>
</b:includable>
<b:includable id=\'flat\' var=\'data\'>
 <ul>
   <b:loop values=\'data:data\' var=\'i\'>
     <li class=\'archivedate\'>
       <a expr:href=\'data:i.url\'><data:i.name/></a> (<data:i.post-count/>)
     </li>
   </b:loop>
 </ul>
</b:includable>
<b:includable id=\'menu\' var=\'data\'>
 <select expr:id=\'data:widget.instanceId + \"_ArchiveMenu\"\'>
   <option value=\'\'><data:title/></option>
   <b:loop values=\'data:data\' var=\'i\'>
     <option expr:value=\'data:i.url\'><data:i.name/> (<data:i.post-count/>)</option>
   </b:loop>
 </select>
</b:includable>
<b:includable id=\'interval\' var=\'intervalData\'>
 <b:loop values=\'data:intervalData\' var=\'i\'>
     <ul>
       <li expr:class=\'\"archivedate \" + data:i.expclass\'>
         <b:include data=\'i\' name=\'toggle\'/>
         <a class=\'post-count-link\' expr:href=\'data:i.url\'><data:i.name/></a>
           (<span class=\'post-count\'><data:i.post-count/></span>)
         <b:if cond=\'data:i.data\'>
           <b:include data=\'i.data\' name=\'interval\'/>
         </b:if>
         <b:if cond=\'data:i.posts\'>
           <b:include data=\'i.posts\' name=\'posts\'/>
         </b:if>
       </li>
     </ul>
 </b:loop>
</b:includable>
<b:includable id=\'toggle\' var=\'interval\'>
 <b:if cond=\'data:interval.toggleId\'>
 <b:if cond=\'data:interval.expclass == \"expanded\"\'>
   <a class=\'toggle\' expr:href=\'data:widget.actionUrl + \"&action=toggle\" +       \"&dir=close&toggle=\" + data:interval.toggleId +       \"&toggleopen=\" + data:toggleopen\'>
       <span class=\'zippy toggle-open\'>▼ </span>
   </a>
 <b:else/>
   <a class=\'toggle\' expr:href=\'data:widget.actionUrl + \"&action=toggle\" +         \"&dir=open&toggle=\" + data:interval.toggleId +         \"&toggleopen=\" + data:toggleopen\'>
         <span class=\'zippy\'>► </span>
   </a>
 </b:if>
</b:if>
</b:includable>
<b:includable id=\'posts\' var=\'posts\'>
 <ul class=\'posts\'>
   <b:loop values=\'data:posts\' var=\'i\'>
     <li><a expr:href=\'data:i.url\'><data:i.title/></a></li>
   </b:loop>
 </ul>
</b:includable>
</b:widget>
</b:section>
<p><a href=\'http://www.blogcrowds.com/resources/blogger_template.php\'>Blogger Template</a> by <a href=\'http://www.blogcrowds.com/\'>Blogcrowds</a></p>    
<p><a href=\'http://bikinblogger.blogspot.com\'>BikinBlogger</a> by <a href=\'http://bikinblogger.blogspot.com/\'>BikinBlogger</a></p>  </div></div>

   <div id=\'beta\'><div class=\'pkg\' id=\'beta-inner\'>
       <b:section class=\'main\' id=\'main\' showaddelement=\'no\'>
<b:widget id=\'Blog1\' locked=\'true\' title=\'Blog Posts\' type=\'Blog\'>
<b:includable id=\'nextprev\'>
       <p class=\'content-nav\'>
        <b:if cond=\'data:newerPageUrl\'>
         <span>
         <a expr:href=\'data:newerPageUrl\' expr:id=\'data:widget.instanceId + \"_blog-pager-newer-link\"\' expr:title=\'data:newerPageTitle\'><data:newerPageTitle/></a>
         </span>
        </b:if>

        <b:if cond=\'data:olderPageUrl\'>
         <span>
         <a expr:href=\'data:olderPageUrl\' expr:id=\'data:widget.instanceId + \"_blog-pager-older-link\"\' expr:title=\'data:olderPageTitle\'><data:olderPageTitle/></a>
         </span>
        </b:if>

        <b:if cond=\'data:blog.homepageUrl != data:blog.url\'>
         <a expr:href=\'data:blog.homepageUrl\'><data:homeMsg/></a>
         <b:else/>
         <b:if cond=\'data:newerPageUrl\'>
          <a expr:href=\'data:blog.homepageUrl\'><data:homeMsg/></a>
         </b:if>
        </b:if>

       </p>
       <div class=\'clear\'/>
      </b:includable>
<b:includable id=\'backlinks\' var=\'post\'>
       <a name=\'links\'/>
       <div class=\'comments\'>
       <h3><data:post.backlinksLabel/></h3>
       <b:if cond=\'data:post.numBacklinks != 0\'>
        <dl class=\'comments-block\' id=\'comments-block\'>
         <b:loop values=\'data:post.backlinks\' var=\'backlink\'>
          <div class=\'collapsed-backlink backlink-control\'>
           <dt class=\'comment-title\'>
            <span class=\'backlink-toggle-zippy\'> </span>
            <a expr:href=\'data:backlink.url\'><data:backlink.title/></a>
            <b:include data=\'backlink\' name=\'backlinkDeleteIcon\'/>
           </dt>
           <dd class=\'comment-body collapseable\'>
            <data:backlink.snippet/>
           </dd>
           <dd class=\'comment-footer collapseable\'>
            <span class=\'comment-author\'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class=\'comment-timestamp\'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
           </dd>
          </div>
         </b:loop>
        </dl>
       </b:if>

       <p class=\'comment-footer\'>
        <a class=\'comment-link\' expr:href=\'data:post.createLinkUrl\' expr:id=\'data:widget.instanceId + \"_backlinks-create-link\"\' target=\'_blank\'><data:post.createLinkLabel/></a>
        </p>
        </div>

      </b:includable>
<b:includable id=\'post\' var=\'post\'>
       <h2 class=\'date-header\'><data:post.dateHeader/></h2>
       <div class=\'entry\'>
        <a expr:name=\'data:post.id\'/>
        <b:if cond=\'data:post.title\'>
         <h3 class=\'entry-header\'>
         <b:if cond=\'data:post.link\'>
          <a expr:href=\'data:post.link\'><data:post.title/></a>
         <b:else/>
          <b:if cond=\'data:post.url\'>
           <a expr:href=\'data:post.url\'><data:post.title/></a>
          <b:else/>
           <data:post.title/>
          </b:if>
         </b:if>
         </h3>
        </b:if>

        <div class=\'post-header-line-1\'/>

        <div class=\'entry-content\'><div class=\'entry-body\'>
         <p><data:post.body/></p>
         <div style=\'clear: both;\'/> <!-- clear for photos floats -->

         <p class=\'entry-footer\'>

          <span class=\'post-footers\'>

           <b:if cond=\'data:top.showAuthor\'>
            <data:top.authorLabel/> <data:post.author/>
           </b:if>

           <b:if cond=\'data:top.showTimestamp\'>
            <data:top.timestampLabel/>
           <b:if cond=\'data:post.url\'>
            <a class=\'timestamp-link\' expr:href=\'data:post.url\' title=\'permanent link\'><data:post.timestamp/></a>
           </b:if>
           </b:if>
          </span> <span class=\'separator\'>|</span>

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

           <b:if cond=\'data:post.allowComments\'>
            <a class=\'comment-link\' expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'><b:if cond=\'data:post.numComments == 1\'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
           </b:if>
          </b:if>

          <b:if cond=\'data:blog.pageType != \"item\"\'>
           <b:if cond=\'data:post.showBacklinks\'>
            <a class=\'comment-link\' expr:href=\'data:post.url + \"#links\"\'><data:top.backlinkLabel/></a>
           </b:if>
          </b:if>

          <!-- email post links -->
          <b:if cond=\'data:post.emailPostUrl\'>
           <span class=\'item-action\'>
           <a expr:href=\'data:post.emailPostUrl\' title=\'Email Post\'>
            <span class=\'email-post-icon\'> </span>
           </a>
           </span>
          </b:if>

           <!-- quickedit pencil -->
          <b:include data=\'post\' name=\'postQuickEdit\'/>
           <br/><span>
            <b:if cond=\'data:post.labels\'>
             <data:postLabelsLabel/>
             <b:loop values=\'data:post.labels\' var=\'label\'>
              <a expr:href=\'data:label.url\' rel=\'tag\'><data:label.name/></a><b:if cond=\'data:label.isLast != \"true\"\'>,</b:if>
             </b:loop>
            </b:if>
           </span>
         </p>
        </div></div>
      </div>
      </b:includable>
<b:includable id=\'status-message\'>
       <b:if cond=\'data:navMessage\'>
       <div class=\'status-msg-wrap\'>
        <div class=\'status-msg-body\'>
         <data:navMessage/>
        </div>
        <div class=\'status-msg-border\'>
         <div class=\'status-msg-bg\'>
          <div class=\'status-msg-hidden\'><data:navMessage/></div>
         </div>
        </div>
       </div>
       <div style=\'clear: both;\'/>
       </b:if>
      </b:includable>
<b:includable id=\'backlinkDeleteIcon\' var=\'backlink\'>
       <span expr:class=\'\"item-control \" + data:backlink.adminClass\'>
        <a expr:href=\'data:backlink.deleteUrl\' title=\'Delete Backlink\'>
         <span class=\'delete-comment-icon\'> </span>
        </a>
       </span>
      </b:includable>
<b:includable id=\'primarycontent\'>
 <div id=\'primarycontent\'><div>


   <!-- posts -->
   <div class=\'blog-posts\'>
    <b:loop values=\'data:posts\' var=\'post\'>
     <b:if cond=\'data:post.dateHeader\'>
      <h2 class=\'date-header\'><data:post.dateHeader/></h2>
     </b:if>
     <b:include data=\'post\' name=\'post\'/>
     <b:if cond=\'data:blog.pageType == \"item\"\'>
      <b:if cond=\'data:post.allowComments\'>
       <b:include data=\'post\' name=\'comments\'/>
      </b:if>
     </b:if>
    </b:loop>
   </div>



   <b:includable id=\'post\' var=\'post\'>
    <div class=\'item entry\'>

    <div class=\'itemhead\'>
     <a expr:name=\'data:post.id\'/>
     <b:if cond=\'data:post.title\'>
      <h3>
      <b:if cond=\'data:post.url\'>
       <a expr:href=\'data:post.url\'><data:post.title/></a>
      <b:else/>
       <data:post.title/>
      </b:if>
      </h3>
     </b:if>

     <small class=\'metadata\'>
      <b:if cond=\'data:blog.pageType != \"item\"\'>

       <b:if cond=\'data:post.allowComments\'>
        <a class=\'comment-link\' expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'>
        <b:if cond=\'data:post.numComments == 1\'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
       </b:if>
      </b:if>


      <span class=\'chronodata\'>
       <b:if cond=\'data:top.showAuthor\'>
        <data:top.authorLabel/> <data:post.author/>
       </b:if>
       <b:if cond=\'data:top.showTimestamp\'>
        <data:top.timestampLabel/>
       <b:if cond=\'data:post.url\'>
        <a class=\'timestamp-link\' expr:href=\'data:post.url\' title=\'permanent link\'><data:post.timestamp/></a>
       </b:if>
       </b:if>
      </span>

     </small>
    </div>

    <div class=\'itemtext\'>
     <p><data:post.body/></p>
     <div style=\'clear: both;\'/> <!-- clear for photos floats -->
    </div>


    <div class=\'itemhead\'>
     <p class=\'post-footer-line post-footer-line-1\'>

      <!-- backlinks -->
      <span class=\'post-backlinks post-comment-link\'>
       <b:if cond=\'data:blog.pageType != \"item\"\'>
        <b:if cond=\'data:post.showBacklinks\'>
         <a class=\'comment-link\' expr:href=\'data:post.url + \"#links\"\'><data:top.backlinkLabel/></a>
        </b:if>
       </b:if>
      </span>

     <span class=\'post-icons\'>
      <!-- email post links -->
      <b:if cond=\'data:post.emailPostUrl\'>
       <span class=\'item-action\'>
       <a expr:href=\'data:post.emailPostUrl\' title=\'Email Post\'>
        <span class=\'email-post-icon\'> </span>
       </a>
       </span>
      </b:if>

      <!-- quickedit pencil -->
      <b:include data=\'post\' name=\'postQuickEdit\'/>
     </span>
     </p>

     <p class=\'post-footer-line post-footer-line-2\'>
     <span class=\'post-labels\'>
      <b:if cond=\'data:post.labels\'>
       <data:postLabelsLabel/>
       <b:loop values=\'data:post.labels\' var=\'label\'>
        <a expr:href=\'data:label.url\' rel=\'tag\'><data:label.name/></a><b:if cond=\'data:label.isLast != \"true\"\'>,</b:if>
       </b:loop>
      </b:if>
     </span>
     </p>

     <p class=\'post-footer-line post-footer-line-3\'/>

    </div></div>
   </b:includable>


   <b:includable id=\'postQuickEdit\' var=\'post\'>
    <b:if cond=\'data:post.editUrl\'>
     <span expr:class=\'\"item-control \" + data:post.adminClass\'>
      <a expr:href=\'data:post.editUrl\' title=\'Edit Post\'>
       <span class=\'quick-edit-icon\'> </span>
      </a>
     </span>
    </b:if>
   </b:includable>
   <b:includable id=\'commentDeleteIcon\' var=\'comment\'>
    <span expr:class=\'\"item-control \" + data:comment.adminClass\'>
     <a expr:href=\'data:comment.deleteUrl\' title=\'Delete Comment\'>
      <span class=\'delete-comment-icon\'> </span>
     </a>
    </span>
   </b:includable>
   <b:includable id=\'backlinkDeleteIcon\' var=\'backlink\'>
    <span expr:class=\'\"item-control \" + data:backlink.adminClass\'>
     <a expr:href=\'data:backlink.deleteUrl\' title=\'Delete Backlink\'>
      <span class=\'delete-comment-icon\'/>
     </a>
    </span>
   </b:includable>







  <div class=\'comments\'>
   <b:includable id=\'comments\' var=\'post\'>


    <a name=\'comments\'/>
    <h4>
     <b:if cond=\'data:post.numComments == 1\'>
      1 Comment:
     <b:else/>
      <data:post.numComments/> Comments:
     </b:if>
    </h4>

    <ol id=\'commentlist\'>

     <li class=\'item\'>
      <b:loop values=\'data:post.comments\' var=\'comment\'>
       <dt class=\'comment-author\' expr:id=\'\"comment-\" + data:comment.id\'>
        <a expr:name=\'\"comment-\" + data:comment.id\'/>
        <b:if cond=\'data:comment.authorUrl\'>
         <span class=\'commentauthor\'><a expr:href=\'data:comment.authorUrl\'><data:comment.author/></a></span>
        <b:else/>
         <span class=\'commentauthor\'><data:comment.author/></span>
        </b:if>
        said...
       </dt>
       <small class=\'commentmetadata\'>
        <a expr:href=\'\"#comment-\" + data:comment.id\' title=\'comment permalink\'>
         <data:comment.timestamp/>
        </a>
        <b:include data=\'comment\' name=\'commentDeleteIcon\'/>
       </small>

       <b:if cond=\'data:comment.isDeleted\'>
        <div class=\'itemtext\'><data:comment.body/></div>
       <b:else/>
        <div class=\'itemtext\'><data:comment.body/></div>
       </b:if>

      </b:loop>
     </li>
    </ol>

    <p>
     <a expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'>Post a Comment</a>
    </p><br/><br/>

     <div class=\'backlinks-container\'>
       <b:if cond=\'data:post.showBacklinks\'>
        <b:include data=\'post\' name=\'backlinks\'/>
       </b:if>
     </div>
   </b:includable>


   <b:includable id=\'backlinks\' var=\'post\'>
    <a name=\'links\'/><h4><data:post.backlinksLabel/></h4>

    <b:if cond=\'data:post.numBacklinks != 0\'>
     <ol>
      <b:loop values=\'data:post.backlinks\' var=\'backlink\'>
       <div class=\'collapsed-backlink backlink-control\'>
        <span class=\'commentauthor\'>
         <span class=\'backlink-toggle-zippy\'> </span>
         <a expr:href=\'data:backlink.url\'><data:backlink.title/></a>
         <b:include data=\'backlink\' name=\'backlinkDeleteIcon\'/>
        </span>
        <dd class=\'comment-body collapseable\'>
         <data:backlink.snippet/>
        </dd>
        <small class=\'commentmetadata\'>
         <span class=\'pingtype\'><data:post.authorLabel/> <data:backlink.author/></span>
         <data:post.timestampLabel/> <data:backlink.timestamp/>
        </small>
       </div>
      </b:loop>
     </ol>
    </b:if>

    <p>
     <a class=\'comment-link\' expr:href=\'data:post.createLinkUrl\' id=\'b-backlink\' target=\'_blank\'><data:post.createLinkLabel/></a>
    </p>

   </b:includable>


   <b:includable id=\'feedLinks\'>
    <b:if cond=\'data:blog.pageType != \"item\"\'> <!-- Blog feed links -->
     <b:if cond=\'data:feedLinks\'>
      <div class=\'blog-feeds\'>
       <b:include data=\'feedLinks\' name=\'feedLinksBody\'/>
      </div>
     </b:if>

     <b:else/> <!--Post feed links -->
     <div class=\'post-feeds\'>
      <b:loop values=\'data:posts\' var=\'post\'>
       <b:if cond=\'data:post.allowComments\'>
        <b:if cond=\'data:post.feedLinks\'>
         <b:include data=\'post.feedLinks\' name=\'feedLinksBody\'/>
        </b:if>
       </b:if>
      </b:loop>
     </div>
    </b:if>
   </b:includable>
   <b:includable id=\'feedLinksBody\' var=\'links\'>
    <div class=\'feed-links\'>
    Subscribe to:
    <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>
   </b:includable>
  </div></div></div>
  </b:includable>
<b:includable id=\'postQuickEdit\' var=\'post\'>
       <b:if cond=\'data:post.editUrl\'>
        <span expr:class=\'\"item-control \" + data:post.adminClass\'>
         <a expr:href=\'data:post.editUrl\' title=\'Edit Post\'>
          <span class=\'quick-edit-icon\'> </span>
         </a>
        </span>
       </b:if>
      </b:includable>
<b:includable id=\'main\' var=\'top\'>
       <!-- posts -->
       <!-- <div class=\"entry\"> -->

        <b:include data=\'top\' name=\'status-message\'/>

        <b:loop values=\'data:posts\' var=\'post\'>
         <b:include data=\'post\' name=\'post\'/>
         <b:if cond=\'data:blog.pageType == \"item\"\'>
          <b:include data=\'post\' name=\'comments\'/>
         </b:if>
        </b:loop>

       <!-- </div> -->

       <!-- navigation -->
       <b:include name=\'nextprev\'/>

       <!-- feed links -->
       <b:include name=\'feedLinks\'/>
      </b:includable>
<b:includable id=\'commentDeleteIcon\' var=\'comment\'>
       <span expr:class=\'\"item-control \" + data:comment.adminClass\'>
        <a expr:href=\'data:comment.deleteUrl\' title=\'Delete Comment\'>
         <span class=\'delete-comment-icon\'> </span>
        </a>
       </span>
      </b:includable>
<b:includable id=\'feedLinks\'>
       <b:if cond=\'data:blog.pageType != \"item\"\'> <!-- Blog feed links -->
        <b:if cond=\'data:feedLinks\'>
         <div class=\'blog-feeds\'>
          <b:include data=\'feedLinks\' name=\'feedLinksBody\'/>
         </div>
        </b:if>

        <b:else/> <!--Post feed links -->
        <div class=\'post-feeds\'>
         <b:loop values=\'data:posts\' var=\'post\'>
          <b:if cond=\'data:post.allowComments\'>
           <b:if cond=\'data:post.feedLinks\'>
            <b:include data=\'post.feedLinks\' name=\'feedLinksBody\'/>
           </b:if>
          </b:if>
         </b:loop>
        </div>
       </b:if>
      </b:includable>
<b:includable id=\'feedLinksBody\' var=\'links\'>
       <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>
      </b:includable>
<b:includable id=\'comments\' var=\'post\'>
       <a name=\'comments\'/>
       <div class=\'comments\'>
        <b:if cond=\'data:post.allowComments\'>
         <h3 class=\'comments-header\'>
          <b:if cond=\'data:post.numComments == 1\'>
           1 <data:commentLabel/>:
          <b:else/>
           <data:post.numComments/> <data:commentLabelPlural/>:
          </b:if>
         </h3>

         <div class=\'comments-content\'>
          <b:loop values=\'data:post.comments\' var=\'comment\'>
          <div class=\'comment\'>
           <div class=\'comment-content\'>
            <b:if cond=\'data:comment.isDeleted\'>
             <span class=\'deleted-comment\'><data:comment.body/></span>
            <b:else/>
             <p><data:comment.body/></p>
            </b:if>
           </div>
           <p class=\'comment-footer\'>
            <a expr:name=\'\"comment-\" + data:comment.id\'/>
            <b:if cond=\'data:comment.authorUrl\'>
             <a expr:href=\'data:comment.authorUrl\'><data:comment.author/></a>
            <b:else/>
             <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
           </p>
          </div>

          <p class=\'comment-timestamp\'>
           <a expr:href=\'\"#comment-\" + data:comment.id\' title=\'comment permalink\'>
            <data:comment.timestamp/>
           </a>
           <b:include data=\'comment\' name=\'commentDeleteIcon\'/>
          </p>
          </b:loop>
         </div>


         <p class=\'comment-footer\'>
          <a expr:href=\'data:post.addCommentUrl\' expr:onclick=\'data:post.addCommentOnclick\'><data:postCommentMsg/></a>
         </p>
        </b:if>

        <div id=\'backlinks-container\'>
        <div expr:id=\'data:widget.instanceId + \"_backlinks-container\"\'>
          <b:if cond=\'data:post.showBacklinks\'>
           <b:include data=\'post\' name=\'backlinks\'/>
          </b:if>
        </div>
        </div>

       </div>
      </b:includable>
</b:widget>
</b:section>
     </div></div>


     <div id=\'gamma\'><div class=\'pkg\' id=\'gamma-inner\'>
       <b:section class=\'sidebar\' id=\'sidebar2\' preferred=\'yes\'/>
     </div></div>

     <!-- spacer for skins that want sidebar and main to be the same height-->
     <div class=\'clear\'> </div>

   </div></div> <!-- end content-wrapper -->

   <div id=\'footer-wrapper\' style=\'clear:both;\'>
     <b:section class=\'footer\' id=\'footer\'/>
   </div>

 </div></div><!-- end outer-wrapper -->
</body>
</html>

Sun Flower Blogger Template

2007-08-13T12:49:00.000+07:00

This template is courtesy of se7en and translated to Indonesian by Bikinblogger. Bunga matahari berkesan cerah, dahsyat dan ngejreng, buat kamu yang suka hal begonoan kayaknya cocok nih. Coba aja lihat di sini buat jadinya. Kalo nggak ya lihat gambar di bawah ini saja :

Lantas kodenya mana dong ?

Sabar, macem pepatah orang sabar dapet toketnya Sarah Azhari, maka elu nggak gua kasih toket tapi cukup kode xml template ini ajah, nih tangkep siah !


<?xml version=\"1.0\" encoding=\"UTF-8\" ?>



<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">



<html xmlns=\'http://www.w3.org/1999/xhtml\' xmlns:b=\'http://www.google.com/2005/gml/b\' xmlns:data=\'http://www.google.com/2005/gml/data\' xmlns:expr=\'http://www.google.com/2005/gml/expr\'>



<head>



<b:include data=\'blog\' name=\'all-head-content\'/>



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



<b:skin><![CDATA[/*



-----------------------------------------------



Name:    Beta Sunflowers Theme



Designer: se7en



URL:      www.blogsgonewild.net



Type: Free Blogger Beta Skin



----------------------------------------------- */







/* Variable definitions




====================



<Variable name=\"bgcolor\" description=\"Page Background Color\"



         type=\"color\" default=\"#fff\" value=\"#ffffff\">



<Variable name=\"textcolor\" description=\"Text Color\"



         type=\"color\" default=\"#333\" value=\"#333333\">



<Variable name=\"linkcolor\" description=\"Link Color\"



         type=\"color\" default=\"#58a\" value=\"#5588aa\">



<Variable name=\"pagetitlecolor\" description=\"Blog Title Color\"



         type=\"color\" default=\"#666\" value=\"#666666\">



<Variable name=\"descriptioncolor\" description=\"Blog Description Color\"



         type=\"color\" default=\"#999\" value=\"#999999\">



<Variable name=\"titlecolor\" description=\"Post Title Color\"



         type=\"color\" default=\"#c60\" value=\"#cc6600\">



<Variable name=\"bordercolor\" description=\"Border Color\"



         type=\"color\" default=\"#ccc\" value=\"#cccccc\">



<Variable name=\"sidebarcolor\" description=\"Sidebar Title Color\"



         type=\"color\" default=\"#999\" value=\"#999999\">



<Variable name=\"sidebartextcolor\" description=\"Sidebar Text Color\"



         type=\"color\" default=\"#666\" value=\"#666666\">



<Variable name=\"visitedlinkcolor\" description=\"Visited Link Color\"



         type=\"color\" default=\"#999\" value=\"#999999\">



<Variable name=\"bodyfont\" description=\"Text Font\"



         type=\"font\" default=\"normal normal 100% Georgia, Serif\" value=\"normal normal 100% Georgia, Serif\">



<Variable name=\"headerfont\" description=\"Sidebar Title Font\"



         type=\"font\"



         default=\"normal normal 78% \'Trebuchet MS\',Trebuchet,Arial,Verdana,Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\',Trebuchet,Arial,Verdana,Sans-serif\">



<Variable name=\"pagetitlefont\" description=\"Blog Title Font\"



         type=\"font\"



         default=\"normal normal 200% Georgia, Serif\" value=\"normal bold 200% Verdana, sans-serif\">



<Variable name=\"descriptionfont\" description=\"Blog Description Font\"



         type=\"font\"



         default=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\">



<Variable name=\"postfooterfont\" description=\"Post Footer Font\"



         type=\"font\"



         default=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\">



*/







/* Use this with templates/template-twocol.html */







body {



background:#C1E5A8;



margin:0;



color:#333;



font:90%/.9em Trebuchet, Verdana, Arial, Serif;



text-align: center;



}

/* CSS to hid navigation bar */

#navbar

{

    height:0px;

    visibility:hidden;

    display:none

}





a:link {



color:#FFF;



text-decoration:none;



}



a:visited {



color:#FFF;



text-decoration:none;



}



a:hover {



color:#CCC;



text-decoration:underline;



}



a img {



border-width:0;



}



#main-wrapper a:link {



color:#29530B;



text-decoration:none;



}



#main-wrapper a:visited {



color:#29530B;



text-decoration:none;



}



#main-wrapper a:hover {



color:#555;



text-decoration:underline;



}











/* Header



-----------------------------------------------



*/







#header-wrapper {



background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-heading-2.jpg\") no-repeat;



width:770px;



height:210px;



margin:0 auto;



text-align:left;



}







#header {



width:490px;



margin:0;



text-align: left;



}







#header h1 {



margin:0;



padding:25px 20px 0px;



font: 140% Verdana, Arial, Serif;



font-weight:bold;



line-height: 1.4em;



text-transform:uppercase;



letter-spacing:.2em;



font-style:italic;



color:#FFF;



}







#header a {



color:#FFF;



text-decoration:none;



}







#header a:hover {



color:#FACD02;



text-decoration:underline;



}







.descriptionwrapper {



margin:0;



padding:5px 20px;



font: 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif;



text-transform:uppercase;



font-style:italic;



letter-spacing:.1em;



line-height: 1.4em;



text-align:left;



color: #FFF;



}



.descriptionwrapper p {



margin:0;



padding:0;



}







/* Outer-Wrapper



----------------------------------------------- */



#outer-wrapper {



background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-content-2.jpg\");



background-repeat: repeat-y;



width: 770px;



margin:0 auto;



padding:0;



text-align:left;



font: $bodyfont;



}







#main-wrapper {



width: 470px;



float: left;



margin:-30px 0 0;



padding-left:38px;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */



}







#sidebar-wrapper {



width: 180px;



float: right;



margin-top:-10px;



padding-right:30px;



color:#FFF;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */



}



br {



clear:both;



}







/* Headings



----------------------------------------------- */







h2 {



background: url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-flower.gif\") no-repeat center left;



height:28px;



margin:1.5em 0 .75em;



padding:0 0 0 34px;



font-size:14px;



font-family: Verdana, Arial, Serif;



line-height:1.4em



font-weight:bold;







text-transform:uppercase;



color:#FFF;



}



#main-wrapper h2 {



margin:0;



padding:0;



font-size:12px;



font-weight:normal;



color:#29530B;



background:none;



}



.post-title h3 {



font-size:16px;



font-family: Verdana, Arial, Serif;



font-weight:bold;



line-height: 1.5em;



}



#ArchiveList {



margin:0;



padding-left:12px;



}



/* Posts



-----------------------------------------------



*/







h2.date-header {



margin:1.5em 0 0;



padding:0;



height:16px;



font-size:12px;



}







.post {



margin:.5em 0 1.5em;



padding-bottom:1em;



}



#main .post h3 {



background: url(\"http://i58.photobucket.com/albums/g243/freetemplates3/post-flower.gif\") no-repeat center left;



margin:0;



padding:0 0 0 38px;



height:39px;



font-family: Verdana, Arial, Serif;



font-size:18px;



font-weight:bold;



line-height:1.4em;



color:#29530B;



}







#main .post h3 a, .post h3 a:visited, .post h3 strong {



display:block;



font-family: Verdana, Arial, Serif;



font-size:18px;



text-decoration:none;



color:#29530B;



font-weight:bold;



}







#main .post h3 strong, .post h3 a:hover {



color:#29530B;



text-decoration:underline;



}







.post p {



margin:0 0 .75em;



line-height:1.6em;



}







.post-footer {



margin: .75em 0;



color:$sidebarcolor;



text-transform:uppercase;



letter-spacing:.1em;



font: $postfooterfont;



line-height: 1.4em;



}







.comment-link {



margin-left:.6em;



}



.post a img, .post img {



margin:8px;



padding:1px;



border:2px solid #29530B;



}



.post blockquote {



margin:1em 20px;



}



.post blockquote p {



margin:.75em 0;



}



p.post-footer-line-3 {



border-bottom:1px solid #29530B;



margin:0 auto;



padding:0;



}



/* Comments



----------------------------------------------- */



#comments h4 {



margin:1em 0;



font-weight: bold;



line-height: 1.4em;



text-transform:uppercase;



letter-spacing:.2em;



color: $sidebarcolor;



}







#comments-block {



margin:1em 0 1.5em;



line-height:1.6em;



}



#comments-block .comment-author {



margin:.5em 0;



}



#comments-block .comment-body {



margin:.25em 0 0;



}



#comments-block .comment-footer {



margin:-.25em 0 2em;



line-height: 1.4em;



text-transform:uppercase;



letter-spacing:.1em;



}



#comments-block .comment-body p {



margin:0 0 .75em;



}



.deleted-comment {



font-style:italic;



color:gray;



}







#blog-pager-newer-link {



float: left;



}







#blog-pager-older-link {



float: right;



}







#blog-pager {



text-align: center;



}







.feed-links {



clear: both;



line-height: 2.5em;



}







/* Sidebar Content



----------------------------------------------- */



#sidebar-wrapper ul {



list-style-type:none;



}



#sidebar-wrapper p {



padding-left:12px;



}







.sidebar {



color:#FACD02;



line-height: 1.3em;



}







.sidebar ul {



list-style:none;



margin:0 0 0;



padding:0 0 0;



}



.sidebar li {



margin:0;



padding:0 0 .25em 15px;



text-indent:-4px;



line-height:1.2em;



}







.sidebar .widget, .main .widget {



margin:0 0 1.5em;



padding:0 0 1.5em;



}







.main .Blog {



border-bottom-width: 0;



}











/* Profile



----------------------------------------------- */



.profile-img {



float: left;



margin: 0 5px 5px 0;



padding: 2px;



border: 2px solid #FFF;



}







.profile-data {



margin:0;



text-transform:uppercase;



letter-spacing:.1em;



font: $postfooterfont;



font-weight: bold;



line-height: 1.6em;



}







.profile-datablock {



margin:.5em 0 .5em;



}







.profile-textblock {



margin: 0.5em 0;



line-height: 1.6em;



}







.profile-link {



font: $postfooterfont;



text-transform: uppercase;



letter-spacing: .1em;



}







/* Footer



----------------------------------------------- */



#footer {



background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-footer-2.jpg\") no-repeat;



width:770px;



height:30px;



clear:both;



margin:0 auto;



padding:0;



line-height: 1.6em;



text-transform:uppercase;



letter-spacing:.1em;



text-align: center;



}



#credits {



margin:0;



padding-left:12px;



font-size:11px;



}



/** Page structure tweaks for layout editor wireframe */



body#layout #header {



margin-left: 0px;



margin-right: 0px;



}



]]></b:skin>

<center>

<br>

<script type=\"text/javascript\"><!--

google_ad_client = \"pub-4627435952845482\";

google_alternate_color = \"C1E5A8\";

google_ad_width = 728;

google_ad_height = 15;

google_ad_format = \"728x15_0ads_al\";

//2007-08-12: bagaskoro.blogspot.com

google_ad_channel = \"2591658313\";

google_color_border = \"C1E5A8\";

google_color_bg = \"C1E5A8\";

google_color_link = \"000000\";

google_color_text = \"29530B\";

google_color_url = \"CC0000\";

//-->

</script>

<script type=\"text/javascript\"

src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">

</script>

</br>

</center>



</head>







<body>



<div id=\'outer-wrapper\' style=\'margin-top:0px;\'><div id=\'wrap2\'>







<!-- skip links for text browsers -->



<span id=\'skiplinks\' style=\'display:none;\'>



  <a href=\'#main\'>skip to main </a> |



  <a href=\'#sidebar\'>skip to sidebar</a>



</span>







<div id=\'header-wrapper\'>



  <b:section class=\'header\' id=\'header\' maxwidgets=\'11\' showaddelement=\'yes\'>



<b:widget id=\'Header1\' locked=\'true\' title=\'BETA Sunflowers Theme (Header)\' type=\'Header\'/>



</b:section>



</div>







<div id=\'content-wrapper\'>







  <div id=\'main-wrapper\'>



    <b:section class=\'main\' id=\'main\' showaddelement=\'no\'>



<b:widget id=\'Blog1\' locked=\'true\' title=\'Blog Posts\' type=\'Blog\'/>



</b:section>







  </div>







  <div id=\'sidebar-wrapper\'>



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



<b:widget id=\'LinkList1\' locked=\'false\' title=\'Links List\' type=\'LinkList\'/>



<b:widget id=\'BlogArchive1\' locked=\'false\' title=\'Blog Archive\' type=\'BlogArchive\'/>



<b:widget id=\'Label1\' locked=\'false\' title=\'Labels\' type=\'Label\'/>



</b:section>















<h2>RSS Feed</h2>



<p>



 <a class=\'feed-link\' href=\'/feeds/posts/default\' target=\'_blank\' type=\'application/atom+xml\'><img src=\'http://i60.photobucket.com/albums/h8/freetemplates2/feed_icon.gif\'/> Atom Feed (xml)</a>



</p>



<h2>Credits</h2>



<div id=\'credits\'>



<!-- Please Don\'t Remove Link Back, Thanks! -->



Site Design By:



<br/>



<a href=\'http://freeskins.blogspot.com\' title=\'Get Your Own Blog!\'>Free Blogger Skins</a><br>

<a href=\'http://bikinblogger.blogspot.com\' title=\'BikinBlogger buat orang awam!\'>Bikinblogger</a></br>



</div>



<p id=\'powered-by\'><a href=\'http://bikinblogger.blogspot.com\'><img alt=\'Powered by BikinBlogger\' src=\'http://buttons.blogger.com/bloggerbutton1.gif\'/></a></p>















  </div>



  <!-- spacer for skins that want sidebar and main to be the same height-->



  <div class=\'clear\'> </div>



<br/>



</div> <!-- end content-wrapper -->







<div id=\'footer-wrapper\'>



  <b:section class=\'footer\' id=\'footer\'/>



</div>







</div></div> <!-- end outer-wrapper -->



</body>



</html>

Iya, tapi blon mudheng juga nih bos ?

Dasar begonya udah gawat inih, males ah nerangin lagi...lihat noh di sana , gimana nggenti template blogger luh !

Competitive Ad Filter - Binatang apakah itu ?

2007-07-27T14:37:00.000+07:00

Google AdSense ngasih sarana buat nge-block ads tertentu biar nggak muncul di situs elu. Walopun Google ads sebetulnya udah ngusahain secara tepat biar nyambung ama isi situs eluh, tapi tetep aja kadang-kadang elu nggak pengen satu iklan tertentu tampil di situs elu kan ? - contonye, elu mungkin nggak mau iklan yang bisa-bisa malah mengarah ke situs saingan eluh.

Competitive ad filter ini bekerja dengan cara nge-block ads yang ngelink ke satu URL. Dengan cara ini, elu bisa dengen mudahnye nge-block semua ads yan gngelink ke situs kompetitor elu di www.contoh.com. Dengan memasukan domain utama seperti www.contoh.com, elu juga bakalan ngeblok semua ads yang ngelink ke subdirectories dibawah domain tersebut. Aturan dibawah ini berlaku buat competitive ad filter:

* Masukin contoh.com akan nge-block ads ke contoh.com dan contoh.com/sub
* Masukin example.com juga akan nge-block ads ke www.contoh.com dan forums.contoh.com
* www.contoh.com bakal nge-block ads ke www.contoh.com tapi enggak ke forums.contoh.com atau contoh.com
*contoh.com/sub enggak akan ngeblock ads ke contoh.com/products atau example.com/sub/index.html

Umumnya sih, lebih bagus elu kaga usah nulis 'www' dari URL di daftar filter elu, biar bisa lebih luas lagi milternya.

Tuntunan ini bakal terbagi dalem dua bagean:

1. Menggunakan competitive Ad Filter
2. Menemukan URL dari Ad

Cara menggunakan Competitive Ad Filter

Di 5 langkah mudah berikut, kita akan menunjukkan ke elu pade bagaimana membikin competitive ad filter elu dari account AdSense elu.

* Buat ngedit competitive ad filter, log in ke account AdSense elu di https://www.google.com/adsense.
* Klik AdSense Setup tab. Sebentuk lajur yan gterdiri dari link2 akan muncul dibawah tab - click Competitive Ad Filter. Halaman ini menampilkan URL2 yang sedang difilter di account eluh. Kalo ini perama kali lu ngutak-atik bagian ini maka text boxny masih kosong.

Pilihlah product sub-tab yang cocok dan klik Add / Edit Sites.
* Copy URL dari ad ke dalam daftar filter elu. Ada banyak cara buat menemukan URL - kedua cara itu akan diceritakan lebih lanjut di bawah.
* Klik Save Changes to add these sites kedalem competitive ad filter lu. Biasanya sih makan waktu sekitar 4 jam buat ngeliat reaksinya, jadi elu bakalan masih ngeliat ads yan gelu benci itu setidaknya 4 jem, kalo dua ari jug amasih muncul lebih baik elu kirim email ke sini.

Menemukan URL Ad
Buat ngeblock ad, elu bakalan butuh memasukkan the display URL atau the destination URL ke dalem filter eluh. Display URL yaitu URL yan gterlihat didalem tulisan ad. Nggak semua fitur ad menampilkan display URL; tergantung dari ad format yang elu gunain sih, elu mungkin membutuhkan destination URL dari ad tersebut biar milternya lebih manteb.

Ada dua cara buat mendapatken destination URL : the AdSense Preview Tool, dan ngelihat link Properties. Gua saranin sih elu gunain the preview tool ajeh, soale luwih gampang tur ono paedah tambahan hopo hora penak ?

AdSense Preview Tool
AdSense Preview Tool itu merupakan sebuah tambahan dari menu klik-kanan dari Internet Explorer 6.x browsers. Dia menawarkan kemampuan buat melihat ads yang bakalan muncul di halaman situs elu, dan buat menampilkan destination URL hanya dengan beberapa klik ajeh !

Buat ngedonlot AdSense Preview Tool, dan buat baca fiturnya lebih lanjut klik aja ke sini

Buat nemuin destination URL:

* Browse halaman yang berisi ads yang bakal elu filter.
* Klik-kanan disembarang tempat di halaman itu. Dari pop-up menu yang muncul, pilih Google AdSense Preview Tool. Tool itu bakalan ngebuka sebuah window baru.
* Pilih checkbox adjacent di tiap ad yang bakal lu block dan klik Show Selected URLs. Destination URL dari ads yang dipilih bakal muncul.
* Copy dan paste URL ke competitive ad filter text box di Account Publisher AdSense elu dan klik Save Changes.

Catatan : Butuh waktu sekitar 4 jam buat ngeliat epeknyah.

Ngelihat link Properties
Destination URL lengkap dari tiapo ad melekat didalem link properties. Elu bisa melihat kode link buat menemukan destination URL:

1. Klik-kanan di judul ad dan pilih Copy Shortcut (IE) atau Copy Link Location (Netscape).
2. Buka sebuah text editor, seperti Notepad, dan paste pilihan elu ke text editor. Buat nge- paste, pilih Paste dari menu edit di text editor.
3. Destination URL dari ad adalah tulisan diantara 'adurl=' dan '&'. Sebage conto, copy dari URL akan muncul seperti ini (conto sudah disingkat dengan tanda kurung):

http://pagead2.googlesyndication.com/pagead/adclick?
sa=l&(...)&adurl=http://www.blogger.com/signup.g&client=

ato

http://www.googleadservices.com/pagead/adclick?adurl=
http://www.blogger.com/signup.g&sa=

Destination URL di conto diatas adalah http://www.blogger.com/signup.g

4. Copy dan paste value ini kedalem competitive ad filter text box di account AdSense elu dan klik Save Changes. Sekali lagi butuh 4 jam buat ngeliat efeknya.

Bagaimana, gampang kan ?

Ratatouille template

2007-07-11T16:43:00.000+07:00

Mumpung pelemnya lagi mecahin box office, nggada salahnye elu ngrubah blogger template elu make si tikusendang ini. Gampang banget kok caranya, kalo masih bingung coba lihat caranya di sini, kalo masih bingung juga sebaiknya ke laut ajeh lu !

Ini tikus lucu dan menggemaskan, di template ini elu bakalan diseselin satu klip pendek dari filemnya, dan tiap bagian sub header dikasih bagian tag dari potongan filemnya juga. Asyik lah pokokna mah ! Sok, dicobian siah !

Nih kodenya, tinggal kopi paste, jadi deh ! Kalo mau lihat jadinya silahkan lihat di sini !


<?xml version=\"1.0\" encoding=\"UTF-8\" ?>



<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">



<html xmlns=\'http://www.w3.org/1999/xhtml\' xmlns:b=\'http://www.google.com/2005/gml/b\' xmlns:data=\'http://www.google.com/2005/gml/data\' xmlns:expr=\'http://www.google.com/2005/gml/expr\'>



<head>



  <b:include data=\'blog\' name=\'all-head-content\'/>



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



  <b:skin><![CDATA[







    /********** REMOVE THIS WHOLE BLOCK TO SHOW THE BLOGGER NAVBAR ************



    **                                                                       **



    **/     #navbar-iframe {height:0px;visibility:hidden;display:none}      /**



    **                                                                       **



    **************************************************************************/



 



/* Variable definitions



 ====================



<Variable name=\"bgColor\" description=\"Page Background Color\"



         type=\"color\" default=\"#9598A5\" value=\"#9598A5\">



<Variable name=\"textColor\" description=\"Text Color\"



         type=\"color\" default=\"#333333\" value=\"#333333\">



<Variable name=\"linkColor\" description=\"Link Color\"



         type=\"color\" default=\"#002277\" value=\"#002277\">







<Variable name=\"headerTextColor\" description=\"Page Header Text Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">



<Variable name=\"titleColor\" description=\"Post Title Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">







<Variable name=\"borderColor\" description=\"Border Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">



<Variable name=\"dateHeaderColor\" description=\"Date Header Color\"



         type=\"color\" default=\"#cccccc\" value=\"#cccccc\">







<Variable name=\"sidebarTitleTextColor\" description=\"Sidebar Title Text Color\"



         type=\"color\" default=\"#ffffff\" value=\"#ffffff\">







<Variable name=\"bodyFont\" description=\"Text Font\"



         type=\"font\" default=\"normal normal 100% Verdana, Arial, Sans-serif;\" value=\"normal normal 100% Verdana, Arial, Sans-serif;\">



<Variable name=\"headerFont\" description=\"Page Header Font\"



         type=\"font\" default=\"normal normal 210% Verdana, Arial, Sans-serif;\" value=\"normal normal 210% Verdana, Arial, Sans-serif;\">







*/







body {



background: $bgColor;



margin: 0;



padding: 0px;



font: x-small Verdana, Arial;



text-align: center;



color: $textColor;



font-size/* */:/**/small;



font-size: /**/small;



}







a:link {



color: $linkColor;



}



a:visited {



color: $linkColor;



}



a img {



border-width: 0;



}







/* Header



----------------------------------------------- */



#header-wrapper {



margin:0;



padding: 46px 0 0;



text-align: left;



background: url(http://img454.imageshack.us/img454/2813/image1rh3.gif) bottom center no-repeat;



}







#header {



width: 1024px;



margin: 0 auto;



color: $headerTextColor;



padding: 0;



font: $headerFont;



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_logo.jpg) top right no-repeat;



height: 185px;



}







h1.title {



padding-top: 25px;



margin: 0 14px .1em;



line-height: 1.2em;



font-size: 100%;



}







h1.title a {



color: $headerTextColor;



text-decoration: none;



}







#header .description {



display: block;



margin: 0 14px;



padding: 0 0 40px;



line-height: 1.4em;



font-size: 50%;



width: 700px;



}



                                                         



/* Content



----------------------------------------------- */







.clear {



clear: both;



}







#wrap2 {



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_pedigree.jpg) top center no-repeat;



}







#outer-wrapper {



background: url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_apple_bg.jpg) top center no-repeat;



}







#content-wrapper {



width: 1024px;



margin: 0 auto;



padding: 0;



text-align: left;



background: #6884D7 url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_apple_bg.jpg) center -100px no-repeat;



}



#main-wrapper {



margin-left: 14px;



width: 720px;



float: left;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */



}



#sidebar-wrapper {



margin-right: 14px;



width: 250px;



float: right;



word-wrap: break-word; /* fix for long text breaking sidebar float in IE */



overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */



}







/* Headings



----------------------------------------------- */



h2, h3 {



margin: 0;



}







/* Posts



----------------------------------------------- */



.date-header {



margin: 1.5em 0 0;



font-weight: normal;



color: $dateHeaderColor;



font-size: 100%;



}



.post {



margin: 0 0 1.5em;



padding-bottom: 1.5em;



}



.post-title {



margin: 0;



padding: 0;



font-size: 125%;



font-weight: bold;



line-height: 1.1em;



color: $titleColor;



}



.post-title a, .post-title a:visited, .post-title strong {



text-decoration: none;



color: $titleColor;



font-weight: bold;



}



.post div {



margin: 0 0 .75em;



line-height: 1.3em;



}



p.post-footer {



margin: -.25em 0 0;



font-size: 83%;



}







.post-footer .span {



margin-right: .3em;



}



.comment-link {



margin-left: .3em;



}



.post img {



padding: 4px;



border: 1px solid $borderColor;



}



.post blockquote {



margin: 1em 20px;



}



.post blockquote p {



margin: .75em 0;



}







/* Comments



----------------------------------------------- */



#comments h4 {



margin: 1em 0;



color: $dateHeaderColor;



}



#comments h4 strong {



font-size: 110%;



}



#comments-block {



margin: 1em 0 1.5em;



line-height: 1.3em;



}



#comments-block dt {



margin: .5em 0;



}



#comments-block dd {



margin: .25em 0 0;



}



#comments-block dd.comment-footer {



margin: -.25em 0 2em;



line-height: 1.4em;



font-size: 78%;



}



#comments-block dd p {



margin: 0 0 .75em;



}







.deleted-comment {



font-style:italic;



color:gray;



}







.feed-links {



clear: both;



line-height: 2.5em;



}







#blog-pager-newer-link {



float: left;



}







#blog-pager-older-link {



float: right;



}







#blog-pager {



text-align: center;



}







/* Sidebar Content



----------------------------------------------- */



.sidebar h2 {



margin: 1.6em 0 .5em;



padding: 13px 5px 3px 7px;



background:url(http://disney.go.com/disneypictures/ratatouille/content/images/gallery/04.jpg) left center;



font-size: 100%;



color: $sidebarTitleTextColor;



}



                                                         



.sidebar ul {



margin: 0;



padding: 0;



list-style: none;



}



.sidebar li {



margin: 0;



padding: 0 0 .5em 15px;



text-indent: -15px;



line-height: 1.5em;



}



.sidebar {



color: #fff;



line-height:1.3em;



}



.sidebar a,.sidebar a:visited {



color: #fff;



}



.sidebar .widget {



margin-bottom: 1em;



}







.sidebar .widget-content {



margin: 0 5px;



}







/* Profile



----------------------------------------------- */



.profile-img {



float: left;



margin: 0 5px 5px 0;



padding: 4px;



border: 1px solid $borderColor;



}







.profile-data {



margin:0;



text-transform:uppercase;



letter-spacing:.1em;



font-weight: bold;



line-height: 1.6em;



font-size: 78%;



}







.profile-datablock {



margin:.5em 0 .5em;



}







.profile-textblock {



margin: 0.5em 0;



line-height: 1.6em;



}







                                                         



/* Footer



----------------------------------------------- */



#footer-wrapper {



clear: both;



height:495px;



background:url(http://movies.apple.com/trailers/disney/ratatouille/images/rat_img_paris.jpg) bottom center no-repeat;



}



#footer-wrapper .copy {



padding-top: 165px;



font-size: 80%;



}



#footer-wrapper .copy a {



color: #333;



text-decoration: none;



}







]]></b:skin>



</head>







<body>



<div id=\'outer-wrapper\'><div id=\'wrap2\'>







  <!-- skip links for text browsers -->



  <span id=\'skiplinks\' style=\'display:none;\'>



    <a href=\'#main\'>skip to main </a> |



    <a href=\'#sidebar\'>skip to sidebar</a>



  </span>







  <div id=\'header-wrapper\'>



    <b:section class=\'header\' id=\'header\' maxwidgets=\'1\' showaddelement=\'no\'>



<b:widget id=\'Header1\' locked=\'true\' title=\'TEST BLOG (Header)\' type=\'Header\'/>



</b:section>







  </div>







  <div id=\'content-wrapper\'>



    <div id=\'crosscol-wrapper\' style=\'text-align:center\'>



      <b:section class=\'crosscol\' id=\'crosscol\' showaddelement=\'no\'/>



    </div>







    <div id=\'main-wrapper\'>



      <b:section class=\'main\' id=\'main\' showaddelement=\'no\'>



<b:widget id=\'Blog1\' locked=\'true\' title=\'Blog Posts\' type=\'Blog\'/>



</b:section>



    </div>







    <div id=\'sidebar-wrapper\'>



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



<b:widget id=\'BlogArchive1\' locked=\'false\' title=\'Blog Archive\' type=\'BlogArchive\'/>



</b:section>



    </div>







    <!-- spacer for skins that want sidebar and main to be the same height-->



    <div class=\'clear\'> </div>







  </div> <!-- end content-wrapper -->







  <div id=\'footer-wrapper\'>



    <embed FlashVars=\'videoUrl=http://progressive.totaleclips.com.edgesuite.net/100/b10098_b3h.flv&thumbnailUrl=http://aycu35.webshots.com/image/15474/2006372313259728236_rs.jpg&amp;amp;playerMode=mini&hl=en;\' allowscriptaccess=\'sameDomain\' src=\'http://video.google.com/googleplayer.swf\' style=\'width:533px;height:300px;\' type=\'application/x-shockwave-flash\'/>



    <div class=\'copy\'><a href=\'http://blogger-templates.blogspot.com\'>Powered by Blogger Templates</a></div>



  </div>







</div></div> <!-- end outer-wrapper -->



</body>

<a href=\'http://bikinblogger.blogspot.com\'>Copied by BikinBlogger</a>



</html>

Adsense Referrals 2.0 diluncurkan !

2007-07-05T22:20:00.002+07:00

Bulan Maret yang lalu, AdSense ngeluncurin referrals beta untuk menguji beberapa fitur dan merapikan detail. Sekarang mereka udah selesai tuh ngujinya, maka referrals 2.0 bakalan segera tersedia buat semua AdSense publisher , tentu saja di referrals-supported languages.

Mungkin diantara eluh sudah akrab dengan referral dari produk-produk Google, peluncuran produk yang ini tentu saja akan bikin semakin luas dan banyak referral yang bisa dimanfaatkan oleh AdSense publishers. Dibawah ini kita sudah menggarisbawahi keuntungan dari referrals 2.0:

* Expanded product inventory: Bahwa sebagian dari elu banyak yang bisa menangguk untung dari salah satu produk Google, tapi ada sebagian pula yang enggak cocok nggunain referrals, soalnya engak cocok sama tema situs. Referrals 2.0 menawarkan produk-produk dari ribuan pengiklan AdWords, jadi besar kemungkinan elu pade bisa nemuin iklan yang cocok elu pasang di situs eluh.

* Category and keyword targeting: Dengan tersedianya ribuan produk, bakalan sulit buat nentuin mana yang paling manteb buat situs elu. Itulah maka AdSense ngasih pilihan buat nge-referensiin produk-produk berdasarkan kategori dan kata kunci. Elu bisa mempersempit jenis iklan yang bakalan elu tampilin dan biarkan AdSense menemukan iklan mana yang paling manteb ngasilin duit buat situs elu. Apakah elu mau iklan dengan kategori berdasarkan kekhusus-an, pengiklan, atau produk, referrals 2.0 bakalan nyerahin semua kontrolnya ke eluh!

* Ad unit optimization: Kadang diperlukan keahlian tersendiri untuk milih iklan yang paling pas dengan situs kita, jadi AdSense sudah memasukkan optimisasi ad unit buat referrals. Kalo elu bikin sebuah referral ad unit yang baru, elu tinggal milih pilihan iklan dengan kinerja terbaik. Kemudian Adsense bakalan membandingkan iklan pilihan elu dengan iklan-iklan lain yang relevan, dan menyajikan iklan-iklan yang diharapkan akan berkinerja bagus di situs eluh.

* Better targeting for pages with multiple themes: Dengan standard contextual targeting, iklan mungkin nggak nyambung secara langsung dengan text di sekitar mereka jika ada banyak tema di halaman tersebut. Dengan referrals, elu bisa milih “keywords” unik untuk masing-masing ad unit buat mempersempit target langsung ke tema yang elu pilih. Semakin baik targeting berarti semakin banyak duit yang bakal elu dapet.

* Greater compensation for high-quality traffic: Karena referrals dibayarkan berdasar cost-per-action (CPA), traffic elu sangatlah berpengaruh. Jika traffic elu tinggi, elu bakalan banyak dapet duit dari referrals ini.

* Add your seal of approval: Nggak seperti AdSense for content ads, kebijakan referrals ini malah boleh nambahin kata-kata pembujuk biar ngeklik.

Buat memulai referrals, klik tab AdSense Setup di AdSense eluh, kemudian klik Referrals. Kalo elu belon liat referrals 2.0 saat ini, coba dicek lagi dalam beberapa hari mendatang deh, soale fitur2 bakalan tersedia buat semua pemegang akun AdSense dalam beberapa minggu mendatang. Oh ya, jangan lupa, untuk beberapa bahasa, pengiklan baru saja mulai, jadi persediaan iklan mungkin masih terbatas untuk saat ini. Gua saranin elu buat sering-sering nge-cek.

Polls Page element- Nambahin polling di blogger !

2007-07-02T11:33:00.000+07:00

Polls page element adalah fitur terbaru di Blogger in draft. Dengan page element yang baru ini, elu bisa nambahin polling di blog’s sidebar yang bisa dipilih sama pembaca blog elu (lihat noh di pojok kanan atas ? isi ya ? :P ). Tambahin sebanyak mungkin pilihan kalo elu mau, bahkan elu bisa milih tanggal penutupan polling elu.

Tanpa banyak bacot, bikinblogger akan ngasih tahu caranya, ayo kita lihat tutorialnya dibawah ini :

1. Pertama elu musti log in dulu ke http://draft.blogger.com
2. Elu masuk ke template/page element
3. Pilih Add Page element, pilih poll

4. Bikin Poll eluh !

5. Kalo elu pingin narok polling di postingan ini kodenya :


<iframe height=\'xxx\' name=\'poll-widget-xxxxxxxxx\' src=\'http://www.google.com/reviews/polls/display/-xxxxxxxxx/blogger_template/run_app?purl=http%3A%2F%2Fxxxxx.blogspot.com%2F\'

style=\'border:none; width:100%\'></iframe>

Gimana ? Mantabh kan ? Cobain gih !

AdSense Border Formats - Ergonomic bersudut landai

2007-06-27T06:28:00.000+07:00

Kalo elu liat-liat lagi, baru-baru ini AdSense memperkenalken format baru dari iklan AdSense. Minggu ini, mereka menambahkan sebuah dimensi baru buat publisher buat ngutak-atik bentuk iklannya. Sudah lama elu bisa ngutak-atik ukuran dan warna ad units; sekarang, elu bisa juga ngulik bentuk dengan berbagai pilihan yang tersedia seperti kotak abis, agak landai, atau landai sekali.

Nah, moga-moga aja elu ama pengunjung situs lu bakal lebih 'tertarik' buat ngeklik tampilan iklan baru, ujung-ujungnya dompet elu menebel, makanya selalu ikutin berita terbaru dari Bikinblogger biar gak telmi yahya....

Blogger Hacks - Cara mudah menghilangkan Navigation Bar

2007-06-22T17:17:00.000+07:00

Seringkali Navigation Bar diatas bikin kita punya blog betul-betul tampak gratisan, belum lagi kalo ada orang iseng yang ngasih flag, bisa-bisa blogger kita bisa dibanned ! Maka ini ada cara sederhana make CSS buat ngilangin navbar diatas. This is courtesy of Tech Thoughts our Indian friend, translated to Indonesian by Bikinblogger.

Ikuti langkah-langkah mudah buat copy paste code dibawah ini :

/* CSS to hid navigation bar */


#navbar



{



        height:0px;



        visibility:hidden;



        display:none



}

Log in ke akun blogger elu terus pilih Layout blog yang bakal lu ulik
Pilih tab page Template dan klik di Edit HTML
Cari kata-kata body { di kode template HTML elu, dan paste kode diatas setelah elemen body { ... }.
Udah! Mulai sekarang elu kagak bakal lihat Nav Bar bangsat itu lagi !

Ini yang bakalan elu lihat di kode template HTML eluh setelah masang kode hack diatas :