Showing posts with label Tips Blogger Mania. Show all posts
Showing posts with label Tips Blogger Mania. Show all posts

Friday, March 25, 2011

Cara Cepat Pasang Musik di Blog

Apakah anda tertarik pasang musik/lagu dib log anda Cara Pasang Background Musik Autoplay Sendiri di Blog ? Kalau “YA” berikut beberapa cara yang bisa anda lakukan berdasar coba-coba saya dengan blog ini "dimana menurut saya sangat ringan untuk loading sebuah Blog" :
  1. Musik/Lagu akan autoplay bila blog kita dibuka
Caranya :
  1. Masuk ke http://www.divine-music.info/
  2. Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan.
  3. Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
  4. Disitu akan ada kode EMBEDED copy kode itu dan masukkan ke kode html blog anda.
  5. Selesai dan dengarkan hasilnya.
2. User memilih mau memainkan lagu atau tidak
Caranya :
  1. Masuk ke http://musik-live.net
  2. Pilihan tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai dengan keinginan lalu copy dan paste kode yang diberikan dibawah tampilan musik player tersebut pada sidebar.
  3. Selesai dan lihat hasilnya
Jika lebar dan tinggi dari player musik tersebut tidak sesuai dengan sidebar, kita tinggal merubah nilai Width dan Height nya saja.

3. Memasang sendiri lagu sesuai dengan keinginan kita
Caranya :
a. Masuk ke http://4shared.com mestinya kita register dulu ya.
b. Selesai register login dan upload lagu kesayangan kita.
c. Setelah itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang muncul dan masukkan ke blog kita.
d. Nikmati hasilnya.
Untuk cara ini menurut saya sangat lambat waktu loading buka situs kita, karena kita perlu file hosting 4shared, Tapi kalau mau nyoba ke blog kesayangan akan lebih baik, ilmu kan harus diaplikasikan.( Cara Pasang Background Musik Autoplay Sendiri di Blog )
sumber klik disini

Sunday, November 7, 2010

Cara Hilangkan Navbar

Pada artikel postingan saya kali ini adalah tentang cara bagaimana menghilangkan navbar blog anda dengan cepat tanpa membingungkan tentunya. Dan saya percaya setelah anda membaca artikel ini anda pasti langsung mengerti caranya.

Untuk menghilangkan navbar pada blog anda sangat mudah, langsung saja silahkan anda cari kode berikut di Edit Html pada blog anda.






Jangan lupa beri tanda cekilis pada Expand Template.

==============
<b:skin><![CDATA[
==============

Setelah anda temukan kode diatas, silahkan copy-pastekan kode berikut tepat dibawahnya (dibawah kode <b:skin><![CDATA[ ) download kode scriptnya.

Klik Disini untuk download kode scriptnya

Simpan template anda dan lhat hasilnya.

Terima kasih dan semoga bermanfaat.

Cara Ganti Template (Tampilan) Blog

Cara mengganti template blog dengan tampilan template selain template dari blogspot sebenarnya sah-sah saja. Namun kekurangan dari kita menggunakan template selain yang telah disediakan oleh blogger , dalam pengaturan (edit template) pada Perancang Template ada fitur-fitur yang tidak bisa digunakan. Tapi tenang saja, anda bisa mencari tau tanya langsung sama mbah googgle caranya (dah banyak koq tutorial blog yang bertaburan).
Kendala yang paling dihadapi misalnya, kita tidak bisa merubah warna tampilan background, teks menu dan lain sebagainya.

Langsung saja cara mengganti template blog (tentunya template gratis)

Pertama anda download terlebih dahulu template yang ingin anda gunakan dan tentunya cari saja template yang gratis ( ngapin cari yang berbayar klo masih ada yang gratis). Anda bisa download template gratis DISINI atau DISINI atau cari di GOOGLE.
Setelah download dan simpan template anda di komputer anda lalu ikuti langkah-langkah berikut :

1. Seperti biasa, login dulu ke akun blogger anda
2. Klik Rancangan => Edit Html
3. Backup dulu template anda sebelumnya untuk menghindari kesalahan edit htmlnya. klik Download emplate Lengkap.
4. Masih di Edit Html klik browse (untuk mencari template yang ingin anda gunakan)
5. Klik Unggah untuk mendownload serta memasang template pada blog (blogspot) anda.
6. Klik Simpan untuk memastikan template anda telah disimpan
7. Klik Lihat Blog untuk melihat hasilnya.

NB : bila ada terjadai kesalahan error pada proses penyimpanan template, disitu biasanya akan muncul notifikaasi "pertahankan widget atau dilanjutkan". Saya saran lanjutkan saja karena bila anda perthankan widget (widget-widget pada template sebelumnya) akan membuat anda repot karena tampilan akan sulit mengeditnya.

Nah, saya sarankan pastikan anda belum melakukan postingan artikel blog atau pengeditan tataletak widget atau lain sebagainya dalam memasang template baru ini, karena biala blog anda telah jadi dengan template bawaan blogspot makan tampilan blog anda bisa saja kacau dan tak sesuai lagi dengan tampilan semula dikarenakan ada kode-kode html yang tidak sesuai dengan template sebelumnya (ya namanya aja dah ganti template so pasti dah ngerubah tampilan blog anda).

Akan tetapi bila anda sudah terlanjur atur ini itu pada blog anda (dengan template bawaan blogspot), sebenarmya tidak apa juga namun anda akan sedikit dibuat pusing karena tataletak dan segala tampilan yang tadinya sesuai telah kacau. Itulah sebanya saya sarankan pada anda supaya ganti template pada waktu anda baru pertama kali membuat blog.

Lakukan pengeditan template baru anda sesuai keinginan anda, jangan lupa lihat juga artikel TIPS DAN TRIK BLOG pada blog saya. Terima kasih dan semoga bermanfaat. Dan bila ada yagn kurang silahkan tanyakan pada kolom komentar dibawah artikel ini.

Wednesday, November 3, 2010

Cara Cepat Memasang Scrollbox di Sidebar Blog

Dalam mengatur tampilan dari blog agar menarik dan tidak membuat pengunjung bosan dengan tampilan blog yang terlalu memanjang kebawah sehingga sipengunjung menjadi tidak betah berada diblog kita. Saya punya saran bagi anda untuk mengatur template blog agar menarik dan tidak membosankan, lagipula tidak ada salahnya anda mencoba saran saya ini.

Artikel kali ini berguna untuk menghemat sidebar blog anda, ketika anda memasang misalnya seperti pada tampilan blog saya mitra simeulue, pada side bar banner blog mitra disitu saya menampilkan script banner blog saya sehingga bisa dicopy langsung. Nah, jika saya tidak memasang sidebar dengan scrollbox seperti pada sidebar kanan bawah blog saya dapat dipastikan akan memakan tempat yang lumayan banyak.

Cara memasang sidebar Scrollbox pada blog, sebagai berikut :

1. Login pada akun blogger anda.
2. Klik Rancangan => Tambah Gadget.
3. Pilih lokasi gadget sesuai keinginan anda. Lalu pilih Html/Javascript.
4. Setelah itu pastekan kode script berikut didalam gadget Html/Javascript.

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

<div style="overflow: scroll; width: 400px; height: 100px;">isi pesan anda</div>


================================================
keterangan :
* Teks warna hijau = anda bisa merubah lebar dan tinggi scrollbox.
* Teks warna merah = isi dari pesan anda atau kalimat yang ingin anda masukkan kedalamnya.

Sedikit tambahan, jika ada ingin menambahkan (ganti) warna background pada scrollbox menjadi warna keinginan anda maka scriptnya akan menjadi seperti ini :

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

<div style="overflow: scroll; background-color:KODE WARNA; width: 400px; height: 100px;">ISI PESAN ANDA</div>


==========================================================
keterangan :
* teks berwarna merah = kode warna background,
misal :
warna abu-abu(gray) kode warnanya = #CCCCCC
warna hitam kode warnanya = #FFFFFF
dan lain sebagainya.

Untuk contoh scrollbox dengan warna background klik disini
Anda bisa melihat kode warna tersebut di Adobe Photoshop atau diprogram-program aplikasi yang menampilkan kode dari warna.

Ok, semoga bermanfaat dan terima kasih telah berkunjung.

Sunday, October 31, 2010

Cara cepat Blog/Website ter-search engine oleh Google

Begitu blog/website dewasa ini, hingga begitu sulitnya blog/website kita agar ter-search engine oleh Google. Nah, saya punya beberapa tips khusus agar blog/website anda bisa ter-search engine oleh Google, karena percaya tidak percaya (ya harus percaya lah.. lah ada buktinya koq) Google adalah search engine terfavorit saat ini. Sesuai dengan hati nurani saya, saya akan berbagi tips apa saja yang harus dilakukan agar blog/website kita ter-search dengan cepat oleh mbah yang satu ini (Mbah Google) hehhe.. langsung aja ikuti langkah-langkah berikut :


1. Coba ketikkan alamat URL blog kamu di google search kemudian tekan Enter. Jika blogmu muncul berarti sudah ke indes di google tapi mungkin masih kalah bersaing dengan yang lain. Dan jika blogmu tidak muncul berarti belum keindex di google. Coba daftarkan blog km di http://google.com/addurl. Hasil tidak langsung jadi lho, jadi perlu waktu supaya blog kita terindex oleh google.

2. "Title Blog", jika membuat blog tentunya kita disuruh untuk membuat title blog. Title blog ini sangat penting dan sangat berpengaruh terhadap hasil pencarian di search engine, jadi pintar-pintarlah untuk memilih title blog km. Buatlah title blog yang menggambarkan isi dari blog km. Jangan terlalu panjang dan jangan terlalu pendek.

3. "Title Postingan". Title postingan ini juga hampir sama pentingnya dengan title blog. Dalam membuat title postingan atau judul postingan hendaknya dipikirkan betul, bayangkan kira2 judul apa yang paling cocok untuk postinganmu. Juga bayangkan kira2 jika km mencari artikel tentang postingan mu tersebut, keyword apa yang akan km ketikkan di dalam search engine. Bayangkan seperti itu.

baca juga artikel ini Cara memasang teks berjalan dimenu bar pad blog

4. "Update Blog", sering-seringlah mengupdate blog km setidaknya dalam satu minggu itu sekali ato dua kali. Hal ini pernah aku rasakan efeknya di salah satu blogku. Blogku yang pada awalnya memiliki pengunjung dari search engine sekitar 30-40% tiba-tiba menurun drastis menjadi hanya sekitar 3%. Itu terjadi karena blog tersebut sudah lama tidak aku update, dan ketika aku update lagi, kemudian blogku kembali bisa memasuki jajaran top rank di search engine result.

5. "Promosikan blogmu", promosikan blogmu ke banyak web/blog, forum, situs2 promosi gratis, dll. Karena semakin banyak link blogmu tersebar maka akan semakin sering pula spider searh engine mengunjungi blogmu.


Gampangkan caranya?? tapi setelah anda melakukan tips diatas blog/website anda tidak mungkin langsung ter-search oleh Google, sudah pasti memerlukan waktu (namanya aja kita lagi usaha.. ya ga???). Oke deh, sekian saja mudah-mudahan dapat membantu anda. Semoga bermanfaat.

Friday, October 29, 2010

Cara Mengukur Kecepatan Loading Blog

Tahukah anda salah satu hal yang membuat pengunjung blog merasa tidak nyaman adalah loading blog yang lambat alias memerlukan waktu yang lama, beruntunglah jika koneksi sipengunjung blog memiliki jaringan yang lancar pasti tidak membutuhkan waktu yang lama untuk loadingnya. Nah, bagaimana jika kecepatan akses internet sipengunjung blog koneksinya lambat atau bahakn bagi pengunjung yang menggunakan koneksi modem? tetap saja siempunya bloglah yang akan dirugikan karena dapat dipastikan sipengunjung merasa tidak nyaman dan bahkan tidak mau berlama-lama berada di blog/website kita.

baca juga artikel ini Cara ganti nama domain jadi "co.cc"

Nah, untuk mengatasi hal ini kita mesti memperhatikan kecepatan loading blog kita dan memangkas beberapa fitur-fitur yang tidak terlalu penting di blog kita agar loadingnya cepat. Sesuai dengan judul artikel kali ini, saya akan berbagi cara mengukur kecepatan loading blog. Ada banyak memang situs-situs yang memberikan layanan untuk mengukur kecepatanloading blog, seperti : tools.pingdom.com , www.iwebtool.com , dan lain sebagainya.

Disini saya akan mencontohkan tes kecepatan loading blog dengan tools.pingdom..com , langkah-langkahnya sebagai berikut :

1. Buka situs tools.pingdom..com

2. Pada kolom test silahkan ketikkan alamat blog/website anda
contoh : mitraatefulawan.blogspot.com, www.blogger.com, dan lain sebagainya.
Maka hasilnnya akan seperti ini :


3. Perhatikan dalam tanda panah yang berwarna merah itu adalah hasil dari tes kecepatan loadingnya. Disitu tertulis blog mitraatefulawan.blogspot.com kecepatan 132 KB.
4. Selesai.

Saran saya jika blog anda hasil tes kecepatannya diatas 150 KB sebaiknya segera anda pangkas beberapa fitur-fitur yang tidak terlalu penting sehingga memperlambat loading blog anda, biasanya yang membuat laoding blog menjadi lambat adalah terlalu banyaknya foto atau video.

Demikian cara mengukur kecepatan loading blog, semoga bermanfaat. Sedikit tambahan jika anda mengukur kecepatan blog anda pada situs www.iwebtools.com disana bukan hanya tes kecepatan loading saja fitur yang disediakan tapi masih banyak fitur-fitur lainnya yang dapat bermanfaat bagi kita.

Cara Mudah Buat Link Berkedip Warna-Warni

Sebenarnya cara buat link berkedip warna-warni sudah begitu umum bagi anda yang telah lama melalang buana dijagad raya dunia maya (hehhe...agak lebay yo). Namun, mungkin bagi blogger pemula tentu sangat berguna apalagi blogger yang suka mengotak-atik tampilan blognya agar lebih menarik.

Baca juga artikel ini : CARA MUDAH PASANG GAMBAR ANIMASI DI BLOG

Nah, cara buat link berkedip warna-warni sangatlah mudah. Silahkan ikuti petunjuk berikut ini :

1. Login ke akun blogger anda.
2. Klik Rancangan => Edit Html
3. Klik Expand Template.
4. Sebelum melakukan peng-editan silahkan backup dulu template blog anda.
5. Cari kode </head> lalu pastekan kode yang berwarna merah berikut tepat dibawah kode </head>

<script src='http://denisahlan.netau.net/klinikit.js'/>

6. Lalu klik Simpan (Save) untuk menyimpan editan kita tadi.
7. Ya.. apalagi selain melihat hasilnya, klik Lihat Blog.

Bagaimana? gampang bukan. Untuk contohnya lihat saja di blog saya, jika anda arahkan mouse anda ke link-link yang ada di blog saya maka linknya akan berkedip-kedp dan berganti warna. Semoga bermanfaat.

Monday, October 25, 2010

Cara Pasang Google Translate Di Blog

Gadget ini berfungsi untuk menterjemahkan bahasa blog anda ke bahasa yang diinginkan oleh pembaca blog anda.Misalnya seorang pengunjung dari negara cina membuka blog anda dan ingin membacanya, tentu saja dia tidak bisa mengerti dengan bahasa Indonesia.Dengan gadget Google Translate ini, si pembaca akan dengan mudah mengerti isi blog anda hanya dengan memilih bahaya yang diinginkan.Keuntungannya bagi blog anda adalah meningkatkan traffic kunjungan pada blog anda karena bisa dibaca dari seluruh dunia.Cara memasangnya adalah sebagai berikut:

1.Kunjungi Google Translate disini.
2.Lihat gambar dibawah.

3.Pada Select the language of your webpage,ubah ke Indonesia (kalau blog kamu berbahasa
Indonesia).
4.Copy dan paste kode HTML yang berada didalam kotak, yang kode seperti dibawah ini.

5.Login pada blogger.
6.Klik Layout pada Dashboard.
7.Klik Add a Gadget, dan pilih HTML/Javascript
8.Masukkan kode HTML yang telah dicopy (seperti pada langkah 4) dan beri judul titlenya,
misalnya Google Translate.
9.Setelah itu, Save

Selesai deh. tinggal lihat hasilnnya. seperti pada tampilan diblog saya. Semoga bermanfaat.

Wednesday, October 20, 2010

Cara Ganti Warna Background Template Blog

Untuk mengganti warna tempalate blog anda, caranya adalah sebagai berikut :

1. Login ke akun blogger anda
2. Klik Rancangan => Edit Html
3. Lalu klik Expand template
Jangan lupa sebelum melakukan pengeditan backup dulu tempalte anda.
4. Setelah itu carilah kode berikut ini :

body {
background:#fffff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

5. Ganti kode yang berwarna merah (
#fffff) dengan warna yang anda inginkan.
6. Klik Pratinjau atau langsung simpan.

Terima kasih semoga bermanfaat.

Sunday, October 17, 2010

Cara Pasang Facebook Badge Di Blog

Untuk sobat Mitra, cara memasang badge profil facebook di blog sangatlah mudah. Anda tinggal ikuti langkah-langkah berikut.

Untuk mengaambil script facebook badge anda, ikuti langkah-langkah berikut ;

1. Login pada akun facebook anda.
2. Klik Profil
3. Lalu klik Buat Lencana Profil (letaknya dibagian paling bawah dari foto profil anda)
Kira-kira tampilannya seperti ini :
Pada gambar, ada 5 opsi lencana (badge) yang bisa anda pilih untuk dipasangi di blog. Misalnya, seperti pada blog saya, saya memasang badge profil.
4. Klik Lencana Profil
5. Klik Sunting Lencana Ini (pilih opsi yang ingin ditampilkan)
6. Setelah selesai, klik Simpan
7. Copy kode html yang ada disamping pratinjau badge anda.

Sekarang beralih ke setelan blog anda.
1. Login ke akun blogger anda
2. Klik Rancangan >> Klik Elemen Laman >> Klik Tambah Gadget
3. Cari gadget Html/Javascript
4. Pastekan kode Html badge facebook yang telah anda copy tadi, lalu klik Simpan.
5. Selesai.

Silahkan lihat hasilnya di tampilan beranda blog anda.

Semoga bermanfaat dan jika ada yang kurang tentang pemasangan badge facebook di blog silahkan anda tanyakn dikolom komentar.

Friday, October 15, 2010

Cara Pasang Banner Beserta Linknya Di Blog

To the point aja deh.. lagi males ngetik ne..
Cara pasang banner di blog caranya sebagai berikut :

1. Login ke akun blogger anda
2. Klik Rancangan, klik Elemen laman
3. Klik Tambah gadget, muncul kotak baru kan. Lalu isikan script berikut ke dalam kotak itu :

<a href="ALAMAT BLOG ANDA">
<img src="ALAMAT GAMBAR BLOG" width="25" height="25" alt="mitrasimeulue.blogspot.com" />
</a>

Keterangan :
  • Tulisan biru = alamat blog anda
  • Tulisan hijau = alamat upload banner (gambar) anda
  • Tulisan kuning = lebar dan tinggi banner (gambar) anda, silahkan atur sendiri sesuai dgn tampilan blog anda

Contohnya seperti gambar banner blog saya di sudut bawah kanan blog saya.
Sekian aja deh, thanks and semoga bermanfaat.

Submit Blog Gratis

Inilah daftar submittion web/blog gratis yang saya dapat. Submittion web/blog dapat menaikkan page rank pencarian disitus-situs terkenal (Google, Yahoo, Msn, dan lain-lain). Cara submit web/blog anda tinggal ikuti petunjuk ditiap situs, biasanya isi kolom Url (alamat web/blog anda) dan email anda. Enjot it !!

1. Google = http://www.google.com/addurl.html
2. Yahoo = www.docs.yahoo.com/info/suggest/
3. Yahoo = http://add.yahoo.com/fast/add?158612
4. Lycos = http://insite.lycos.com/searchservices/
5. AltaVista = http://addurl.altavista.com/addurl/new
6. About = http://www.about.com/gi/pages/homehc.htm#c4
7. Open Directory = www.dmoz.org/add.html
8. AlltheWeb = http://www.alltheweb.com/add_url.php
9. Looksmart = Add URL Looksmart
10. MSN = http://beta.search.msn.com/docs/submit.aspx
11. MSN Beta = http://beta.search.msn.com/docs/submit.aspx
12. Info = http://info.com
13. Excite = http://Excite
14. NorthernLight = Add URL Looksmart
15. BCentral = Add URL BCentral
16. HotBOt = www.hotbot.co.uk/submit.html
17. Voila = www.voila.fr/Informations/Recherche/?submit
18. ExactSeek = http://www.exactseek.com/add.html
19. ScrubTheWeb = http://www.scrubtheweb.com/addurl.html
20. What U Seek = http://www.whatuseek.com/addurl-secondary.shtml
21. SearchHippo = http://www.searchhippo.com/addlink.php
22. EntireWeb = http://www.entireweb.com/eng/basic/
23. GigaBlast = http://www.gigablast.com/addurl
24. Gimpsy = http://www.gimpsy.com/
25. SearchKing = http://www.searchking.com/add_new.htm
26. WebSquash = http://www.websquash.com/cgi-bin/search/search.pl?Mode=AnonAdd
27. SearchIt = http://www.searchit.com/addurl.htm
28. Aeiwi = http://www.aeiwi.com/submit.html
29. intelSeek = http://www.intelseek.com/add_url_form.asp
30. Starting Point = http://www.stpt.com/?L=submit_form
31. NationalDirectory = http://www.nationaldirectory.com/addurl/
32. Look = http://www.look.com/remote/submiturl.asp
33. Web World = http://www.webworldindex.com/
34. SearchEngine.com = http://www.searchengine.com/List_Your_Site/Basic_Submit/
35. SplatSearch = http://www.splatsearch.com/submit.html
36. Buzzle = http://www.buzzle.com/suggest_basic2.asp
37. NerdWorld = http://www.nerdworld.com/ww_add_a_link.html
38. MavicaNet = http://www.mavicanet.com
39. Qango = http://www.qango.com/
40. WWWRIOT = http://www.dxpnet.com/riot/submit.asp
41. Walhello = http://www.walhello.com/addlinkgl.html
42. Claymont = http://www.claymont.com/login/login.asp?img=y
43. TryAmerica = http://www.tryamerica.com/AddURL.htm
44. NetNose = http://www.netnose.com/add.htm
45. Any Search Info = http://www.search-info.com/
46. SearchSight = http://www.searchsight.com/submit.htm
47. TrueSearch = http://www.truesearch.com/addurl/
48. CanLinks = http://www.canlinks.net/addalink/
49. Hotrate = http://www.hotrate.com/suggestURL.asp
50. SurfGopher = http://www.surfgopher.com/addurl.htm
51. 2kCity = http://www.2kcity.com/search/addurl.asp
52. Askjeeves = www.static.wc.ask.com/docs/addjeeves/Submit.html
53. TurnPike = http://www.turnpike.net/directory.html?getentry
54. MixCat = http://www.mixcat.com/addurl.html
55. Amray =http://www.amray.com
56. ClickForChoice = http://www.click4choice.com/add_url.htm
57. SurfSafely = http://www.surfsafely.com/urladd.html
58. WebbieWorld = http://www.webbieworld.com/ww/webnom.asp
59. Info Tiger = http://www.infotiger.com/addurl.html
60. Noago = http://www.noago.com/add/
61. Cipinet = http://www.cipinet.com/addurl.html
62. QuestFinder = www.questfinder.com/search/s-ctm.cgi?s-addurl.ctm
63. Crossdaily = www.awesome.crossdaily.com/addurl/
64. Admcity = www.admcity.com/search/addurl.shtml
65. Searchuk = www.url.searchuk.com/
66. Jayde = www.jayde.com/submit.html
67. Netsearch = www.netsearch.org/addurl.html

Thanks dah mampir. semoga bermanfaat.. follow me blog saya ye hehehe...

Wednesday, October 13, 2010

Cara Cepat Pasang Label Menu Drop Down di Blog

Tahukah anda? tampilan blog yang efesien sangat disukai saat ini. Nah, disini saya akan menguraikan bagaimana cara memasang label menu untuk menghemat tempat tampilan agar lebih efesien.

Singkat aja, untuk pertama seperti biasa login terdahulu pada akun blogger anda. Selanjutanya klik Rancangan => Edit Html. Sebelum melakukan pengeditan Html, Cek lis dulu "Expand Template".

Lalu cari kode berikut :

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

Kalau script diatas ga' ketemu berarti template blog anda belum dipasang gadget label. Pasang dulu gadget label di blog anda.
Nah, Setelah ketemu, gantikan kode diatas dengan kode berikut :

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Jika anda ga suka copas, silahkan download script nya DISINI
Simpan template anda, silahkan lihat hasilnya. Terima kasih dan semoga bermanfaat.

nb : Untuk lebih jelasnya cara posting script di halaman blog silahkan klik DISINI

Cara Mudah Posting Script di Halaman Blog

Gimana ya caranya menuliskan sebuah script untuk diletakkan pad apostingan artikel? ya caranya gampang. Kita memerlukan bantuan sebuah situs centricle.com, fungsinya untuk encode script agar tampil sempurna di postingan artikel anda, silahkan klil DISINI dulu.
Tampilan situsnya kira-kira sepertin ini :

Caranya : Anda copy script yang ingin anda tampilkan di postingan artikel anda, terus pastekan kedalam kotak. Lalu klik tombol encode.
Setelah selesai di encode, copy scriptnya lagi terus pastekan di kolom penulisan artikel yang hendak diposting.

Selesai deh, gampangkan.




Terima kasih telah berkunjung, ada yang ga'jelas silahkan tanyakan di koolom komentar. Semoga bermanfaat.

Cara Cepat Memasang User Online di Blog

Setelah beberapa waktu lalu saya memposting aritikel tentang Cara Buat User Online Status dari http://www.histats.com/, Kali ini saya akan memposting artikel yang ga jauh beda sii.hehehe yaitu tentang bagaimana Cara Pasang User Online Status di blog, Namun bedanya User Online Status yang saya posting kali ini adalah User Online Status kali ini hanya menampilkan berapa orang yang sedang ONLINE di blog kamu.Contohnya Bisa kamu liat aja sendiri di bawah ini :

Cara buatnya juga gampang ,Silakn kamu ikutin aja langkah-langkah berikut ini untuk pasang Cara Pasang User Online Status Di blog kamu.

1.Klik Situs whos.amung.us

2.Klik gambar User Online Status yang kamu inginkan untuk mendapatkan kode HTML nya.

3.Setelah kamu pilih tampilan User Online Status yang kamu inginkan,Copy kode HTML yang Muncul.

4.Login Ke blogger dengan ID kamu.

5.Kemudian klik Tab menu "Tata Letak" lalu Klik "Tambah Gadget" pada elemen template.

6.Kemudian pilih kategori HTML/javascript pada jendela baru setelah kamu mengklik "Tambah Gadget"

7.Lalu paste Kode HTML dari http://whos.amung.us/showcase/ di dalamnya .jangan lupa klik "save"

8.Selesai.

Thanks dah berkunjung. Semoga bermanfaat.

Tuesday, October 12, 2010

Pengertian Tentang CSS

Jika Sobat ngeblog menggunakan platform atau mesin blog dari Blogger, pasti sering mendengar script yang bernama CSS. Script ini memang berperan sanggat penting dalam blog kita karena jika tidak ada script ini, mungkin blog kita akan tampil acak-acakan di browser.

Sering sekali kita bertanya-tanya apa itu CSS dan kegunaannya. Oleh karena itu, ayo kita kupas tuntas pada artikel ini.

Menurut Wikipedia bahasa Indonesia, CSS atau Cascading Style Sheet merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Sama seperti style yang ada pada Microsoft Word, kita bisa mengatur tampilan mulai dari heading, isi dan footer dari dokumen. Kalau CSS, style digunakan untuk mengatur tampilan dari sebuah website yang dibuat dengan bahasa HTML dan XHTML sehingga terlihat lebih menarik dan rapi.

CSS sendiri merupakan script web yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah standarisasi CSS, banyak browser yang sudah mendukung script ini.

Struktur dasar CSS

selector {
property: value;
}

Bagian sebelum tanda {} dinamakan selector
Bagian yang diapit oleh tanda {} dinamakan declaration yang terdiri dari dua unsur, yaitu property dan value.

Contoh CSS

body {
background-color:#d0e4fe;
}

Fakta Menggunakan CSS
• Sudah didukung oleh browser versi terbaru
• Gambar dapat ditampilkan setelah konten utama ditampilkan terlebih dahulu
• Mengurangi ukuran berkas karena mampu menjaga HTML dalam penggunaan tag yang minimal
• Tata letak akan berubah karena penerjemahan CSS setiap browser berbeda
• CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML

Jangan lupa komentarnya ya.. katanya sich semakin banyak berkomentar di blog akan meningkatkan traffic rank blog anda (bagi yang memiliki blog). Terima kasih atas kunjungannya semoga bermanfaat.

Cara Cepat Memasang Jam Di Sidebar Blog

Sesuai dengan judul postingan saya, cara cepat memasang jam di sidebar pada blog anda. Berbagi tips buat blogger’s yang ingin mempercantik tampilan blognya, sekedar info dalam pemasangan jam sidebar di blog sangatlah mudah. Untuk memasang jam di sidebar blog anda, silahkan ikuti langkah-langkah berikut ini :
1. Kunjungi situs www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Bila anda telah dapatkan jenis style jam yang anda inginkan, klik tulisan View HTML tag yang berada di bawah jam yang anda pilih tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan.

Selanjutnya silahkan login (buka akun blogger anda www.blogger.com), ikuti langkah-langkah berikut :

=> Setelah masuk akun blogger, klik Rancangan (Design)
=> Klik Elemen Laman, lalu klik Tambah Gadget (Add Gadget)
=> Akan muncul kotak dialog baru, pada judul isi misalnya; Jam Saya
=> Pada kotak dibawahnya isikan kode HTML yang telah di Copas dari situs Clocklink tadi
=> Klik Save, Lihat hasillnya klik View Blog.
=>Selesai.

Terima kasih atas kunjunganya, bila ada yang kurang jelas silahkan tanyakan pada kolom komentar atau join dengan saya di Facebook. Jangan lupa like artikelnya ya sobat. Terima kasih.

Cara Cepat Dan Mudah Mengupload File Di Photobucket

Sebelumnya saya ingin mengucapkan terima kasih atas kunjungannya. Sesuai dengan judul postinga kali ini, cara cepat dan mudah mengupload file pada hostingan gratis pada situs www.photobucket.com. Kenapa pada Photobucket? Menurut saya mengupload file ke Photobucket lebih cepat dan mudah+gratis lagi, tetapi sebelumnya anda mesti mendaftar dahulu pada situs ini. Lanjut terus ke tahap proses upload file sebagai berikut :

• Login ke photobucket
• Setelah masuk (Login) pada halaman depannya perhatikan tab yang berwarna hijau dengan tulisan Upload Image and Video langsung klik.
• Lalu klik Browse , silahkan pili file yang ingin anda upload.
• Setelah anda pilih klik Upload.
• Tunggu sebentar proses Save Data sedang berlangsung. Lalu akan muncul file-file yang telah anda upload.
• Selesai deh.

Sekedar info dalam pemasangan gambar, animasi, video, dan lain-lain pada blog anda memerlukan Url dari file. Untuk mendapatkan Url dari file upload anda silahkan arahkan kursor anda pada file upload maka secara otomatis akan muncul Url dari file.
Sekian terima kasih telah bersedia meluangkan waktunya berselancar di blog saya semoga bermanfaat. Bila ada yang kurang jelas silahkan tanyakan pada kolom komentar dibawah artikel ini.

Cara Mudah Memasang Gambar Animasi di Blog

Untuk memasang animasi pada blog kesayangan anda sangatlah mudah dan saya akan uraikan secara sederhana agar mudah dimengerti. Ok deh, lanjut aja ya cara memasangnya.

• Siapkan gambar animasi yang akan di pasang pada blog anda
• Buka situs photobucket. Kalau belum punya akun silahkan daftar dulu dan tentunya daftarnya free alias gratis.
• Klik Upload image and video, tunggu sebentar.
• Selesai dah proses uploadnya
Untuk mengambil kode html nya, arahkan kursor anda ke file (gambar animasi yang baru diupload) lalu copy kode html-nya.
• Sekarang login ke akun blogger anda.
• Klik tambah gadget, cari Html/Javascript lalu klik (muncul kotak baru)
• Pastekan kode html yang telah anda copy.
• Klik save, lihat hasilnya.

Mudah bukan?? kalau ada kurang jelas silahkan tanya ke kolom komentar. terima kasih semoga bermanfaat.

Friday, April 16, 2010

Cara Cepat Ganti Nama Domain Blog jadi CO.CC

Suntuk ga tau mau ngapaen??mending nulis artikel dulu ah..mana chip poker dah kandas lagi, ada ga' ya yg mau send chip ma de'o (baca:saya) ?? hehehe.. klo berkenan sich...
Pada artikel kali ini de'o ingin berbagi tips gimana cara ngerubah alamat url blog anda seperti punya de'o. Dulu alamat url domain de'o http://mitraatefulawan.blogspot.com, dan sekarang dah jadi http://www.mitraatefulawan.com.
Biar lebih elit dikitlah blog kita, so ga' usah mikir2 lagi ganti alamat url domain anda jadi lebih elit ya kayak punya de'o. Untuk langkah-langkahnya adalah :
1. Silahkan klik disini (masuk ke situs co.cc)
2. Silahkan daftar di situs ini dgn cara klik create an account now

3. Setelah itu akan muncul halaman buat daftar, isi deh formulirnya ampe lengkap dgn data yg benar lho. Oia, tiap kotak tab yg ada tanda ceklist nya itu mesti dan wajib diisi. Lalu klo udah diisi semua formulir pendaftarannya, langsung aja klik Create an account now dan jgn lupa tandai I accept the Terms of Service.
4. Setelah itu klik Getting A New Domain >> yg paling atas aja klik. disitu kan biasanya ada dua atau empat getting a new domain.
5. Ketikkan alamat url domain anda dan klik check avaibility untuk cek apa udah ada yg pake alamat domain yg anda ketikkan tadi.
6. Lalu klik Countinue To Registration untuk melanjutkannya. Dan klik Setup.
7. Lanjutkan dgn klik - Zone Record setelah proses loading selesai.
8. Klik Setup setelah anda selesai mengisi tiap-tiap kolom. Pada contoh gambar diatas de'o isi pada Host nama domain, TTL jgn dirubah biarkan aja 1 D , pada type pilih CNAME, dan pada value isikan ghs.google.com

Sekarang lanjutkan settingan pada blog anda.
> Masuk dan login ke akun blogger anda. Klik Setting >> Publishing.
> Lalu pilih Switch to : ● Custom Domain
> Klik Already "Already own a domain? Switch to advance"
> Isikan pada kolom Your Domain denga domain co.cc yg didaftar tadi. Pada contoh diatas adalah www.yudistiraardana.co.cc
> Pada use a missing file host? pilih No
> Masukkan word verification dan klik Save Setting

Tunggu sinkronasinya dengan blogspot.com dalam waktu 24 jam dan setelah itu anda udah bisa mengakses blog anda dgn nama domian co.cc yg anda buat tadi.
Selesai deh, moga bermanfaat. Oia, jgn lupa komentarnya ya..

Protected by Copyscape Originality Check