cara menghilangkan obeng-tang

Dimana kita menemukan tanda Obeng dan Tang?mungkin ini pertanyaan pertama anda saat lihat postingan saya ini,,sekarang saya langsung jawab ya tanda obeng dan tang kita temukan saat kita mengedit blog kita dan melihatnya maka akan muncul tanda2 ini di setiap halaman gadget kita maksudnya supaya kita bisa langsung edit gadget kita,,untuk menghilangkan tanda tersebut ikuti langkah-langkah dibawah ini:

1. Login ke blogger anda seperti biasa
2. Klik Tata Letak (layout)
3. Klik tab Edit HTML.
4. Cari kode seperti ini :


]]> </b:skin>


5.Copy paste kode berikut persis di atas kode yang tadi :


.quickedit{
display:none;
}


6.Klik tombol Simpan template.

7.Selesai dan lihat hasil kerja anda ,,,

Good Luck!!!

Read more »

Posted in: Tutorial

membuat breadcrumbs diatas judul postingan blog

Breadcrumbs, Membuat Alamat Artikel Post di Blogspot - sebuah kata yang sulit diterjemahkan bagi SEOrang newbie, breadcrumbs ? apa itu breadcrumbs ?, Yang anda fikirkan adalah bagaimana cara membuat alamat artikel post di blogspot diatas judul ? iyapz memang itulah bahasa yang mudah kita pahami . Nah untuk contohnya saya rasa kamu bisa melihat di atas judul artikel blog ini, adalah seperti urutan alamat artikel .


Berikut ini script dan cara memasang nya agar di blog anda juga terdapat breadcrumbs :

1. Silahkan login di blogger dengan akunmu
2. Click Layout
3. Click Edit HTML tab
4. Click Download Full Template and please back up your template first
5. Please check the small box beside Expand Widget Template
   
   
6. Cari code ]]></b:skin>
7. Copy and paste the code dibawah, tepat diatas code ]]></b:skin>
   

   .breadcrumbs{
   padding:5px 5px 5px 0;
   margin:0;font-size:95%;
   line-height:1.4em;
   border-bottom:4px double #cadaef;
   }

8.   Cari code berikut di dalam template :
   <div class='post hentry uncustomized-post-template'>
   
9. Copy and paste code dibawah tepat dibawah code <div class='post hentry uncustomized-post-template'> atau jika tidak menemukan coba cari <div class='post hentry . Jangan lupa gunakan CTRL + F untuk mempermudah pencarian.
   
   

   <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='breadcrumbs'>
   Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
   <b:if cond='data:post.labels'><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 != &quot;true&quot;'> , </b:if>
   </b:loop>
   </b:if> &#187; <data:post.title/>
   </div>
   </b:if>
   </b:if>

10. Click Save Template button
11. Tunggu sampai tersimpan
12. Buka blog kamu, klik salah satu postingan, lihat hasilnya
13. Finished.

Read more »

Posted in: Tutorial

Menghilangkan widget attribution blogger

 pada episode kali ini membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.



pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {height:0px;
visibility:hidden;
display:none
}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Read more »

Posted in: Tutorial

Menambah elemen dibawah 2 sidebar

Sebelumnya saya pernah posting cara menambahkan elemen (dua kolom tambah gadget) dibawah sebuah sidebar utama.
 
Postingan kali ini trik menambah elemen halaman dibawah dua kolom atau sidebar yang telah saya buat kemarin.
Seperti gambar dibawah ini:


Menambah elemen di bawah dua sidebar

1. Login ke blogger dengan id anda
2. Masuk ke menu Tata Letak
3. Pada tab menu, klik Edit HTML
4. Backup template anda, klik Download Template Lengkap
5. Sekarang cari kode ini :
   

   #sidebar-wrapper {
   width: 220px;
   float: $startSide;
   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
   overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
   }

6. Silahkan diganti dulu nilai width 220px; dan properti float: $startSide; dengan nilai lebar sidebar yang anda rencanakan. Misalnya width: 350px dan properti menjadi float: right; Jadinya seperti ini :
   

   #sidebar-wrapper {
   width: 350px;
   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 */
   }

7. Jika anda telah membuat dua sidebar di bawah sidebar utama seperti pada tutorial yang sebelumnya, silahkan tambahkan hanya kode yang berwarna hijau saja.
   

   #left-col {
   width:170px;
   float:left;
   word-wrap:break-word;
   overflow:hidden;
   }
   #right-col {
   width:170px;
   float:right;
   word-wrap:break-word;
   overflow:hidden;
   }
   #bottom-col {
   width:350px;
   float:right;
   word-wrap:break-word;
   overflow:hidden;
   }

   Sehingga kodenya akan menjadi seperti ini :
   

   #sidebar-wrapper {
   width: 350px;
   float: right;
   $startSide
   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 */
   }
   #left-col {
   width:170px;
   float:left;
   word-wrap:break-word;
   overflow:hidden;
   }
   #right-col {
   width:170px;
   float:right;
   word-wrap:break-word;
   overflow:hidden;
   }
   #bottom-col {
   width:170px;
   float:right;
   word-wrap:break-word;
   overflow:hidden;
   }

8. Sekarang buat kode HTML untuk bottom sidebar yang dinamai sebagai "bottom-col" tersebut. Carilah kode ini :
   

   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'/>
   <b:widget id= dan seterusnya...
   <b:section class='sidebar' id='left-col' preferred='yes'/>
   <b:section class='sidebar' id='right-col' preferred='yes'/>
   </div>

9. Sisipkan kode berikut di bawah kode tadi :
   <b:section class='sidebar' id='bottom-col' preferred='yes'/>
10. Sehingga secara keseluruhan menjadi seperti ini :
    

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'/>
    <b:widget id= dan seterusnya....
    <b:section class='sidebar' id='left-col' preferred='yes'/>
    <b:section class='sidebar' id='right-col' preferred='yes'/>
    <b:section class='sidebar' id='bottom-col' preferred='yes'/>
    </div>

11. Sekarang klik tombol SIMPAN TEMPLATE
12. Selesai 

semoga berhasil

Read more »

Posted in: Tutorial

Menampilkan next page hanya judul postingan

Bukan apa-apa tapi hanya iseng-iseng ingin menulis di blog ini saja (ehh tapi sebenernya emang Saya bercita-cita sebagai penulis lho ). Dengan maksud ingin membagi-bagikan sedikit pengetahuan Saya mengenai mengotak-atik blog di blogspot Saya akhirnya menulis artikel ini dengan diawalai doa Saya mantap menulis artikel ini untuk Sobat-sobat sekalian semoga bermanfaat.

Oke langsung aja ke topik pembicaraan yaitu menampilkan next page dengan judul postinganya saja di main blog. Gimana maksudnya next page sih?
Maksud Saya "next page" itu adalah halaman dari blog selain halaman depan itu loh! apabila Anda mengklik link "Older post" atau "Posting lama" di main page hanya muncul judul postingnya saja.

Seperti Anda jika mengklik link "older post" di blog kang rohman






Hanya akan tampak judul postingnya saja seperti dibawah ini



Iya tha.. Kalau g percaya buktikan saja

Mau tau caranya?

Nah caranya cukup mudah kok gini lo

Masuk menu Layout kemudian masuk menu Edit HTML dan centang tanda "Expand widget templates"

Lalu Masukkan CSS dibawah ini diatas code ]]></b:skin>

#titleonly {
padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#B8002E;
}

Kalau Sudah cari code dibawah ini

<b:include data='post' name='post'/>

Ganti Code diatas dengan code dibawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div id='titleonly'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kalau Sudah tinggal SAVE dehh!!

Gimana gampang kan?

Tampilanya bisa kamu ubah sesuai dengan selera kamu tinggal mengedit CSSnya.

Nah jika ingin menampilkan semua judul post pasang URL link dibawah ini

http://AlamatBlogAnda.blogspot.com/search?max-results=200

Ganti tulisan yang tercetak merah diatas dengan alamat blog Anda

semoga bermanfaat

Read more »

Posted in: Tutorial

Cara Mengetahui Load Time Blog

laba-laba blogLoad time (waktu muat) blog sangat penting karena bisa mempengaruhi “kepuasan” pengunjung. Sebuah penelitian online tahun lalu menyebutkan bahwa 75 % pengunjung tidak akan kembali lagi ke blog atau situs yang load time-nya lebih dari empat detik. Bagaimana cara mengetahui load time suatu blog atau situs?



Salah satu cara praktisnya adalah dengan menggunakan free online tool yang disebut Website Speed Test. Situs ini memungkinkan kita memeriksa load time 10 blog sekaligus dan hasilnya mencakup ukuran, load time, dan rata-rata kecepatan per kilobyte.

Saya sudah mencobanya dengan memasukkan 9 nama domain para sahabat Blogodolar. Di bawah ini adalah hasilnya.

blog speed test

Saya berusaha mempertahankan load time Blogodolar di bawah 2 detik dengan cara optimasi gambar yang digunakan dan menghapus plugin-plugin yang kurang bermanfaat. Bagaimana dengan Anda?

Read more »

Posted in: Tutorial

Memberi gambar disamping judul postingan

langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada
2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com
3. anda akan mendapatkan URL image anda seperti contoh URL image saya

http://a0.twimg.com/profile_images/1207555254/DSC02168_bigger.JPG

4.setelah itu buat kode berikut

<img src="http://a0.twimg.com/profile_images/1207555254/DSC02168_bigger.JPG" width="45" hight="45" border="0"></img>

angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

1.Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

2.silakan anda cari kode dibawah ini

<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>

3. kemudian sisipkan kode yang kita buat sebelumnya (kode pada no.4) menggantikan kata sisipkan kode

<a expr:href='data:post.url'> sisipkan kode <data:post.title/></a>
<b:else/>

4.Save Template

5. Silakan View Blog

Selamat Mencoba dan semoga berhasil!!!

Read more »

Posted in: Tutorial

Cara mengganti logo blogspot - mengganti favicon blogger

Blogger.com (blogspot.com) memberikan kebebasan kepada para bloggernya untuk mengubah faviconnya masing-masing. Lihat perbandingan dua gambar berikut.

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:

1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
4. Upload gambar ke ImageShack (gratis) dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://img691.imageshack.us/img691/2631/icon2a.gif.
5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
6. Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
7. Selipkan syntax berikut :
   <link href='http://img691.imageshack.us/img691/2631/icon2a.gif' rel='shortcut icon'/> (NB: Ganti alamat http://img691.imageshack.us/img691/2631/icon2a.gif sesuai alamat icon anda di ImageShack)
8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba. Beri tahu saya hasil yang anda buat.

--------------------- Update (10 Feb 2010) --------------------

Untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:

<link href='http://img691.imageshack.us/img691/2631/icon2a.gif' type='image/gif' rel='icon' />

Tepat dibawah kode point no. 7.

Favicon dengan tipe file gif bisa muncul dengan baik di browser firefox, namun tidak tampak di IE. Untuk memastikan setiap icon muncul dengan konsisten, tipe file harus .ico. Silahkan kunjungi http://www.html-kit.com/favicon/ untuk membuat file .ico gratis!

Semoga bermanfaat.

Read more »

Posted in: Tutorial

CARA UP LOAD GAMBAR DAN MENDAPATKAN KODE URL

Sobat Bloger apa kabar semua mungkin ini sedikit berguna bagi yang masih awam tentang bagaimana mendapatkan kode URL. khususnya di Photo Bucket. silakakan ikuti Tutorial ini



Pertma silakan Sobat Bloger click di sini * Site Photo Bucket kemudian masukakan data data sobat Bloger seperti E mail/ user name dan buatlah pass word. dan click next step .. dan ikuti langkah selanjutnya samapi acount Photo bucket sobat Bloger aktif. Dan jika sudah aktif silakan Login jika proses Login sucses maka akan muncul tampilan seperti ini>>>>>


Nahh di tampilan Window ini kan ada * UPLOAD IMAGE & VIDEO * kemudian click CHOSE FILES dan brows mana file yang akan sobat upload, pilih file nya kemudian tunggu sampai proses Upload nya selesai, Baru setelah itu simpan gambar yang sudah di Up load click pada button save and continue seperti terlihat pada gambar berikut>>>>>

Jika Proses di atas itu semua telah selesai barulah kita bisa mendapatkan kode URL gambar yang kita Up load. dengan cara kita sorot gambar yang kita Up load itu di album kita dan di sana akan muncul kode URLnya seperti ini>>>

Dan copy lah code URL yang akan sobat pakai di scrip sobat * Pilih copy yang no 2 ( direct link ) copy dan pastekan di scrip yang anda edit. selesai lah prosesnya.

jika kita ambil dari Friendster seperti ini copy kan code yang ada di bagian bawah gambar yang kita buka seperti ini >>>>>>

Read more »

Posted in: foto,Tutorial

Cara Membuat Marquee text/Teks Berjalan

Teks yang berjalan seperti ini pertamakali saya dapatkan saat sedang bermain-main dengan Ms.frontPage 2003. Sebelum membuat marquee, saya mau bertanya, apa ada yang belum tahu tentang marquee? Kalo’ belum tau, coba lihat contoh dibawah ini . . .
marquee

Sebenarnya teks diatas dapat dimodifikasi sesuai selera anda, nanti kita akan bahas bersama-sama. . .



BAB I: Marquee dasar
ini kode untuk membuat marquee


isikan teks anda

Jika anda menuliskan kode diatas maka hasilnya akan
menjadi

isikan teks anda

Jika sudah menjadi seperti itu, maka bab pertama
telah selesai.

BAB II:Modifikasi Marquee
Anda ingin memodifikasinya menjadi seperti apa? Ingin
menambahkan background, link, kecepatannya, atau arah geraknya? Jika ingin
semuanya simak tutorial dibawah ini:

1. Marquee dengan link
Jika anda ingin menambahkan link pada teks berjalan
milik anda caranya sangat mudah, penulisannya pun sama dengan saat menuliskan
link-link pada teks biasa. Misalkan penulisan link pada teks biasa seperti ini:


Blogger

Hasil:
Blogger

Maka kita hanya menambahkan kode

pada sebelum dan sesudah teks
tersebut, menjadi:


Blogger

Hasil:

Blogger

2. Mengedit Font/huruf
Pada tahap ini, anda akan belajar cara mengedit jenis
huruf, ukurannya, warna, style dan kecepatannya. Pada Tahap ini, anda akan
membutuhkan kode:

Face=”” ----Digunakan untuk mengganti huruf
Size=”” ----Sama seperti namanya, digunakan untuk
mengganti ukuran huruf
Color=”” ----Untuk mengganti warna font
Scrollamount=”” ----Jika anda ingin mengganti
kecepatannya, maka kode ini perlu digunakan

Setelah mengetahui kode diatas, apakah anda sudah
dapat memodifikasinya sendiri? Jika masih belum simak kode dibawah ini baik-baik,
saya akan menggabungkan semua kode diatas.




Blogger



Pada kode diatas tidak saya tambahkan link. Hasil:

Blogger

Keterangan:
· Coba carilah kata scrollamount=”2”, jika anda
ganti angkanya menjadi 3 atau 6 maka teksnya akan lebih cepat.
· Ada banyak teks yang menghimpit kata Blogger
(Blogger), ini merupakan kode untuk memberikan garis bawah/underline,
membuat teks menjadi miring/italic dan menjadi tebal/blod.
· Kalo’ kode yang berwarna merah adalah kode
format pada kata Blogger. Anda dapat mengganti warna, jenis huruf, dan ukurannya
sendiri.

Jika ingin menambahkan link, tinggal tambahkah kode
untuk link, yang akan menjadi:




Blogger



Keterangan:
· Kode yang bewarna hitam adalah kode marquee
· Kode yang bewarna biru adalah kode untuk link
· Kode yang bewarna merah adalah kode font (ukuran,
warna, dll)

3. Memberikan warna background/warna latar
Perhatikan kode dibawah ini:

Blogger

Teks yang biru dapat anda ganti dengan kode warna
lainnya.

4. Mengganti arah
Untuk mengganti arah, akan digunakan kode dibawah ini:


Blogger

· Kata down dapat anda ganti dengan up, right,
dan left. Ini merupakan kode untuk arah pergerakannya.
· Angka pada height (127) bisa diganti dengan
angka lainnya, ini merupakan tinggi marquee
· Angka pada width (93) bisa diganti dengan angka
lainnya, ini merupakan lebar marquee
Setelah anda selesai, coba praktekkan tutorial diatas

Hanya itu yang saya ketahui tentang marquee,
mudah-mudahan tutorial ini bermanfaat bagi pembacanya .
Teks yang berjalan seperti ini pertamakali saya dapatkan saat sedang bermain-main dengan Ms.frontPage 2003. Sebelum membuat marquee, saya mau bertanya, apa ada yang belum tahu tentang marquee? Kalo’ belum tau, coba lihat contoh dibawah ini . . .
marquee

Sebenarnya teks diatas dapat dimodifikasi sesuai selera anda, nanti kita akan bahas bersama-sama. . .



BAB I: Marquee dasar
ini kode untuk membuat marquee


isikan teks anda

Jika anda menuliskan kode diatas maka hasilnya akan
menjadi

isikan teks anda

Jika sudah menjadi seperti itu, maka bab pertama
telah selesai.

BAB II:Modifikasi Marquee
Anda ingin memodifikasinya menjadi seperti apa? Ingin
menambahkan background, link, kecepatannya, atau arah geraknya? Jika ingin
semuanya simak tutorial dibawah ini:

1. Marquee dengan link
Jika anda ingin menambahkan link pada teks berjalan
milik anda caranya sangat mudah, penulisannya pun sama dengan saat menuliskan
link-link pada teks biasa. Misalkan penulisan link pada teks biasa seperti ini:


Blogger

Hasil:
Blogger

Maka kita hanya menambahkan kode

pada sebelum dan sesudah teks
tersebut, menjadi:


Blogger

Hasil:

Blogger

2. Mengedit Font/huruf
Pada tahap ini, anda akan belajar cara mengedit jenis
huruf, ukurannya, warna, style dan kecepatannya. Pada Tahap ini, anda akan
membutuhkan kode:

Face=”” ----Digunakan untuk mengganti huruf
Size=”” ----Sama seperti namanya, digunakan untuk
mengganti ukuran huruf
Color=”” ----Untuk mengganti warna font
Scrollamount=”” ----Jika anda ingin mengganti
kecepatannya, maka kode ini perlu digunakan

Setelah mengetahui kode diatas, apakah anda sudah
dapat memodifikasinya sendiri? Jika masih belum simak kode dibawah ini baik-baik,
saya akan menggabungkan semua kode diatas.




Blogger



Pada kode diatas tidak saya tambahkan link. Hasil:

Blogger

Keterangan:
· Coba carilah kata scrollamount=”2”, jika anda
ganti angkanya menjadi 3 atau 6 maka teksnya akan lebih cepat.
· Ada banyak teks yang menghimpit kata Blogger
(Blogger), ini merupakan kode untuk memberikan garis bawah/underline,
membuat teks menjadi miring/italic dan menjadi tebal/blod.
· Kalo’ kode yang berwarna merah adalah kode
format pada kata Blogger. Anda dapat mengganti warna, jenis huruf, dan ukurannya
sendiri.

Jika ingin menambahkan link, tinggal tambahkah kode
untuk link, yang akan menjadi:




Blogger



Keterangan:
· Kode yang bewarna hitam adalah kode marquee
· Kode yang bewarna biru adalah kode untuk link
· Kode yang bewarna merah adalah kode font (ukuran,
warna, dll)

3. Memberikan warna background/warna latar
Perhatikan kode dibawah ini:

Blogger

Teks yang biru dapat anda ganti dengan kode warna
lainnya.

4. Mengganti arah
Untuk mengganti arah, akan digunakan kode dibawah ini:


Blogger

· Kata down dapat anda ganti dengan up, right,
dan left. Ini merupakan kode untuk arah pergerakannya.
· Angka pada height (127) bisa diganti dengan
angka lainnya, ini merupakan tinggi marquee
· Angka pada width (93) bisa diganti dengan angka
lainnya, ini merupakan lebar marquee
Setelah anda selesai, coba praktekkan tutorial diatas

Hanya itu yang saya ketahui tentang marquee,
mudah-mudahan tutorial ini bermanfaat bagi pembacanya .

Read more »

Posted in: Tutorial

Membuat Link Warna-warni

link yang berupa teks sangat banyak di blog anda yang berguna untuk navigasi ke halaman lainya misalnya Link Bloggroll, Link Judul Posting, Link Label dan lainya. Nah teks yang terinfeksi Link jika kita letakkan pointer didaerah link tersebut maka warna teks akan berubah sesuai warna yang telah anda atur.
Nah apa jadinya jika link di blog anda memiliki macam-macam warna yang bisa berubah-ubah... wuihhh makin cool aja tuh blog anda, seperi di blog maynanda ini jika anda meletakkan pointer di teks Yang terinfeksi Link (kaya virus aja terinfeksi) maka warnanya akan berubah-ubah.
gimana tertarik gak...? jika iya lihat caranya dibawah

1. Cari Kode <head>
   
2. kemudian taruh kode dibawah tepat dibawah kode <head>
   
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
   
3. Kurang lebih jadinya
   
   <head>
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
   
4. Semudian Save dan Lihat hasilnya ok!

Sekian semoga bermanfaat

Read more »

Posted in: Tutorial

Cara mengetahui harga blog anda

kalian pengen tahu kan berapa harga blog kamu,selain bisa mengetahui harga blog sobat ,sobat bisa juga biat pamer-pamer dan di pasang di tab view...gimana?sobat bisa mengecek berapa kira-kira harga blog sobat contohnya seperti gambar di bawah ini blog saya ambil datanya pada bulan mei 2010
sobatg biksa lihat hasilnya.

Tapi bagi sobat yang blognya masih sepi peziarahnya jangan coba-coba masang karena hasilnya pasti cuman bikin hati gatal, alias harganya masih $0.00. Tapi kalo cuman mo nyoba ngecek sih gak papa dan gak mama, toh ga dosa kok. Kamu mo nyoba? aku punya alamatnya nih, tapi nomor HP-nya gak punya lho :D . Tapi apa emang bener kalo itu bener-bener harga yang sesuai untuk blog kita? Tau deh. Tapi kamu perlu mencobanya dengan memasukkan alamat blog-blog yang sudah mapan, pasti harganya akan tinggi sekali, jika dirupiahin nih ya mungkin orang yang punya blog itu akan menjadi mendadak dangdut alias kaya mendadak. Nha kamu tertarik mau mencobanya? Silahkan Monggo..
Oh ya aku belum ngasih alamatnya ya? nih alamatnya

http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/


moga bermanfaat ya sob...

Read more »

Posted in: Tutorial

Cara mengelompokkan artikel file pada BLOG

Bagaimanakah caranya mengelompokkan artikel file pada Blog kita?...Pertanyaan ini sempat terbesit pada saya sendiri setelah saya baru memulai membuat Blog dan mengisinya dengan berbagai macam artikel yang sifatnya campur aduk...Maksudnya campur aduk adalah, bahwa artikel yang saya tulis tidak bersifat Idealis atau spesialisasi terhadap satu macam hal, namun segala macam artikel yang saya buat dari pertama kali Blog saya tercipta berbeda-beda topiknya. Kadang artikel saya berisi yang sifatnya berita hiburan biasa sampai artikel yang bersifat memberi atau berbagi info terhadap sesama blogger2 pemula seperti saya sendiri.

Nah...setelah sekian lama dan artikel pun terkumpul lumayan banyak, saya pun bertanya, gimana ya caranya mengelompokkan artikel yang saya buat ke dalam label yang di pisahkan berdasarkan sifat atau isi dari artikel tersebut. Seperti halnya file2 yang di kumpulkan pada folder2 yang isi dari folder tersebut sudah di kelompokkan ke dalam satu sifat yang sejenis.

Fungsi pengelompokkan itu sendiri adalah untuk mempermudah para pembaca yang mampir ke blog kita agar tidak di pusingkan dengan artikel yang acak-acakan, dan berikut ini adalah bagaimana caranya mengelompokkan artikel2 tersebut berdasarkan kategorinya.

Pertama anda harus masuk atau log in ke Blogger anda, kemudian pada Dashboard anda klik Edit Post yang terdapat pada bagian Menu Posting.

Pada bagian Edit Posts, berisi file atau artikel2 yang telah anda buat dari awal pembuatan Blog, berikan tanda centang pada bagian sebelah kiri untuk artikel sejenis yang akan anda berikan kategori. Lalu pada Combo Box yang bertuliskan Label Action pilih "New Label" dan berikan nama kategori untuk artikel2 yang anda pilih tadi.

Setelah anda beri kategori untuk semua artikel yang sudah di kelompokkan. Masuk ke Menu Design dan pada Page Elements silahkan anda pilih posisi yang pas, untuk anda tempatkan Gadget Label yang akan anda tambahkan pada Blog anda. Setelah anda Add Gadget Labelnya kemudian Save dan Label Kategori sudah terpampang pada Blog anda. SELESAI.................Dan silahkan mencoba.

Read more »

Posted in: Tutorial