HansCorporation

Cara Membuat Tab View Pada Blog

2010-01-22T13:42:00.008+07:00

Menangapi dari beberapa permintaan yang di ajukan kepada saya oleh beberpa sobat blogger. Kali ini saya mencoba untuk berbagi tutorial blog lai kepada temen-temen semua. Da npaa tulisan kali ini kitaakan mencoba untuk membahas tentang cara membuat menu tabview. Bagi
yang belum tahu apa itu menu tab view contohnya dapat temen lihat pada gambar di samping

Sebenarnya ada banyak variasi tampilan dari menu tab view yang dapat kita buat. Tetapi, pada tulisan ini kita bahas duluh cara pembuatan menu tab view dengan tampilan seperti
Gambar diatas. Gimana kira-kira tertarik ngak untuk membuatnya ? yaudah kalau anda merasa tertarik unuk membuat menu tab view di atas silahkan anda ikuti tutorial di bawah ini.

Cara membuat tab view :

1. Login ke blogger lalu klik menu Layout lalu ambil pilihan Edit Html

2. sesampainya dikotak pengeditan Html cari kode ]]></b:skin>

3. setelah ketemu sisipkan kode di berikut ini sebelum kode ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 65px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 4px dotted #A3A3A3; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #2A1B0A; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color:#666666; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 4px dotted #A3A3A3; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFFFF; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. setelah kode di atas dipasang, selanjutnya temukan kode </head> dan taruh kode dibawah ini sebelum kode </head>

Info Penting :

"Sebaiknya anda upload sendiri kode js ini keserver penyimpanan JavaScript yang anda ketahui agar nantinya tab view anda dapat berfungsi dengan baik.
Fungsi dari kode JavaScript di atas adalah agar tab view anda dapat berpindah tab dari tab satu ketab lainnya. Jadi, jika tab view anda nantiya tidak dapat berpindah tab maka sebaiknya anda upload ulang kode JS ini ke server penyimpanannya dengan account anda sendiri. Anda dapat mengupload file Js ini diantaranya ke www.fileave.com. Untuk cara pengaploadannya Insyaallah akan segera di publish"

5 setelah selesai klik tombol SAVE

6. kemudian pegi ke halaman “Taa Letak” atau "Page Elements" jika anda menggunakan bahsa inggris

7. lalu PIlih "Add a Gadget" >>> "HTML/Javascript"

8. akan muncl sebah kotak kosong, lalu Isikan kode dibawah ini kedlam kotak kosong ersebut ( sama halnya dengan cara memasukkan kode shoutmix/buku tamu )

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>

<a>Tab 2</a>

<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :

- Angka yang berwarna biru (350px) adalah angka yang menunjukan lebar tab view dapat diganti dengan angka lain sesuai dengan ukuran sidebar blog anda.

- Angka yang berwarna biru (250px ) adalah angka yang menunjukan tinggi tab view dapat diganti dengan angka lain sesuai dengan ukuran sidebar blog anda

- Kode yang berwarna abu-abu adalah tulisan yang akan ditampilkan di menu utama (Menu Atas).

- Kode yang berwarna ungu adalah isi dari tabview. Kamu bisa mengisinya dengan link postingan anda, gambar, kode javascript recent comment, kode java script recent post,dll

Modifikasi Kata Sambutan Pada Blog

2009-12-16T13:41:00.007+07:00

Agak sedikit mirip dengan Kata untuk penutup blog, tips membuat kata sambutan bagi pengunjung blog sebelum pengunjung masuk ke halaman blog anda, trik ini hanyalah trik untuk menyambut kedatangan tamu blog dengan kata2 sambutan dari anda sebagai admin blog. Ada dua type kata sambutan yang bisa anda gunakan pertama berupa kata sambutan dari admin blog dan kedua adalah kata sambutan dari admin berupa pertanyaan dari admin mengenai pengunjung blog anda. Jika ingin mencoba menggunakan tips ini silahkan ikuti petunjuknya :

A. Kata Sambuatan model 1 (berupa kata sambutan dari Autor atau pemilik Blog )

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat diatas kode </head> :

<SCRIPT language='JavaScript'>alert("Selamat datang di Resep-Jitu)");</SCRIPT>

Keterangan :

- Ganti tulisan yg warna Merah pada script dengan kata-kata anda sendiri

5. Kemudian klik Simpan Template.

B. Kata sambutan Model 2, ( berupa pertanyaan kepada pengunjung blog )

Caranya sama dengan diatas hanya berbeda script. kalau untuk cara ini silahkan Copy pastekan script di bawah ini tepat di atas kode </head> :

Keterangan :
- Ganti tulisan yg warna Merah pada script dengan kata-kata anda sendiri

6. Selamat Mencoba ......!!!!!!!

7. dan terima kasih infonya dari mas seby-antoe

Membuat Style Link Unik

2009-11-16T14:34:00.005+07:00

Menarik sekali neeh aku posting yang membahas tentang modifikasi link, Jadi ketagihan mo nulis lagi soalnya ringkas dan padat sekaligus membantu he3 ... Sebetulnya lagi malas bgt posting makanya aku pilih posting yang ringkas2 aja, g tau neeh moodnya gmn ... Kali ini mo bahas bagaimana cara membuat link tidak hanya berubah warna tetapi juga membesar ketika disorot dengan mouse. Mantap kan sob ? selain itu kita juga bisa mengganti mouse pointer kita sehingga bukan lagi bentuk tangan.

Langsung caranya aja :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari bagian a:link dan a:hover dan masing-masing ganti dengan kode dibawah ini :

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Simpan Template.

+ warna biru menunjukkan ukuran
+ warna oren menunjukkan font miring ketika link disorot
+ warna abu-abu menunjukkan style mouse pointer
( Kamu bisa menggantinya menjadi hand, crosshair, wait, move, text, help dan style lainnya sesuka kamu )

5. silahkan dicoba ...

Cara Mendaftarkan Blog Di Search Engine

2009-10-20T09:34:00.003+07:00

pastinya itu akan membuat hati kita menjadi lebih bahagia dan puas. Tetapi untuk membuat impian itu menjadi kenyataan tentunya tidak semudah yang kita bayangkan. Ada beberapa hal yang harus kita lakukan untuk mewujudkan hal tersebut dan diantara dari beberapa hal itu adalah dengan mendaftarkan blog kita ke dalam daftar search engine yang ada dan ramai digunakan para penjelajah dunia maya.

Salah satu hal yang dapat kita lakukan untuk mempromosikan blog kita didunia maya adalah dengan mendaftarkan blog kita ke dalam daftar search engine yang ramai digunakan oleh penjelajah dunia maya. Apabila blog yang kita daftarkan di search engine tersebut telah memiliki page rank yang bagus maka secara otomatis blog kitapun akan menjadi lebih mudah untuk ditemukan dalam pencarian dan tentunya hal itu juga akan membuat bertambah banyaknya pengunjung blog kita. Bagi beberapa blogger mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, tetapi kenyataannya tidak demikian. Seperti halnya sebuah perkampungan, agar nama kita terdaftar sebagai warga di lingkungan tersebut, tentunya kita harus melakukan pendaftaran terlebih dahulu ke pihak yang bersangkutan. Begitu juga dengan blog, agar blog yang kita kelola dapat terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari tersebut.

Ada banyak search engine yang sering digunakan. Tetapi pada postingan ini kita akan membahas cara mendaftarkan blog di 3 raksasa search engine, yakninya mendaftarkan blog di Google, Yahoo dan Msn. Berikut tutorialnya :

• Cara Mendaftarkan Blog Ke Google

Untuk mendaftar ke google, silahkan sobat klik link berikut ini: http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :

• URL --> Isi dengan URL blog sobat.

• Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat

• Isi kotak kosong dengan huruf Verifikasi yang tersedia

• Klik tombol Add URL

• Selesai.

setelah melakukan langkah diatas maka sekitar 3 atau 4 minggu kedepan blog sobat akan terdaftar ke google. Kemudian pada 3 atau 4 minggu kedepan, silahkan sobat coba untuk mengetikan alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blognya ke google seperti langkah di atas.

• Cara Mendaftarkan Blog Ke Yahoo!

Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :

http://resep-jitu.blogspot.com/atom.xml

• Daftar ke Msn

Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.

Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja LINK dibawah ini :

http://freewebsubmission.com/

Tugas sobat hanya mengisikan URL blog sobat, serta menuliskan alamat email saja. kemudian klik tombol Submit Your Site. Dan proses pendaftaranpun dimulai.

Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik link di bawah :

Ping-O-Matic

Sobat tinggal mengisi form yang di sediakan. Dan selesai.

Jika ada pertanyaan mengenai postingan ini seilahkan di psokan melalui kotak komentar dibawah ini.

Membuat Tulisan Berefek Marquee

2009-09-18T07:45:00.008+07:00

Sobat blogger semua pasti pernah melihat gaya tulisan yang bergerak-gerak pindah dari sebelah kanan kekiri sisi tulisannya. Kalau belum pernah melihatnya coba sobat lihat contohnya pada judul tulisan tabview di sebelah kanan postingan saya ini, atau kalau tidak coba anda lihat contohnya pada tulisan berikut ini : gimana kelihatan nggak contohnya?. O…ya pada postingan sebelumnya saya juga pernah membahas tutorial tentang trik memodifikasi tulisan dengan mode blink style, kalau belum tahu tutorialnya silahkan anda lihat disini.

Ya sudah nggak usah basa basi lagi, mari langsung saja kita mulai pembahasan tutorial tentang cara membuat tulisan berefek marquee pada pertemuan kali ini. Sebenarnya caranya mudah sih untuk membuat tulisan seperti contoh diatas anda tinggal menyisipkan kata atau kalimat diantara kode <Marque> dan </marquee>. contoh penulisannya kayak gini :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

ISI DENGAN KALIMAT YANG INGIN DIBERI EFEK

</MARQUEE>

Dan hasilnya akan tampil seperi dibawah ini :

ISI SENGAN KALIMAT YANG INGIN DIBERI EFEK

Gimana mudahkan Tutorialnya ya udah sampai disini duluh pembahasan kita pada kesempatan sekarang ini, dan sampai jumpa pada pembahasan berikutnya. Dan kalau ada pertanyaan silahkan isikan pada kotak komentar di bawah ini !

SEMOGA BERMANFAAT …!!!!

NB :
hasil marque tdk dpt dilihat pada saat memposting, tetapi akan tampil jika postingan yang diberi efek marque diterbitkan

Widget Buku Tamu Tersembunyi

2009-09-07T17:09:00.007+07:00

Bagi anda yang sudah terbiasa mengelola blog dan mengunjungi blog sahabat anda untuk memberi sapaan maupun motivasi anda pasti tidak asing lagi sama dengan yang namanya buku tamu. ya buku tamu biasanya diletakkan dielemen sidebar pada template blog, disana kita dapat memberikan komentar pada blog yang kita kunjungi tersebut. ada beberapa web yang menyediakan source berupa kode gratis buku tamu yang di berikan kepada para membernya. diantaranya adalah di : shotmix.com, oggix.com, chebox.com, dll.

Biasanya setelah mendaftar dan mendapatkan kode buku tamu tersebut, maka kita akan mengcopy pastekan kode itu pada bagian Layout >> add widget di blog, sehingga kode tersebut dapat memunculkan buku tamu pada sidebar blog yang kita pasangi kode tadi.

Nah kalau cara masang kodenya cuma seperti itu sudah standar dan biasakan untuk blogger mania gunakan. nah karna hal yang biasa itulah makanya saya ingin memposting tutorial Membuat Buku Tamu Tersembunyi ini untuk para sahabat blogger semua agar setelah membaca dan tentunya juga mengikuti tutorial ini sahabat dapat memasang kode buku tamu dengan cara dan peetakkan yang unik. agar lebih paham maksudnya silahkan sobat lihat contohnya pada gambar di atas. coba anda lihat dibagian pojok kanan blog tadi, disana ada tampilan dari widget Buku tamu bukan ? jika anda klik tab warna hijau tersebut,maka Buku Tamunya akan tertarik keluar.
Gimana sekarang sudah paham kan maksudnya. kalau sudah paham langsung saja anda kerjakan tugas dibawah ini untuk membuatnya. jangan lupa memberi komentar ya pada postingan yang anda baca. Ok Berikut langkah-langkahnya :

1. Login ke account blogger yang ingin anda edit.

2. Kemudian Klik menu Layout

3. Lalu ambil Page Elements

4. Dan klik lagipada opsi Add a Page Element

5. Setelah itu klik opsi ADD TO BLOG pada menu HTML

6.Kemudian Copy dan paste kode berikut kedalam kotak Html diatas

7.Klik tombol Save.

Jika langkah tersebut sudah anda lakukandengan benar, maka anda akan dapat melihat hasilnya seperi yang telah saya contokhkan diatas

Jangan lupa : "Jika ada pertanyaan atau komentar ,Silahkan tanyakan pada kotak komentar Blog ini."

Mengubah Title Blog menjadi Title Postingan

2009-08-20T17:43:00.006+07:00

Pada postingan sebelumnya saya sudah menerangkan kepada sobat blogger semua mengenai tutorial yang dapat kita terapkan untuk mengubah tampilan tittle blog kita dari tampilan standard menjadi tittle blog yang ditampilkan bergerak seperti efek marquee yang bergerak dari samping kanan ke sisi kiri. nah kalau anda masih belum mengerti juga silahkan lihat contohnya DISINI. Tapi sekarang kita akan memodifikasi tampilan tittle blog kita agar ditampilkan sesuai dengan judul postingan yang sedang dibaca, contohnya seperti gambar disamping.

Sebenarnya perlu nggak sih mengubah tampilan judul blog menjadi judul postingan ? agar setiap kali orang yang mengklik pada salah satu postingan di blog maka judul blog tersebut akan berubah nama sesuai dengan judul postingan kita yang orang baca. jawabannyya ya perlu !!! karena semakin optimal pengeditan title blog maka akan semakin mudah dan strategis posisi blog kita untuk ditemukan orang di search engine. dan tentunya secara tidak langsung jika blog kita semakin sering ditemukan dan dibaca oleh pembaca lewat search engine maka page rank kita akan menjadi semakin meningkat. menarik dan bermanfaat bukan ?

ya sudah tidak usah basa basi lagi langsung saja kita bahas tutorialnya dibawah ini :

1.Sign in keblogger dan rujuk ke elemen Layout kemudian Edit HTML

2. di kotak pengeditan HTML silahkan anda cari kode ini :

( biasanya berada dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus kilik Save dan sekarang tittle blog anda sudah dapat berubah menjadi tittle postingan, setiap kali pembaca mengklik pada salah satu postingan anda.

Catatan :

- Untuk halaman utama titlenya akan tetap title blog. tapi jika anda menghklik pada salah satu positngan anda maka nanti title blog anda akan berubah nama sasuai dengan judul postingan yang sedang anda baca.

- trik ini tidak akan berhasil jika sebelumnya anda telah melakukan modifikasi pada tittle blog anda, maka dari itu agar trik ini dapat diterapkan pada blog anda maka hapus dulu kode yang anda gunakan pada modifikasi tittle blog sebelumnya.

"jika ada pertanyaan atau komentar silahkan anda sampaikan melalui kotak komentar dibawah."

Memasang Float Image Pada Blog

2009-08-02T15:05:00.007+07:00

Menanggapi banyaknya pertanyaan yang datang mengenai cara membuat gambar pojok atau Float Image ini, maka saya berinisiatif untuk membagi trik mengenai cara pemasangan float image ini pada sahabat pembaca setia semua. untuk mengetahui apa itu float image anda dapat melihat contohnya pada gambar pojok yang terdapat di sudut kiri paling bawah blog ini. itu lho gambar bebek yang berlari-lari, nah itulah yang dimaksud dengan float image. Sebenarnya Float image bukanlah hal baru yang lahir pada make over blog. Jauh sebelum sekarang telah banyak orang yang mengetahui tenteng cara memasangnya. Ada beberapa cara yang biasa para blogger tempuh untuk memasang gambar pojok ini. Ada yang memasangnya dengan meminta bantuan kode adiwidget yang dapat dilakukan dengan otomatis dan ada pula yang memasang kode ini secara manual dengan mengcopy paste kodenya ke elemen edit html

Tetapi pada postingan kali ini saya akan membahas cara manual untuk memasang float image atau gambar pojok ini. Tetapi bagi anda yang ingin mendapatkan bantuan kode dari adi widget silahkan kunjungi disini Nah inilah resep rahasianya :

1. sign in ke blogger

2. sesampainya di dashboard klik [Tata Letak] >> [Edit Html]

3. kemudian di kotak pengeditan Html silahkan anda cari kode ]]></b:skin> dan setelah ketemu silahkan anda pastekan kode dibawah ini tepat di atas kode ]]></b:skin> Gunakan ctrl+f untuk menemukan kode diatas dengan mudah

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. Text yang beerwarna merah adalah posisinya, kalau pingin ganti di posisi lain misalnya di sisi pojok kanan bawah tinggal ganti tulisan "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.\

6. Simpan hasil kerja kamu dan lihat hasilnya.

Keterangan :

- "http://resep-jitu.blogspot.com" adalah link aku, bisa diganti dengan link lain.

-"http://i496.photobucket.com/albums/rr327/handaka_photo/1MOUSE1.gif" adalah alamat server gambar yang akan dipasang. Bisa diganti dengan alamat server gambar lainnya yang ingin kamu tampilkan.

-selain itu anda juga dapat memasang gambara anda sendiri yang sebelumnya sudah anda upload ke server seperti photo bucket

8. Selamat mencoba …….!!!!!

Berapa Berat Blog Saya ?

2009-06-27T11:54:00.008+07:00

Tentunya anda semua ingin agar blog yang anda miliki tersebut merupakan blog yang ramai pengunjungnya dan dapat bermanfaat bagi anda dan pembaca blog anda tentunya. nah salah satu dri banyak hal yang mempengaruhi hal tersebut menurut pengalaman pribadi saya adalah berat blog anda saat diloading atau dimuat dijendela browser pengakses blog anda.

Biasanya orang akan menjadi sangsi untuk mengunjungi ulang blog kita bila mereka merasa bahwa blog kita itu terlalu berat dan lamban untuk dibuka.untuk itu kita sebagai pengelola blog hendakny amengetahui seberapa berat sih sebenarnya blog yang sedang kita kelola.

Nah untuk mengetahui seberapa berat blog anda tersebut anda dapat memanfaat kan tools yang saya sediakan ini :

teruskan lihat kebawahnya lagi

Selamat menimbang berat blog anda ...!!!

Pasang Recent Comments Pada Blog

2009-06-27T11:34:00.007+07:00

untuk mengetahui komentar terbaru yang ada pada masing-masing postingan blog anda, anda dapat melakukannya dengan sedikit mengkonfigurasi dan menambah kan kode recent comments atau komentar terakhir pada elemen-elemen yang terdapat pada blog anda

jika anda ingin melakukan hal tersebut diatas maka pertama - tama yang anda harus perhatikan adalah memasang kotak kementar dibawah postingan terlebih dahulu. nah kalau anda telah memiliki kotak komentar pada bagian bawah postingan anda silahkan anda ikuti tutorial pemasangan recent comments berikut ini.

berikut cara mengkonfigurasinya

1. Login ke blogger lalu pilih menu "Layout"

2. Kemudian copy script berikut ini :

3. kemudian Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu pastekan script diatas kedalam kotak yg disediakan.

4. kemudian klik save dan selesai
keterangan :

- Angka 10 merupakan jumlah komentar yang mau ditampilkan.

- Ganti nama blog kamu dengan nama blogmu.

Mengatasi Proses Defrag yang Bermasalah

2009-06-09T11:01:00.001+07:00

Terkadang pada saat kita sedang melakukan proses defrag pada harddisk sering sekali kita dibuat kesal karena pada saat pemprosesan sedang berlangsung sedang berlangsung muncul pesan[error defrag menting drive C,windows cannot finish defragmenting this drive because it has encountered a problem.click help and carry out the instructionsfor running scan disk,and then try defragmenting again]setelah itu proses defrag berhenti.

Ikuti dulu saran yang diberikan windows pada pesan kesalahan barusan,yakni menjalankan san disk untuk memeriksa kondisi hard disk.begitu scan disk selesai,coba defrag lagi

Nah kalau saran windows sudah dijlankan tetapi hardisk masih emoh di defrag,ikuti trik berikut ini :

1.klik[start]>[setting]>[folder options…].

2.pilih tab[view],kemudian klik opsi[show all file].

3.tekan[OK]untuk keluar dari jendela”folder options”.

4.klik[start]>[find]>[file of folder].

5.ketik”aplog” pada kolom name dan pada combo box ‘log in”pilih drift [C].

6.beri tanda centang pada kotak[include subfolders].

7.lakukan pencarian dengan mengklik[find now].

8.setelah pencarian berakhir,hapuslah semua file yang ditemukan[kecuali
Folder C:\WINDOWS\applog]kemudian klik ganda folder applog dan hapus seluruh isi folder yang ada di dalamnya.

9.tutup jendela pencarian dan jalankan kembali disk defragmenter.

Mebuat Tombol Web di Photoshop

2009-06-05T10:10:00.004+07:00

Trik ini akan menuntun anda untuk dapat berkreasi dalam membuat anda membuat tombol sederhana dengan adobe photoshop.jadi,trik ini sekedar contoh.anda dapat mengembangkan tombol hasil kreasi anda,tentu saja sesuai selera anda.langsung saja kita mulai.

1.jalankan photoshop anda,kemudian pilihlah [file] > [new].

2.pada”preset sizes”,pilihlah[468x60 web banner]dan[tranparent]pada”contents”tentukan
“mode”pada RBG color,kemudian klik [ok].

3.klik kanan [rectangle tool] pada toolbox,kemudian pilihlah [rounded rectangle tool].

4.klik dan tahan mouse pada kanvas(layar gambar)dan buatlah bentuk dengan seukuran tombol.bila anda ingin membuat banyak tombol,pastikan anda mengingat ukurannya.sebagai alat bantu,anda dapat menggunakan penggaris yang dapat diaktifkan melalui[view] > [rulers].

5.klik kanan pada layer(lihat gambar),kemudian pilih [blending options]. jendela”layer style”akan ditampilkan.

6.klik pada[style] dan pilihlah gaya yang anda sukai,kemudian klik [blending options:default].

7.aturlah”opacity”ke 50% dan pada bagian”channel”hapuskan tanda centang
pada[R] dan [G] sehingga warna tombol menjadi unggu.

8.kemudian beri tanda centang pada[drop shadow],[inner shadow],[outer glow],[inner glow],[bevel and emboss],[contour],[texture],[color overlay],dan[stroke].klik[ok].

9.kemudian klik[horizontal type tool]pada toolbox,klik pada area gambar tombol dan berilah tulisan yang diinginkan.selesailah pekerjaan kita membuat tombol,sekarang kita akan menyimpannya dengan setting yang tepat.

10.pilih[file] > [save for web].

11.pilih[GIF web pallete]pada bagian “setting”,lihat gambarnya.

12.tentukan ukuran yang diinginkan melalui tab[imagesize]yang disediakan,sebagai contoh kita atur besarnya menjadi 75%,kemudian klik [apply],kemudian[save].

13.tentukan nama dan lokasi yang diinginkan kemudian klik[save].

14.selamat mencoba

Hilangkan Garis Bawah Link Pada Template Berbeda

2009-05-27T12:02:00.004+07:00

Anda semua pasti pernah mengalami hal demikian: jika anda telah selesai membuat atau mengganti template blog, maka jika anda mengarahkan kuror anda kesebuah link yang terdapat di blog anda tersebut anda akan melihat garis bawah pada link tersebut dan jika anda menganjakan kursor anda dari link tersebut maka garis bawah tadi akan hilang

nah kalau anda merasa tidak nyaman dengan keadaan tersebut, maka anda dapat menghilangkan garis bawah pada link itu dengan mengikuti tutorial berikut ini :

1. masuk duluh ke blogger.com

2.sesampainya di Dashboard klik [Tata Letak] >> [Edit Html]

3.sesampainya di kotak pengeditan HTML cari kode berikut ini :

A.(Kode A)

a:hover, a:active {
color: #3C78A7;
text-decoration:underline;
}

atau cari kode seperti ini :

B. (Kode B)

}
a:hover {
color: #A91B33;
text-decoration: underline;
}

4. jangan heran kalau kode yang saya sarankan untuk anda temukan di atas berbeda-beda. karena memang berbeda template berbeda pula jenis kodenya. nah kalau salah satu dari kode yang saya berikan diatas udah ketemu, maka ubah salah satu kode yang berwarna merah di atas dengan kata : none dan hasilnya kira- kira akan menjadi seperti ini :

A. (Kode A)

a:hover, a:active {
color: #3C78A7;
text-decoration:none;
}

B. (Kode B)

}
a:hover {
color: #A91B33;
text-decoration:none ;
}

5. kalau sudah selesai klik tombol Save Templates

keterangan :

1. yang terpenting adalah di bagian kotak edit Html anda harus mencari kode a:hover dan kalau kode diatas ada banyak pilihlah kode a:hover yang mirip dengan kode diatas. biasanya terletak di awal (yang pertama kali ditemukan kalau menggunakan kombinasi tonbol CTRL+F)

2. tulisan yang berwarna hijau merupakan kode warna dari garis bawah "berbeda pada tiap-tiap template"

3.tulisan yang berwarna merah merupakan kode yang akan di ubah

Halaman Penelusuran Google

2009-05-20T09:01:00.011+07:00

http://www.masdoyok.co.cc/2008/12/hasil-pencarian-mas-doyok.html"'>

Selengkapnya di www.MasDoyok.co.cc Modifikasi Postingan Hasil Cari

"'>

Mesin Pencari Aritkel Blog

2009-05-16T15:05:00.005+07:00

dalam dunia maya atau internet search Engine atau mesin pencari merupakan kebutuhan pokok, mengapa tidak ? setiap kali kita masuk kedunia maya, maka yang terlintas di benak kita untuk menemukan sesuatu yang kita cari dengan cepat di internet, pastilah pertama-tama kita akan membuka layanan penyedia fasilitas search engine seperti google.com,yahoo.com atau fasilitas mesin pencari lainnya yang paling bisa kita andalkan

nah dengan bertolak dari alasan itulah, pada postingan kali ini saya ingin berbagi tutorial dengan sahabat blogger semua tentang cara untuk membuat search engine atau mesin pencari didalam blog. berbeda dengan search engine google dan yahoo, search engine yang ingin saya buat sekarang ini berguna untuk mencari potongan kata atau key word yang terdapat pada blog kita. atau bisa disebut juga search engine yang akan saya buat ini merupakan search engine yang berfungsi sebagai mesin pencari artikel-artikel yang terdapat di dalam blog kita

nah penasaran dengan cara membuatnya langsung saja simak dan ikuti tutorial saya berikut ini :

1. masuk duluh kedalam akun blog yang ingin anda edit

2.sesampainya di Dashboard klik tab [Tata Letak]

3.kemudian cari tempat yang akan dijadikan sebagai tempat letak mesin pencari tersebut dengan mengklik pilihan [add a page elements] kemudian ambil pilihan [HTML/Java Script]

4. kemudian akan terbukak sebuah kotak konfigurasi Html, lalu pastekan kode dibawah ini kedalam kotak add a page elements tersebut

keterangan :

ganti tulisan blogmu dengan nama blog kamu
angka 30 menunjukkan panjang teks box search engine
tulisan search adalah nama tombol submit yang bisa kamu ganti dengan katamu sendiri

5. save .... anda selesai ...

mudahkan tutorialnya,sampai jumpa pada tutorial berikutnya dan jika ada yang ingin ditanyakan silahkan tany saja melalui kotak komentar di bawah ini ▼

Membuat Style Border (Bingkai Pada Blog)

2009-04-27T10:57:00.005+07:00

Pernahkah anda melihat bagian tulisan pada blog orang lain yang ditonjolkan atau dibedakan tampilannya dari yang lain. Biasanya bingkai pada tulisan itu dibuat orang untuk menonjolkan letak-letak kode html didalam postingan, hal ini ditujukan agar sipembaca yang mungkin memiliki keperluan dengan kode itu dapat dengan mudah mencari letak kode tersebut. Tetapi bukan hanya untuk menonjolkan tulisan kode html atau tulisan biasa saja. Style border ini juga dapat digunakan untuk memberi bingkai pada elemen-elemen penyusun blog kita sebagai contoh untuk memberi bingkai pada elemen yang tersapat di sidebar samping saya ini.

Baiklah tidak usah memperbanyak basa basi lagi sekarang mari langsung saja kita ikuti tutorial membuat style border atau bingkai pada blog ini.

Sebelumnya perlu diketahui bahwa border yang dikenal pada blog iu ada 5 macam untuk lebih jelasnya silahkan lihat disini.

Nah sekarang anda sudah tahu jenis-jenisnyakan sekarang mari kita bahas tentang cara memasangnya.caranya sangat mudah kok anda tinggal memasukkan kode ini disebelum tulisan atau kode yang ingin anda beri bingkai dan kemudian tutup dengan kode pada akhir kata yang ingin diberi bingkai. contoh cara penulisannya seperti ini :

<div style="background:#F2F2F2;border:3px dashed #000000; padding:5px;">
Misalnya tulisan yang berwarna merah ini adalah kata atau kode yang ingin anda tampilkan
</div>

dan hasilnya akan tampil seperti ini :

Misalnya tulisan yang berwarna merah ini adalah kata atau kode yang ingin anda tampilkan

keterangan :

1. kata tulisan #F2F2F2 yang berwarna biru tersebut adalah warna yang akan dipakai sebagai background atau latar belakang tulisannya dapat diganti dengan kode warna lain silahkan dicari (disini)

2. tulisan border:3px yang berwarna ungu itu artinya ketebalan style bingkai atau garis itu adalah sebesar tiga pixel anda dapat mengganti angkanya dengan angka lain yang lebih besar agar garis tepi atau bingkainya dapat terlihat lebih jelas

3. tulisan dashed yang berwarna abu-abu itu menandakan bahwa jenis bingkai yang dipakai adalah bingkai mode dashed anda dapat menggantinya dengan jenis bingkai lain (disini)

4. tulisan #000000 yang berwarna hijau berarti menandakan warna bingkai hitam dapat diganti dengan warna lain (disini)

5. tulisan yang berwarna merah tersebut merupakan kata atau kode yang ingin diberi bingkai

6.sebelum memakai kode dotas copykan terlebih dahulu kode ini ke notepad dan kemudian baru pastekan kode ini dari notepad ke tulisan yang akan diberi bingkai

selain memberi bingkai anda juga dapat menghias tulisan dengan memberikan kode warna sebagai background atau latar belakangnya. caranya juga sama yaitu anda tinggal memasukkan kode ini disebelum tulisan atau kode yang ingin anda beri bingkai dan kemudian tutup dengan kode pada akhir kata yang ingin diberi bingkai. berikut kodenya :

<div style="background:url(http://tbn3.google.com/images?q=tbn:KDWDbGhuClbIYM:http://www.uea.ac.uk/~e197/backgroun2.gif); width:500px; height:50px; padding:5px;">
disini text yang akan ditonjolkan agar tampil berbeda dari tulisanlain
</div>

ini hasilnya :

disini text yang akan ditonjolkan agar tampil berbeda dari tulisanlain

keterangan :

1. width:500px artinya lebar kolom bingkainya sebesar 500 pixel dapat diganti dengan angka yang lebih besar atau lebih kecil

2. height:50px artinya tinggi kolom bingkainya sebesar 50px pixel dapat diganti dengan angka yang lebih besaar atau lebih kecil

3. selamat mencoba ... !!!

Membuat Daftar Isi Di Blog

2009-04-18T12:33:00.003+07:00

Salam Hangat bagi seluruh sahabat sobat blogger yang membaca. kali ini saya datang lagi menghampiri anda semua untuk berbagi tutorial “walaupun ketemunya nggak langsung” he… he… he … tapi tetap tenang saja sobat karena walaupun kita mungkin tidak pernah bertemu secara langsung, tetapi saya akan selalu berupaya untuk mensharing ilmu dan berbagi pengalaman kepada sahabat blogger semua.

Dan pada kesempatan kali ini saya akan mencoba untuk membantu sahabat blogger semua untuk membuat fasilitas Daftar Isi pada blog anda. Comtoh tampilannya dapat anda lihat dengan mengklkik tombol yang bertuliskan daftar isi pada menu horizontal yang terdapat dibawah header saya diatas atau kalau tidak silahkan lihat saja disini

Nah untuk membuat menu daftar isi seperti yang saya contohkan diatas anda dapat mengikuti resep-tutorial saya berikut ini :

1.masuk ke account blogger anda

2.sesampainya di Dashboard silahkan klik tab [TATA LETAK] kemudian ambil pilihan [Edit Html]

3.beri tanda centang pada kotak expand template widget.

4.Selanjutnya, cari kode html berikut,atau yang mirip dengan kode tersebut:

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

5.setelah kode diatas ketemu,hapus kode tersebut dan ganti dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<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>

6.setelah pengeditan selesai klik Save Template

selanjutnya kita pasang link yang akan menghubungkan pembaca kepada link daftar isi tersebut, anda dapat menempatkannya di menu navigasi seperti saya, atau letakkan ditempat lain yang anda sukai. berikut kodenya :

<a href="http://Alamat Blog Anda.blogspot.com/search?max-results=300">Daftar isi Blog</a>

Silahkan Ganti Tulisan Yang berwarna biru diatas dengan URL blog anda

7. Selamat Mencoba ...!!!

Tulisan Bergaya Koran Pada Blog

2009-04-16T15:34:00.007+07:00

Sudah lama enggak memposting nih, saya jadi kangen mau nulis untungnya pada hari ini saya punya kesempatan untuk kembali menulis dan berbagi pengetahuan dan pengalaman kepada sahabat blogger semua. Nah sesuai judul diatas pada pertemuan kali ini saya akan berbagi pengetahuan kepada sobat blogger semua tentang bagaimana cara membuat tulisan yang bergaya Koran tampil pada postingan blog.

Nah penasarankan tentang bagaimana sih caranya menampilkan postingan yang tulisannya ada yang bergaya seperti tulisan yang biasanya tampil di Koran atau tulisan mode “DropCap”. Kalau sobat memang penasaran langsung saja simak cara membuatnya berikut ini.

Silahkan ikuti tutorial dibawah ini :

1.seperti biasanya masuk duluh ke account blogger yang ingin anda edit
2.sesampainya disana silahkan klik tab [TATA LETAK] kemudian ambil pilihan [Edit Html]
3.kemudian dikotak pengeditan HTML silahkan cari kode berikut ini ]]></b:skin>

3. setelah kode diatas beertemu silahkan copy dan pastekan kode berikut di atas kode ]]></b:skin>

/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

4.simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [SAVE TEMPLATE]

Nah pemasangan kode untuk tulisan bergaya Koran atau drop cap telah kita lakukan sekarang mari kita bahads mengenai cara pemakaiannya. Agar kode yang kita copykan diatas tadi dapat bekerja dengan menampilkan tulisan Mode Dropcap, pada saat memposting silahkan anda gunakan kode dibawah ini :

<span class="awal">P</span>

Keterangan :
1.yang terpenting untuk diketahui adalah, bila anda memakai kode diatas maka huruf “P” yang berwarna merah diatas akan tampil dengan ukuran besar
2.huruf P yang berwarna merah diatas adalah huruf yang akan ditampilkan dengan ukuran besar oleh kode sebelum dan sesudahnya
Kode yang berwarna hijau diatas adalah kode yang berfungsi untuk membesarkan ukuran huruf yang diapitnya.

Jika pengeditan dan pemakaian kode anda diatas benar maka tulisannya akan tampil seperti Huruf awal pada postingan ini

Note :
Pada beberapa jenis template fungsi DropCap atau tulisan bergaya Koran ini tidak akan bisa ditampilkan dengan menggunakan fasilitas “PRATINJAU” pada saat memposting.

Mengenal jenis-jenis Style Border

2009-04-04T15:15:00.000+07:00

Sering kali kita melihat bagian tulisan atau elemen disidebar blog orang lain yang dibubuhi hiasan berupa bingkai di tepinya, bahkan pada sebahagian lainnya juga ada yang dihiasi berupa gambar belakang atau background sebagai latar belakang penulisannya.dan untuk masalah ini sudah ada beberapa orang yang menanyakan cara pemasangannya pada saya
Nah oleh karena itulah pada pembahasan ini saya tertarik untuk membahas tentang penggunaan style border atau bingkai pada blog ini, tetapi sebelum membahas mengenai cara pemakaiannya alangkah lebih baik kalau kita belajar untuk mengenal jenis-jenis style bordernya terlebih dahulu, iyakan ?

Pada umumnya jenis style border yang sering digunakan oleh para blogger ada 5 macam tampilan, yaitu sebagai berikut :

1.

dotted

dashed

double

solid

groove

ridge

inset

outset

sekian dulu penjabaran jenis-jenis style border dari saya semoga bermanfaat dan jenis-jenis style border lainnya dapat segera saya tambahkan.untuk menda[atkan kode dan cara pemakaiannya lihat disini

Hilangkan Fungsi Klik Kanan Pada Blog

2009-03-28T09:07:00.001+07:00

Hai sahabat blogger semua, bagaimana kabar anda dan blog anda sekarang ? apakah masih lancar dan baik-baik saja, nah kalau masih lancar-lancar aja sukur deh.tapi bagi anda yang mungkin belakangan ini malahan sedang sering merasa jengkel karna postingan anda sering dibajak oleh orang lain sekarang jamgan cemas karena pada postingan kali ini saya akan sedikit membashas tentang cara-cara memproteksi postingan dan elemen blog anda dari para pencuri-pencuri postingan yang jahil.

memang pada potingan sebelumnya saya juga telah membahas trik yang berkenaan dengan postingan kali ini yaitu tentang cara mencegah pembajakan karya pada blog, tapi pada postingan kali ini saya akan menerangkan cara lain yang dapat kita gunakan untuk menjegah terjadinya pembajakan pada karya blog kita tersebut.kalau pada postingan sebelumnya kita mencoba untuk mencegah pembajakan dengan mengalih fungsikan klik kanan , sekarang kita akan mencoba untuk mencegah pembajakan tersebut dengan menghilangkan fungsi klik kanan itu sama sekali.

nah untuk dapat melakukan hal tersebut silahkan ikuti tutorial berikut ini :

1. masuk duluh ke blogger

2. kemudian di dashboard ambil [layout]>>[Edit Html]

3. kemudian cari kode ini <body> hati-hati ada banyak kode yang mirip dengan kode ini, tetapi pada pengeditan kali ini cari kode <body> yang berada dibawah kode <head>

4. setelah kode <body> ditemukan sisipkan kode dibawah ini kedalam tag kode <body>

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

kira kira hasilnya seperti ini :

5. setelah selesai simpan perubahan yang kita buat dengan mengklik tombol [Save Template] yang ada.

6. selesai ....!!!

Note :
"setelah melakukan perubahan ini blog anda tidak akan bisa diklik kanan lagi, jadi silahkan gunakan Resep ini jika benar-benar perlu."

Cara Mengganti Template Blog

2009-03-23T15:42:00.000+07:00

Blog Itu IbaratRumah, mungkin kiasan itu sering terlintas di fikiran sahabat blog semua ? kenapa tidak, karena saya yakin bahwa para blogger mania senuanya pasti ingin agar blognya itu dapat tampil cantik,bermanfaat bagi orang lain dan tentunya memiliki banyak pengunjung tentunya.maka dari itu sekarang saya ingin berbagi trik dan tips kepada sahabat blogger semua mengenai sedikit tips dan tutorial cara mengganti template blog yang baik.Sebelum melakukan penggantian template tentunya kita harus memiliki persediaan template yang akan dijadikan pengganti template lama terlebih dahulu. Nah bagi anda yang masih belum punya persediaan template jangan berkecil hati dulu karena anda dapat langsung memilih dan mendownload template yang sesuai sengan selera anda dalam beberapa site penyedia template blog yang sudah saya sediakan dibawah ini :

http://freetemplates.blogspot.com/
http://blogger-templates.blogspot.com/
http://www.isnaini.com/category/blogger-templates
http://www.blogcrowds.com/resources/blogger_template.php
http://www.btemplates.com

Nah jika anda telah memiliki satu template yang akan dijadikan sebagai pengganti template lama blog anda silahkan exstract dulu folder hasil downloadtan tadi dan kemudian carilah salah satu file didalam template tadi yang berexstensikan .xml setelah nama filenya biasanya berwarna putih dan bergambarkan bumi didalamnya. Jika sudah selesai mari kita lakukan langkah-langkah penggantian template blog berikut ini tetapi sebelumnya silahkan ikuti beberapa tips berikut ini :

1. back up duluh template anda untuk menghindari kegagalan saat proses pengaploatan template baru, bagi yang belum tahu caranya silahkan baca postingan ini terlebih dahulu.

2. kemudian back up duluh widget-widget yang terdapat dalam page elemen anda cara memback upnya masuk keelemen [tata letak] >> dalam account blog anda kemudian [klik tombol edit] yang terdapat pada kolom bawah,kanan atau kiri page elemen blog anda, kemudian copy dan pastekan kode tersebut kedalam [notepad]>> untuk sementara waktu.

3. setelah widget elemen blog anda telah di back up silahkan lakukan penggantian template caranya masuk kebagian Edit Html “di posisi pada tips ke dua diatas” dari elemen tata letak klik pilihan Edit Html. Kemudian diatas kotak Edit Html itu loh kotak yang banyak kode-kodenya klik tombol link yang bertuliskan Browse trus cari dimana file download yang berexstensikan .xml tadi berada. Jika sudah ketemu klik file tersebut kemudian klik lagi tombol upload yang berada di sebelah tombol browse tadi.

4. kemudian akan muncul konfirmasi dan klik pilihan confirm and save yang berwarna merah, tunggulah beberapa saat template anda akan dimuat dan apanbila prosesnya telah selesai silakan klik link View Blog untuk melihat keberhasilan penukaran template yang kita lakukan

5. masukkan kembali widget-widget yang telah anda back up pada langkah nomor Tiga tadi kedalam elemen sidebar blog anda dengan cara yang sama. Dan sebuah blog dengan tampilan rumah baru sudah siap untuk anda kelola.

Cara Memback-Up Template Blogger

2009-03-23T15:15:00.000+07:00

Sahabat blogger mania semuanya pasti sering melakukan pengeditan atau coba-coba berexsperimen dengan template sobat. Soalnya kalo baru ganti template biasanya fasilitas yang disediakan templates itu sangatlah sedikit dan sederhana. Tetapi walaupun begitu blogger memiliki kelebihan dalam bidang Pengelolaan template, diblogger kita dapat melakukan pengeditan dan modifikasi template semau kita dengan gratis nggak seperti di wordpress yang kalau mau memodifikasi template harus bayar dulu, emangnya kita punya banyak duit apa ?

Nah sobat blogger semua diluar semua itu dalam melakukan pengeditan atau modifikasi templatekan nggak selalu lancar terkadang pengeditan itu malah ngebuat masalah yang bikin templet kita jadi rusak,nah kalau udah begitu masalahnyakan bisa jadi berabe, apalagi kalau sebelumnya kita belum memback up duluh. Makanya pada postingan saya kali ini saya ingin berbagi saran bagi sobat blogger senua untuk dapat nelakukan pem-back upan template duluh sebelum mengedit di bagian edit html.saya yakin pasti sudah banyak sobat blogger yang tahu caranya, tetapi bagi yang masih belum tahu caranya lebih baik membaca tutorial saya yang ini duluh biar ngerti.

Silahkan ikuti tutorial berikut ini :

1. masuk duluh ke account blogger anda, udah tahukan caranya ?

2. sesampainya didashboard klik tab [tata letak atau layout]>>[Edit Html]

3. nah disana, diatas kotak Edit Html kan ada tulisan yang kayak gini :before editing ypoour template, you may want to save a copy of it. Download Full Template

4. kalau anda sudah menemukan tulisan itu silahkan klik link tulisan Download Full Template untuk mulai melakukan proses pemback upan, <> untuk menggunakan back up pan template itu silahakan klik tombol Bowse dan Upload yang ada dibawahnya.

5. selesai ..!!!

Cara Membuat Link Warna-Warni

2009-02-27T10:05:00.000+07:00

Apakah anda pernah melihat tulisan link yang berbentuk tulisan diblog teman anda yang akan memunculkan warna yang berganti-ganti jika cursor blog anda dihadapkan kesana ? jika belum pernah silahkan cobakan diblog saya ini, silahkan hadapkan kursor tetikus anda disalah satu tulisan yang ada tautannya diblog saya, nah anda melihat warnanya berganti-gantikan.

jika anda juga ingin membuat tulisan yang memmiliki tautan yang berwarna warni ini. silahkan ikutilah resep tutorial saya berikut ini :

1. seperti biasanya silahkan sign in duluh kedalam account blogger anda

2. jika sudah berada di dashboard masuk kedalam bagian edit html. caranya klik [Tata Letak] kemudian ambil pilihan [Edit HTML]

3. jika sudah berada dikotak edit HTML coba tekan kombinasi tombol [CTRL + F] dan pastekan koode berikut ini keadalam kotak Find yang terbuka untuk dicari <head> jika sudah ketemu lalu copy dan paste kode dibawah ini tepat dibawah kode <head>

4.kalau sudah selesai kira-kira kodenya akan jadi seperti ini

5. kalau sudah selesai silahkan klik tombol [save] lalu selesailah pengeditannya

Cara Memasukan Lagu ke Dalam Blog

2009-02-27T09:40:00.000+07:00

Sahabat blogger pasti pernah menjumpai salah satu atau beberapa blog teman anda yang akan menyairkan sebuah lagu ketika blog tersebut telah selesai meload elemen-elemen blognya.Gimana, menurut kamu bagus nggak model blog yang disertai syairan lagu tersebut ? kalau menurut kamu bagus dan menarik ya apa salahnya kalau kamu tambahkan elemen lagu itu ke dalam blog mu.sebenarnya cara yang harus kita lakukan untuk memasukan lagu kedalam blog itu sangatlah mudah, ya, langkahnya hampir sama dengan langkah-langkah yang harus kita kerjakan jika kita ingin memasukkan lagu ke dalam friendster.

Nah kalau kamu memang ingin memasukkan sebuah lagu kedalam blog kamu silahkan ikuti tutorial berikut ini :

1.seperti biasanya sign in duluh kedalam account blogger kamu

2.kemudian copy dan paste kode dibawah ini kedalam page element baru blog anda. Caranya : Di [Dashboard] klik tab [Tata Letak] kemudian tambah sebuah page element baru dengan mengklik tombol [Add a GadGad]>>>[html/java script]

<div align='center' style='font:bold 11px Verdana; width:310px'><a style='background-color:#eeeeee;display:block;width:310px;border:solid 2px black; padding:5px' href="http://www.codelagu.com/index.php?search=Nidji+-+Laskar+Pelangi&source=all" target='_blank' title='Nidji - Laskar Pelangi.mp3'>Nidji - Laskar Pelangi.mp3<br/><img border='0' src='http://img232.imageshack.us/img232/1337/iconmusicxc5.gif' width='310' height='51'><br/><embed name='RAOCXplayer' src='http://kodelagu.net/Playing/Nidji - Laskar Pelangi.Codes' type='application/x-mplayer2' width='310' height='45' autoplay='true' ShowStatusBar='0' ShowControls='1' EnableContextMenu='0' DisplaySize='1' loop='false' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/' autostart='1' ></embed></a><div align='center'><a href='http://www.musik-live.net' target='_blank' title='Free Mp3 at www.musik-live.net'>Free Mp3 Codes Indo at www.musik-live.net</a></div></div>

Catatan :
“Kode yang tertera diatas adalah kode untuk lagu Laskar Pelangi Dari Nidji. lagu ini akan diputar secara otomatis ketika halaman blog anda dibuka.kalau anda mau anda juga dapat menggantinya dengan kode lagu lain, kodenya bisa anda dapatkan dari beberapa situs penyedianya secara gratis,diantara dari situs penyedia kode lagu tersebut adalah : http://www.musik-live.net/.”

3.setelah kode lagu tersebut di paste kedalam page elemen baru kamu tadi tekan tombol [save]

4.Selamat mencoba…!!!

Cara Membuat Kotak Bogroll

2009-02-27T08:48:00.001+07:00

Halo…bagaimana kabar blog kamu sekarang..???, apakah makin asyik ? ramai pengunjung ? atau mungkin sekarang malahan punya banyak teman yang ingin link X-change dengan blognya kamu ?... ya jawabannya tentu ada pada diri kamu masing–masing. Tapi saya yakin anda pasti merasakan keasyikan tersendiri sewaktu melakukan modifikasi blog, bahkan mungkin sampai-sampai membuat anda lupa waktu.nah oleh karena itulah sekarang saya berinisiatif untuk mensharing trik blog lagi kepada kamu semua.dan khusus pada kesempatan ini saya akan langsung memberikan double trik dalam satu postingan yang hanya ditujukan untuk anda yang membacanya ( ya… iyalah untuk yang sedang membaca, emangnya yang enggak membacanya bisa tahu apa ??? ). Ok pada kesempatan kali ini kita akan membahas trik dalam membuat kotak blogrol.

Seperti yang telah saya katakan tadi, di kesempatan ini kita akan langsung membahas dua trik tentang cara membuat kotak blogrol sekaligus.Oh Ya.. sebelumnya kitakan sudah pernah membahas tentang cara membuat kotak blogrol mode marQuee disini. Makanya sekarang kita akan membahas dua trik blogrol lainnya dan sama halnya dengan Marquee selain dapat diisi dengan link blog teman kita kotak ini juga dapat diisi dengan baner atau blog directory jika ada.

1. cara membuat kotak text area

Contohnya sepeti kotak yang ada di sidebar saya.itu yang ada tulisan “Links My Friend diatasnya. Nah begini cara membuatnya :

1.seperti biasanya masuk dulu ke account blogger anda kemudian di dashboard ambil [layout / tata letak]

2. kemudian Copy dan paste kode dibawah ini kedalam Page Elements anda caranya:[ Add a Gadget] >>> [HTML /Javascript]

<div style="border: 3px double rgb(153, 153, 153); overflow: auto; width: 300px; height: 150px; text-align: center;">

<a href="http://blogscommunity.blogspot.com/">Hc</a><br />
<a href="http://andi-arifin.blogspot.com/">Andi</a><br />
<a href="http://riska-robianto.blogspot.com/">BBB</a><br />
<a href="http://tutorial-jitu.blogspot.com/">Tj</a><br />
<a href="http://a2i3s-c0ol.blogspot.com/">a2i3s</a><br />
<a href="http://www.lyricsformula.com/">Adal</a><br />
<a href="http://bina-informatika.co.cc/">bina-informatika<br />
<a href="http://jogjacoffee.blogspot.com/">jogjacoffee

</div>

keterangan:

- Kode width: 300px; dan height: 150px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.

- Ganti tulisan yang berwarna merah dengan alamat URL link yang akan kamu tampilkan dan

ganti juga tulisan yang berwarna biru dengan judul link yang akan ditampilkan.

-jika kamu ingi linknya berjajar kayak punya aku yang sidebar itu maka hilangkan kode <br />

-jika ingin menambahkan daftar link maka tambahkan kode yang berkedip-kedip diatas tersebut dan jangan lupa ya untuk mengganti url dan nama linknya.

2. daramembuat menu drop down

Ada dua macam menu dropdown berdasarkan cara kerjanya :

A. menu drop down yang membuka dalam satu tab jika isi didalamnya diketik

Jika anda ingin membuat menu drop down ini, maka ikuti langkah-langkah berikut :

1.masuk ke account blogger anda

2. kemudian Copy dan paste kode dibawah ini kedalam Page Elements anda caranya:[Tata Letak] >>>[ Add a Gadget] >>> [HTML /Javascript]

<form name="ddmenu"> <select onchange="document.location.href=this.options[this.selectedIndex].value;" name="menu"> <option/>My Menu<option/><optgroup label="kelompok 1"></optgroup>
<option value="link1">Judul link 1
<option value="link2">Judul link2
<option value="link3">Judul link3
<optgroup label="kelompok 2"></optgroup>
<option value="link1">Judul link 1
<option value="link2">Judul link2
<option value="link3">Judul link3

</select></form>

B. menu dropdown yang membuka dalam tab baru jika isinya diketik

Caranya sama dengan langkah-langkah diatas tetapi ganti kode diatas dengan kode berikut ini :

<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" name="menu" > <optgroup label="kelompok 1">
<option value="link1">judul link 1
<option value=" link2">judul link 2
<option value=" link3">judul link 3
<optgroup label="kelompok 2">
<option value="link1">judul link 1
<option value=" link2">judul link 2
<option value=" link3">judul link 3

</optgroup></optgroup></select>:

Keterangan untuk kedua kode diatas :

- kata [My menu] yang terdapat didalam kode diatas adalah merek dropdown yang akan ditampilkan di blog anda

- kata [kelompok 1] didalam kode merupakan judul dari pengelompokan link yang akan dimasukkan.sebagai contoh : “dalam satu menu dropdown terdapat daftar trik blog pada [kelompok 1] dan trik Xp pada daftar [kelompok 2].

- untuk menambah kelompok tambahkan scrip yang berkedip diatas

- ganti tulisan [link] yang berwarna hijau dengan url daftar dan seterusnya

- ganti tulisan [judul link ] yang berwarna biru dengan judul postingan atau link yang akan ditampilkan dan seterusnya.

Otomatis Hapus File Temporer Internet

2009-02-27T08:42:00.000+07:00

Pada postingan ini saya akan membahas tentang trik untuk menghapus file temporer internet secara otomatis pada saat kita menutup jendela browser tersebut. Sebenarnya apa itu file temporer internet ? file temporer internet adalah jejak elemen pembangun halaman situs web,seperti file gambar,animasi,dan skribe-skribe, yang tersimpan di komputer pada saat pertama kali anda membuka situs web.

Secara fisik,file tersebut untuk sementara akan di letakkan pada folder\documents and settings \\local setting\temporary internet files.jika anda membuka folder tersebut,maka anda akan dapat melihat berbagai file berikut alamat internet asal file tersebut.dari”jejak”ini,dengan mengetahui jjak tersebut dengan mudah orang lain akan dapat mengetahui situs web yang pernah anda kunjungi, meskipun history pada browser telah anda hapus.

Temporary internet files juga perlu menjadi perhatian kalau anda ingin menjaga privasi, karena bagi sebahagian orang yang ahli dalam masalah membobol jaringan [hacker] juga dapat memanfaatkan bantuan cookies atau file temporer internet anda untuk dapat mengetahui pasword anda yang digunakan untuk menggunakan fasilitas di dunia maya seperti pasword e-mail, bahkan pasword akun blogger anda bila ada.,nah oleh karena itu bagi anda yang mungkin komputernya tersambung dengan layanan iternet dan juga sering digunakan oleh orang lain, sementara mungkin anda tidak menginginkan ada orang yang mengetahui jejak berinternet anda tersebut tunggu apalagi, mungkin tutorial tentang cara menghapus file temporer internet secara otomatis yang akan saya paparkan ini dapat bermanfaat bagi anda. Sebenarnya langkah ini juga dapat dilakukan secara manual dengan mengklik tombol [delete files..] pada menu [tools]>[internet options…] di internet explorer.ttetapi jika anda ingin file temporer itu untuk melakukan pembersihan ini secara otomatis tiap kali browser ditutup,ikuti langkah-langkah berikut ini :

1. klik [start]>[control panel]>[network and internet]>[internet options].anda juga bisa meng-klik [tools]>[internet options…] melalui internet explorer.

2. pada jendela”internet properties”,klik tab [advanced].

3. carilah menu”security” yang berada di bagian”setting”,setelah itu berikan tanda centang pada [empty temporary internet files folder when browser is closed].

4. klik [apply] lalu [ok] untuk menyimpan perubahan.

Gimana ,mudahkan caranya ? ya sudah tunggu apalagi buruan dicoba jangan Cuma dipelototin gitu donk !!!

Membuat Kotak Blogroll Mode Marque

2009-02-27T08:14:00.000+07:00

Pada sesi kali ini kita akan membahas trik tentang cara membuat kotak blogrol mode marque.tampilannya seperti ini :

- Job Vacancy Indonesia -

- Info Lowongan Kerja -

- Beasiswa Indonesia Scholarship -

- Informasi Beasiswa Indonesia -

- Buat Blog -

Seperti yang anda lihat pada contoh diatas terdapat sebuah kotak yang tulisannya bergerak –gerak dari atas ke bawah. Dengan menggunakan kotak blogrol mode marquee seperti tersebut diatas kita dapat memasang banyak link sekaligus tanpa memakan banyak tempat dan tentunya akan mengurangi efektifitas dan keindahan tampilan blog anda.baiklah cara membuatnya tidak susah kok, silakan ikuti langkah demi langkahnya berikut ini :

1. login ke akun blogger

2. kemudian Copy dan paste kode dibawah ini kedalam Page Elements anda caranya:[klik Page Elements >>> Add a Gadget >>> HTML /Javascript]

<MARQUEE align="center" direction="down" height="100" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="100%" >

<a href="ALAMAT SITE" target="new">- JUDUL -</a><br />

<a href=" ALAMAT SITE " target="new">- JUDUL -</a><br />

<a href=" ALAMAT SITE " target="new">- JUDUL -</a><br />

<a href=" ALAMAT SITE " target="new">- JUDUL -</a><br />
</marquee>

3. simpan page elements tadi dan selesai sudah lah prosesnya

Keterangan :

- kode center yang berwarna merah menunjukan tata susunan kalimat yang akan di masukkan kedalam kotak blogroll.anda bisa menggantinya dengan mode lain.

- kode “down”yang berwarna hijau diatas menunjukan arah pergerakan tulisannya, kamu bisa menggantinya dengan up, left dan right.tetapi Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" yang berwarna biru menunjukkan tinggi dari kotak blogroll kamu. Semakin tinggi angkanya maka semakin tinggi pula ukuran kotak blogrollnya.

- sedangkan tulisan alamat site dan judul yang berwarna coklat diatas harus diisi dengan alamat site dan judal atau nama site

Membuat Tittle Bar Berjalan

2009-02-11T15:00:00.000+07:00

Sahabat blogger pasti pernah melihat Tittle Blog Teman Anda jalan – jalan, maksudnya tulisan yang ada di bar browser blog milik teman anda tiu bergerak – gerak dari kanan kekiri gini lho chontohnya [lihat di tab atas blog aku] sebenarnya cara membuat tittle bar berjalan itu langkah –langkahnya mudah lho ..!!

Tetapi tampaknya masih banyak orang yang belum tahu caranya. Memang sih kalau tidak punya scripnya kita pasti tidak akan dapat melakukan pengeditan blog, apalagi ini masalahnya adalah pengeditan kode html utama blog yaitu pengeditan di bagian edit html template blog. Untuk itulah sekarang saya akan mencoba untuk memaparkan kepada anda scrip htmlnya beserta cara pemakainnya sekaligus agar scrip itu tidak basi karena hanya tersimpan didalam flash disk anda saja (emangnya makanan apa ??? ). Baiklah begini langkah – langkahnya :

1.masuk ke account blogger anda

2.setelah sampai di Dashboard klik tab [layout] kemudian pilih [Edit Html] untuk memulai pengeditan.

3.copy scrip berikut ini :

4.kemudian pastekan kode tadi diatas kode <head> yang ada dikotak Edit Html.kemudian tukar tulisan yang berwarna merah diatas dengan URL blog dan Judul blog anda ( boleh juga dengan tulisan lainnya yang anda mau )

5.simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [save template] yang ada, kemudian untuk melihat hasilnya refresh jendela blog anda atau buka ditab baru dengan mengklik link View Blog yang ada.

6.Selamat Mencoba !!!!!

Cara Membuat "read More + judul Postingan"

2009-02-11T11:35:00.000+07:00

Sahabat blogger pasti pernah melihat isi postingan blog teman anda yang ditampilkan hanya sebahagian saja sebagai Over Viewnya dan jika kita tertarik dan ingin membaca selengkapnya kita dapat mengklik link yang biasanya bertuliskan read more atau baca selengkapnya yang berada dibahagian bawah postingan itu. Sebenarnya memang bagus kalu kita menggunakan read more tersebut, habis banyak keuntungannya sih diantaranya keuntungan untuk menghemat layout postingan yang panjang dan memakan tempat mejadi pendek saja, menampilkan langsung banyak postingan tanpa memakan banyak tempat, dan tentunya juga dapat memperindah tampilan blog kita bila ditata dengan baik.

Baiklah jika anda memang tertarik untuk membuat read more ini silahkan ikuti tutorial berikut ini, eps… tapi tunggu dulu soalnya cara membuat readmore yang ingin saya jelaskan kali ini berbeda dengan readmore biasanya. Bedanya apa ayo tebak ? yaps sesuai dengan judulnya Read More yang ingin kita buat kali ini akan ditampilkan dengan di + judulnya lho. Hasilnya kira-kira kayak Read More yang saya pakai ini,silahkan lihat di bagian Home pada blog saya kemudian lihat pada masing-masing postingannya yang menampilkan read more. Baiklah nggak usah basa-basi lagi begini cara membuatnya :

1.Sign In ke account blogger anda
2. di dash board ambil menu [layout] kemudian pilih tab [Edit HTML].
3. beritanda centang pada kotak [“expand widget template”] yang berada diatas kode edit html. Tetapi Jangan lupa untuk memback up template anda terlebih dahulu.caranya klik link [Download Full Template] yang ada di sana.
4. setelah selesai cari kode berikut ini di dalam Template blog anda.Untuk memudahkan pencarian tekan kombinasi tombol [ctrl +f] dan paste kode berikut ini kedalamnya:

5. kalau kode tadi sudah ketemu maka dibawahnya akan ada kode berikut ini :

6. selanjutnya ganti kode diatas dengan kode berikut ini :

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

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>

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

<strong><a expr:href='data:post.url'>teruskan membaca..... “<data:post.title/>”  »» </a></strong>

</b:if>

“Perlu anda ketahui bahwa Tulisan "Lanjutkan Membaca....." ini bisa anda ganti dengan tulisan lain.”
7. setelah selesai simpan hasil pengeditan template yang sudah kita lakukan diatas tadi dengan cara mengklik tombol Save Template
8. Selanjutnya pindah kemenu [setting] dan klik tab [Formatting]
9. kemudian isikan kode dibawah ini kedalam kotak [Post template] yang ada dimenu formatting tadi :

10.Lalu simpan hasil perubahan tadi

Proses penyetingan kode Read More telah selesai kita lakukan, sekarang silahkan istirahat sejenak.karena perjalanan kita masih belum selesai.setelah ini kita akan membahsas tentang cara membuat dan menerbitkan postingan dengan Read More. Begini caranya :

1.klik tab postingan yang ada didalam account bloger anda untuk mempositng.
2.didalam kotak tempat anda biasa memposting itukan ada dua Tab. Tab yang pertama bertuliskan [edit html] dan tab yang kedua bertuliskan [compose],nah karena anda telah memasang read more pada template anda maka utuk memanfaatkannya lakukanlah penulisan postingan dibagian [edit HTML] kemudian secara otomatis di bagian edit html tadi akan ada kode seperti dibawah ini :

3. tarok artikel postingan yang akan ditampilkan dihalaman utama [sebelum tulisan ["Redmore"] diatas kode ini :<span class="fullpost"> sementara sisa lainnya taruh diantara kode <span class="fullpost"> dengan kode </span>kemudian lakukanlah penyetingan gaya tulisan seperti memberi tautan [hyper link], tulisan cetak tebal [bold], dan susunan tulisan [center,left atau right] seperti biasa yaitu dibagian [compose].
4.setelah selesai,terbitkanlah postingan yang anda buat tadi, dan jangan lupa mengisi judul postingannya ya agar nanti read more dapat menampilkan judul postingan anda juga. Nah kalau anda mengikuti tutorialnyadengan baik maka pasti anda akan berhasil.

Jadi tunggu apalagi burua…nnn… dicoba !!!

cara Membuat e-mail Subscriber

2009-02-11T10:54:00.001+07:00

kamu pasti pernah melihat ada sebuah kotak yang berisi kotak link yang bertuliskan "langganan" di blog lain teman anda.kotak itu digunakan untuk mengisikan alamat email dan "Berlangganan "Resep-Resep Baru" blog tersebut. Nah kamu juga ingin menambahkan fungsi berlangganan lewat e-mail itu ke dalam blog kamu,silahkan ikuti resep saya yang berikut ini resep blog saya pada sesi kali ini akan membahas tentang bagaimana cara membuat kotak tersebut. Oh ya, Seperti yang telah saya terangkan tadi fungsi dari form tersebut adalah untuk mempermudah para pembaca blog kita agar dapat berlangganan atau mendapatkan info terbaru dari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. ngerti kan sampean ?!! Ok. mari kita bahas resep ini.

Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : feedburner.google.com,kemudian klik tombol link yang bertulisan "Get Started"
2. Saat pertama kali datang kamu akan langsung disuguhi oleh sebuah kotak yang berguna untuk mengisikan alamat feed blogkamu yang akan didaftarkan
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang dissuguhi tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan dissuguhi lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini klik link "Skip directly to feed management",
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, kemudian klik tombol "Save" untuk mengaktifkan layanan tersebut.

nah cara mendaftarkannya telah selesai kita bahas,sekarang istirahat sejienak untuk melanjutkan petualangannya karena petualanganny tidak selesai hanya sampai di sini. sekarang akan kita akan membahas cara untuk memasang code e-mail Subscriber tersebut ke dalam blog.begini caranya :
1.Login ke account blogger yang anda miliki,lalu pilih [layout] --> [Add a Gadget] --> [HTMl/Java Script] nah sekarang paste kode yang sudah kamu copy tadi, lalu di save.

nah kalau kotak berlangganan e-mail tersebut sudah ada sekarang mari kita bahas cara nampilin jumlah reder yang berlanganan

1.Login ke feedburner kemudian pilih feed blogmu
2.Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu [caranya memasukan kodenya sama dengan langkah nomor 1 diatas].

Resep Membuat Rattingan Dibawah Positngan

2009-02-11T10:28:00.000+07:00

beberapa waktu silam ada seorang sahabat blogger saya yang menanyakan tenteang cara untuk menampilkan ratingan pada bagian bawah postingan,

memang blogger sedikit memiliki kelemahan dalam hal fitur yang ada di Postingannya, agar

pengujung Blog dapat memberikan rating atau penilaian terhadap isi postingan ,maka kita bisa menambahkan fitur rating yang akan muncul pada bagian bawah setiap postingan.jika anda ingin melihat contohnya silahkan lihat saja pada bahagian bawah di setiap postingan saya ini, itu lho yang ada gambar bintangnya. jika anda juga ingin menambahakan fitur ini pada blog anda silahkan lihat dan ikuti resep jitu saya yang berikut ini.

Berikut langkah-langkahnya :

1.SIGN IN ke account Blogger yang anda miliki

2.Jika telah masuk ke halaman Dashboard, klik link Layouts,lalu pilih Edit HTML.

3.Berikan tanda ceklist pada opsi Expand Widget templates, lalu pada kolom HTML
temukan kode berikut:

<b:include data='post' name='postQuickEdit'/>
</span>
</div>

4.Jika sudah menemukannya,ketikan Scrip berikut ini di bawahnya

Maka susunanya akan menjadi seperti ini:

<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS ='http://widgets.outbrain.com/lang_en.js';</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

5.setelah selesai klik tombol pratinjau terlebih dahulu untuk mengetahui berhasil atau tidaknya pengeditan yang telah kita lakukan

6.jika sudah berhasil dan Gambar bintang untuk memberikan rattingannya sudah dapat dilihat pada setiap postingan klik tombol [save template] yang ada
Lalu lihatlah Blog anda,maka bisa

Cara Mencegah Pembajakan Karya Pada Blog

2009-02-11T10:03:00.000+07:00

“ Blog Juga Karya Cipta.” Ya .... ungkapan itu memang tepat untuk dilontarkan, tetapi sayangnya masih banyak saja orang yang melanggar, Ia malahan membuat orang menjadi kesal lantaran karya cipta yang telah dibuat orang dengan susah payah malahan seenaknya saja ia bajak dan parahnya lagi sipembajak itu tidak mencantumkan label nara sumber tempat ia mengambil postingan tersebut karena yang biasa menjadi korban pembajakan memanglah bagian postingan pada blog kita.

Mungkin orang yang postingannya dibajak akan merasa sedikit lega apabila sipembajak tersebut mencantumkan label tempat ia mengambil postingannya tersebut, tetapi tidak jarang juga orang yang tetap tidak suka postingnanya dibajak meskipun telah dibuatkan label sumbernya sekalipun.

Nah oleh karena itulah hari ini saya berkeinginan untuk membagikan trik tentang cara “ cegah pembajakan” kepada anda para sahabat blogger semua yang tidak ingin karyanya dibajak oleh orang lain.nah untuk melakukan itu kita akan mengalihkan fungsi klkik kanan yang menjadi langkah awal pembajakan postingan melalui option “copy”pada blog kita. Untuk melakukan itu silahkan ikuti tutorial berikut ini :

1.sign in dulu ke account blogger anda

2. kemudian masuk kebagian Edit Html yang ada diblog anda tersebut. Caranya klik tab [lay out ] yang ada di dashboard anda kemudian ambil pilihan [Edit Html]

3.lalu copy dan paste kode di dalam kotak dibawah ini. Dan letakkan tepat dibawah kode <head> yang ada di kotak edit html tersebut. Cara menemukannya agar cepat tekan kombinasi tombol [ctrl+f] dan paste kode ini <head> kedalamnya.

4. kemudian ganti tulisan yang berwarna merah : [GANI DENGAN TULISAN LAIN] yang ada didalam kode diatas dengan tulisan lain yang nantinya akan menjadi peringatan ketika orang mengklik kanan pada blog kita.

5. setelah pengeditan selesai klik tombol [save template ] yang ada

6.selesai….!!!

Warisan Yang Menunggu Mati

2009-02-11T08:38:00.000+07:00

Indonesia,kita semua tahu bahwa Negara kita ini adalah sebuah Negara besar kepulauan yang dulunya sempat menjadi daerah tujuan perdagangan utama bagi seluruh bangsa di dunia.Tetapi sekarang entah apa yang telah terjadi pada bumi pertiwi ini ?!!! Negara yang dulunya dijuluki sebagai Negara Paru-Paru Dunia ,sekarang julukan itu telah mulai memudar seiring dengan pudarnya rasa cinta yang kita miliki pada negri seribu pulau ini.Hutan hijau nan menyelimuti negara ini ,sekarang telah gersang dan menjadi wilayah yang tandus,pasir putih pantai nan berkilau bak butiran permata mutiara, sekarang telah kumuh disapu sampah hati masyarakat yang tidak bertanggung jawab, lumbung padi besar nan megah,sekarang yang tinggal hanyalah buih-buih penderitaan kelaparan rakyatnya saja.

Sudah cukup kita nikmati keterpurukan bangsa ini.sekarang sudah saatnya bagi kita untuk bangkit dan bersatu untuk meregangkan kembali sayap garuda yang telah lama terkuncup dan merebut kembali milik kita yang telah terlewatkan dan hilang ditelan zaman.Sahabat pembaca yang cerdas, "yakinlah bahwa Negara kita ini adalah Negara yang teristimewa”.Kemerdekaannya diperoleh dengan jerih payah dan titik darah perjuangan para leluhur yang tak kenal lelah dan rasa takut untuk mewariskan Indonesia Pusaka yang berdaulat dan kehidupan yang sejahtera bagi para keturunannya.

“Bangkitlah Indonesiaku!!” sekarang sudah tiba waktunya bagi kita untuk meneruskan,menjaga dan memajukan kelestarian pusaka bangsa yang telah diwariskan oleh para pendahulu-pendahulu kita ini.Kita semua tahu bahwa dulunya, jauh sebelum Negara Maritim seribu pulau ini bersatu, banyak kepulauannya yang telah memiliki peradaban dan budaya yang maju,seperti kerajaan Majapahit yang luas kekuasaannya mampu meliputi Indonesia,Singapura dan Sebahagian dari Malaysia sekarang.Dan satu hal lagi keajaiban dunia di bumi pertiwi ini yang sungguh luar biasa dan tidak dapat ditembus oleh akal fikiran sehat manusia hingga saat ini,yaitu susunan bebatuan raksasa yang disusun sedemikian rupa hingga membentuk sebuah candi yang dikenal dengasn sebutan “Candi Borobudur”.Di zaman yang masih kuno dulu,entah bagaimana caranya ? agar batu yang sangat besar dan berat itu dapat diangkat dan disusun seanggun itu.Sungguh tidak salah kiranya bila guru-guru ku semenjak dari SD sering megagum-agumkan bangsa ini.Itu hanyalah beberapa dari jutaan contoh kekayaan yang dimiliki oleh bumi pertiwi ini.Tetapi dari semua kekayaan itu,ada satu hal yang harus kita yakini “buah jatuh tidak akan jauh dari pohonnya.” Jika dulu bangsa ini pernah berkembang sampai semaju itu, kita harus yakin terutama Aku ,bahwa jika kita bersungguh-sungguh,berusaha,berjuang dan berdo’a keapada Allah SWT,kita pasti bisa meraih kembali kejayaan dan "milik kita dimasa lampau yang telah terlewati dan hilang ditelan zaman."

Satu hal pesanku bagi seluruh sahabat pembaca yang cerdas. “Berjuanglah untuk memberikan yang terbaik bagi bumi ini selagi kita bisa,dan sakali lagi yakinlah bahwa disetiap ada usaha pasti akan ada jalan untuk mencapainya.”

“Bangkitlah Negriku,
Bangkitlah Indonesiaku,
Bangunlah Garuda Sakti Indonesia.”
Dan jangan pernah berfikir untuk memberikan “Warisan Yang Menunggu Mati” bagi generasi penerus Bangsa ini. "Selamat berjuang Generasi Emas bangsa Indonesia,buatlah indonesiamu sukses dimulai dari diri mu sendiri.”

Membuat Tulisan Dengan Blink Style

2009-02-09T13:13:00.000+07:00

Anda pasti pernah melihat ada tulisan yang bekedip – kedip bak pesulap yang menghilang – hilang lalu muncul lagi di blog teman –teman anda. kalau belum pernah beginilah bentuk tulisannya kelihatan nggak contoh yang saya berikan ini . Biasanya tulisan ini dimuat orang di bagian sidebar [ bagian kanan atau kiri template] tetapi tidak jarang juga orang yang menempatkan gaya tulisan ini didalam postingannya atau dibagian template lainnya tulisan ini dapat digunakan untuk bebrbagai macam keperluan. Biasanya orang memakai gaya tulisan ini untuk memberikan sebuah peringatan, memberi pengumuman, atau untuk keperluan yang sejenis lainnya. Dengan gayanya yang unik dan menarik tidak heran rasanya jika banyak orang yang

menggunakan gaya Tulisan ini untuk memberitahukan suatu hal yang penting melalui media blog ataupun website, apalagi kalau tulisan ini ditata dengan sedemikian rupa dan diletakkan ditempat yang strategis, pastilah orang yang mengunjungi blog atau website anda akan melihat dan membacanya.baiklah untuk membuat tulisan ini caranya sangat mudah anda tinggal membubuhkan kode ini pada bagian awal atau penutupan pengumuman yang anda publikasikan <blink> isi dengan kalimat anda </blink> . Keterangan ganti teks yang berwarna merah dengan kalimat anda dan jika ingin menampilkannya didalam, postingan ketik di bagian edit htmlnya bukan dibagian kompose

Bikin Pointer Mouse Jadi Pintar

2009-02-09T10:05:00.000+07:00

Setiap kali anda ingin menutup suatu proram seperti microsoft word tanpa menyimpannya, pasti akan ada konfirmasi yang menanyakan "apakah anda ingin menyimpan file ini sebelum ditutup atau tidak ?". coba perhatikan pointer tetikus anda pasti akan berada tepat dibagian pojok paling kanan. nah, kalau anda ingin memodifikasi pointer tersebut agar secara otomatis ia dapat berpindah tempat yang direkomendasikan oleh program mari ikuti langkah berikut :

1. klik start > control panel >mouse [ untuk memudahkan pencarian sweitch mode control panel anda ke mode klasik dengan mengklik perintah yang ada di bar sebelah kanan paling atas jendela kontrol panel anda ]

2. setelah itu muncul jendela mouse propertis lalu klik tab "pointer option" yang ada.

3. langkah selanjutnya beri tanda centang pada kotak yang bertuliskan "Automaticcalymone pointer to the default button ......"

4. lalu klik Ok untuk menyudahinya.

Modifikasi Bingkai Foto Profil

2009-01-31T15:38:00.000+07:00

Blogger menyediakan sebuah layanan bermanfaat bagi para pengelolanya untuk dapat mempublikasikan profil lengkapnya melalui sebuah media dengan tampilan photo autor kedalam blog yang dikelolanya. Dengan menggunakan fasilitas ini para penikmat blog dimungkinkan untuk dapat melihat data atau profil pengelola blog yang dibacanya itu. Defaultnya photo profile itu ditampilkan dalam bentuk kotak sederhana. Nah sekaranglah saatnya bagi anda untuk mempercantik tampilan photo itu dengan memberikan efek bingkai pada bagian pinggir photo. Dan untuk melakukan itu mari ikuti tutorial berikut ini dengan cermat :

1. Sig in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. kemudian sebelum melakukan pengeditan di bagian edit HTML sebaiknya back Up dulu template anda dengan cara mengklik pilihan ( Down Load Template Lengkap) Yang ada dibagian atas edit HTML. Kemudian save

5. Cari kode dibawah ini untuk template mode klasik dan ubah angka yang berwarna biru menjadi nilai yang lebih besar :

.profile-img img {
float:left;
padding:4px;
border:1px solid #000;
margin:0 8px 3px 0;
}

6.Atau cari kode ini untuk template mode baru dengan terlebih dahulu memberikan tanda centang pada kotak kecil yang berada disamping ( tulisan Expand Template Widget). berada diatas kotak edit HTML

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

7. Ganti nilai border yang berwarna biru diatas dengan nilai yang lebih besar. Contohnya diganti dengan angka 5.

8.kemudian klik pratinjau untuk memastiakan berhasil atau tidaknya pengeditan kita.

9. selamat mencoba …!!!!!

Keterangan :

border:1px solid #000; --> yang berwarna biru (1px) artinya lebar bingkai photo adalah 1px. Jika anda ingin bingkainya tampak lebih jelas ganti dengan angka yang lebih besar.

1px solid #000 --> yang berwarna hijau(#000) artinya kode untuk bingkai yang berwarna hitam, jika anda merasa tidak cocok silakan ganti dengan kode warna lain

Tulisan Solid --> yang berwarna merah adalah model bingkai fotonya anda dapat menggantinya dengan model bingkai lain.

Jaringan Sosial Khusus Gamers

2009-01-31T15:30:00.000+07:00

Bagi anda yang doyan ngegame,jaringan sosial berikut ini mungkin cocok untuk Anda. Layanan jaringan gamer sosial ini baru saja memasuki tahapan open beta,Raptr memungkinkan anda mengetahui game apa yang sedang dimainkan teman-teman anda,berbagai kemenangan secara otomatis,menemukan game-game baru yang mungkin anda sukai,meng-update game secara instan,hingga menayangkan identitas gaming anda di satu tempat.Karena berperan sebagai platform sosial,layanan ini secara otomatis akan meng-update status gaming penggunanya(real-time),sehingga ketika teman-teman anda mulai memainkan suatu game,anda akan langsung mengetahuinya.

Direncanakan siap dirilis resmi di awal 2009,Raptr kompatibel dengan ratusan game yang telah dirilis di berbagai platform seperti Mac,Xbox360,Facebook,Flash,Nintendo Wii,dan playStation 3.pun layanan ini dapat berintegrasi dengan facebook,Twitter,danFriendFeed.Respon para gamer terhadap Raptr juga terbukti cukup hangat,karena versi beta-nya saja saat ini telah menh-hosting hingga 1000 pengguna.ya sudah tunggu apa lagi jika anda tertarik untuk bergabung dengan komunitas game ini silahkan klik disini

Mengubah Font Standar Ms. Word

2009-01-24T11:59:00.000+07:00

Anda tahukan bahwa apabila kita menjalankan program OFFCE 2003 secara standar program itu akan memberikan setingan font standar dengan menggunakan jenis huruf Times New Roman yang berukuran Dua Belas dan berwarna hitam setingan font standar ini akan selalu muncul seperti demikian meskipun diakses berulang-ulang kali, kecuali kalau kita mengubah setingan Font Standarnya itu.Nah makanya, dengan mengikuti tutorial Office kali ini anda dapat mengatur setingan standar fontnya sesuka hati anda. Nah supaya jangan terus bertambah penasaran dan makin gregetan mari langsung saja anda ikuti tutorial berikut ini :

1. jalankan program Ms. Word anda

2. setelah program word terbuka ambil pilihan [format] pada menu bar word kemudian pilih [Font]

3. sebuah jendela baru dengan title font akan muncul. Ditempat inilah nantinya kita akan melakukan pengubahan settingan standar font Ms.word. untuk mengubah jenis huruf standarnya tukar di kotak [Font] yang ada,dikotak itu akan tertera beberapa jenis font.Silahkan pilih salah satu jenis font yang anda sukai untuk dijadikan font standar

4. jika ingin mengubah font Stylenya ubah di kotak [Font Style] yang ada begitu juga untuk pengubahan Font color,Underline Style dan Sizenya silakan coba sendiri

5. apabila anda telah selesai mngubahnya klik pilihan [Default]

6. dan apabila muncul konfirmasi klik [yes]

7. dan selesailah pengubahan font standarnya. Untuk membuktikannya coba anda jalankan kembali program Ms. Word anda lalu buatlah sedikit ketikan, tampilan font standarnya pasti akan tampil sesuai dengan pengaturan yang anda lakukan tadi.

8. selamat mencoba…!!!!

Untuk mengembalikan setingan font ke setingan pertamanya tadi silakan lakukan pengaturan font standar sesuai dengan langkah tadi. Ubah jenis fontnya menjadi [Times New Roman], ukurannya menjadi [12], font stylenya [regular],underline stylenya ambil pilihan [none] dan font colornya jika juga anda ganti tukar kembali dengan pilihan warna hitam.

Cara Menghilangkan Navbar

2009-01-17T15:23:00.000+07:00

Anda pasti tahu, apa itu navbar ? itu lhoo.. kotak persegi panjang yang ada dibagian atas blog, biasanya dibagian sudut paling kanan kotak itu terdapat tulisan sign in dan satu tulisan lainnya.Sebenarnya kehadiran kotak navbar itu tidaklah mengganggu kinerja blog anda, bahkan navbar dapat memudahkan kita untuk sign in kedalam account blogger tanpa harus repot – repot membuka jendela browser baru dan mengetikkan tulisan [blogger.com] dulu di addres bar browser anda.tetapi jika anda tetap ingin menghilangkan kotak navbar itu, ya sudahlah berikut saya tuliskan tutorialnya khusus untuk anda

ikutilah langkah demi langkah berikut ini :
1.Pertama-tama,Sign in ke account blogger anda
2.kemudian sesampainya di dashboard klik tab [layout],lalu pilih kembali tab[Edit html].
3.Didalam kotak Edit HTML cari kode berikut ini, biasanya berada dibagian atas Edit html :

<b:skin><![CDATA[

4.Dibawah kode tersebut diatas akan ada kode yang mirip dengan kode dibawah ini :

**************************
Name: ......................................[nama template]
Designed by:........................... [nama pembuat template]
URL: ....................................... [url template]

Converted into Blogger by: eBlog Templates
URL: .......................................[url template]
Per the Creative Commons Atribution License,
Please do not remove the footer credits.
*****************************

atau bisa juga dicari kode berikut ini :

-----------------------------------------------
Blogger Template by btemplates.com
Theme Name: ..............(nama template anda)
Theme URI: .................(url template)
Author URI:..................(url pembuat template)
Version: 1.0
----------------------------------------------- */

4.apabila anda telah menemukan kode yang mirip dengan kode diatas, copykan lah scrip berikut ini tepat dibawahmya [dibawah tanda garis – garis penutup yang berwarna merah :

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

5.jika sudah selesai klik tombol [Save Template]6. dan inilah langkah yang terakir dan paling dinanti yaitu selesai…!!!!

"Untuk mengetahui berhasil atau tidaknya pengeditan yang anda lakukan tadi silahkan refresh jendela blog anda atau klik saja link [View Blog] yang ada di account blogger anda."

kuliah Online di Stanford

2009-01-17T15:19:00.000+07:00

mungkin anda memiliki angan-angan untuk belajar distanford university? Sekaranga anda tidak perlu bermimip lagi!!!,kerena kini universitas populer tersebut telah membuka 10 cyber courses gratis untuk jurusan computer science dan electrical engineering-yang merupakan pertama kalinya dalam sejarah perkembangan Stanford University.
Program kuliah Online di Stanford university ini Meliputi pelajaran mengenai dasar-dasar computer science seperti programming methodolgiy,programming abstractions,programming paradigms,serta pengenalan terhadap robotics,artificial intelligence,dan linear systems and opyimisation,courses tersebut dapat anda pelajari dan kuasai sebagai bagian dari program baru mereka yang bertajuk Stanford Engineering Everywhere(SEE). Dengan memanfaatkan fasilitas ini para siswa,mahasiswa dan pengajar yang berada diseluruh dunia pun dapat menguduh berbagai materi kuliah,vidio kuliah,transkip kuliah,pekerjaan rumah ,hingga bahan ujian-yang hampir sama prsis dengan yang diterima oleh mahasiswa Stanford di sini.

Luar biasa bukan manfaatnya ? ya sudah tunggu apalagi sekarang buruan gabung untuk menuntut ilmu diStanford University secara online dengan jutaan orang yang mungkin juga telah mengikutinya [klik disini] untuk memulai kuliah secara online atau anda juga dapat mengaksesnya melalui URL berikut ini : http://see.stanford.edu/ .yang membedakan kita dengan mahasiswa asli yang berkuliah di Stanford University,tentu saja adalah anda tidak akan memperoleh bukti penilaian apapun meski telah menyelesaikan ujiannya.
Vidio course yang disediakan dalam format youtube,iTunes,Vyew,WMV Torrent,dan MP4 Torrent,juga dilengkapi dengan lisensi Creative Commons sehingga memungkinkan penggunanya untuk menonton bahkan menyebarluaskan Video Coursenya dnegan restu dari pihak Stanford University [tanpa melanggar hak cipta].selain PC,videonya juga kompatible dengan Mac dan perangkat mobile computing .

"Bisa diakses di http://see.stanford.edu/"