Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan.
Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML.
Jadi untuk menuliskan kode <head> maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode-kode tersebut ke dalam blog?
Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:
Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.
Cara Kedua :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.
Mudah kan…
Mau tau lebih banyak, tunngu postingan selanjutnya… ;-) Read More..
Selasa, 30 Maret 2010
Pasang Widget Penterjemah
Memasang widget translator pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini).
Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho.
Cara membuatnya
1. Login ke Blogger dan pilih menu "Tata Letak"
2. Kemudian klik pada "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian paste kan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
selesai…
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Read More..
Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho.
Cara membuatnya
1. Login ke Blogger dan pilih menu "Tata Letak"
2. Kemudian klik pada "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian paste kan script berikut ini kedalamnya.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
5. Kemudian simpan.
selesai…
Coba sekarang lihat blogmu maka ada tampilan seperti ini :
Read More..
Jumat, 26 Maret 2010
Cara Menambah Musik Player Di Blog
Awalnya saya tidak tertarik membuat postingan ini,karena menurut saya tidak efektif jika tambah /pasang lagu di blog dan jauh lebih baik memutar winamp di komputer sambil buat blog daripada memutar lagu secara online. tetapi karena ada beberapa teman yang menanyakan cara menambah atau memasang lagu ke blog, akhirnya saya buat juga postingan cara tambah lagu di blog ini.
Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.
Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia
3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget
4. Pilih html/java script
5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan
6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.
Read More..
Tetapi sebagai pertimbangan buat teman-teman sebelum menambah lagu ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat
2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog anda.
Buat yang tertarik pasang lagu di blog bisa lakukan prosedur berikut:
1. Buka situs layanan mp3 online
2. Copy kode html yang tersedia
3. Logn ke account blogger anda
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget
4. Pilih html/java script
5. Masukkan kode yang anda perleh dari website layanan lagu online ke kotak teks html/javascript
Klik Simpan
6. Buka blog anda, jika sukses maka akan muncul widget mp3 player di blog anda. Untuk memulai lagu anda bisa tekan tombol play seperti di winamp. Untuk menyembunyikan playlist tekan tombol PL.
Read More..Kamis, 18 Maret 2010
menambah gadget jam pada blogmu
jam sangat penting dalam kehidupan kita. dimanapun kita butuh jam sebagai penunjuk waktu,, bahkan saat kita blogging.. saya akan membahas cara untuk membuat atau menambah gadget jam pada blog kita..
pertama-tama kita membuka alamat tautan yang menyediakan gadget jam untuk blog, salah satunya di http://www.clocklink.com/ setelah masuk webnya,, sekarang kamu buka tab gallery, nah disana banyak sekali gadget jam. sekarang kamu tinggal pilih gadged jam yang kamu sukai atau pilih lewat kategorinya,,, seperti gambar di bawah ini:
nah untuk menambahkannya ke blog kamu tinggal klick button view html tag di bawah jam yang kamu pilih,, setelah kamu klik maka akan muncul agreement, pilih aja accept.
apabila kamu telah mengklik accep maka akan muncul gambar seperti ini:
di gambar itu ada source kodenya,, kamu tinggal copy aja dan masukkan di gadget html/java script di blog kamu,,, oke kan,,,
sekarang kita bisa liat jam di blog kamu,, horeeee :-)
by : Zuchi.screamo Read More..
pertama-tama kita membuka alamat tautan yang menyediakan gadget jam untuk blog, salah satunya di http://www.clocklink.com/ setelah masuk webnya,, sekarang kamu buka tab gallery, nah disana banyak sekali gadget jam. sekarang kamu tinggal pilih gadged jam yang kamu sukai atau pilih lewat kategorinya,,, seperti gambar di bawah ini:
nah untuk menambahkannya ke blog kamu tinggal klick button view html tag di bawah jam yang kamu pilih,, setelah kamu klik maka akan muncul agreement, pilih aja accept.
apabila kamu telah mengklik accep maka akan muncul gambar seperti ini:
di gambar itu ada source kodenya,, kamu tinggal copy aja dan masukkan di gadget html/java script di blog kamu,,, oke kan,,,
sekarang kita bisa liat jam di blog kamu,, horeeee :-)
by : Zuchi.screamo Read More..
Cara memperlebar halaman blog di blogspot
Mungkin bagi anda yang masih awam, pasti anda akan bertanya-tanya bagaimana yah caranya memperlebar halaman blog...??..gimana yah...?saya sendiri kesulitan...!!..heheheh gak ko'..kali ini saya akan memberitahukan caranya kepada anda yang masih belom bisa...
Pertama-tama anda harus masuk/login ke blog anda sendiri masuk ke menu edit HTML nah..di situlah anda bisa mengedit ukuran halaman blog anda.. Mungkin dari sebagian besar template default yang disediakan blogger, tidak semuanya memeliki lebar halaman yang penuh. Rata – rata setiap template masih memiliki ruang untuk dimanfaatkan baik untuk memperlebar sidebar, ataupun halaman posting. Kali ini saya akan coba memberikan sedikit gambaran tentang memperlebar halaman blog. Cuma, cara ini akan lebih pas jika diaplikasikan di template minima, yaitu template default blogger. Tapi…tidak menutup kemungkinan juga dapat diaplikasikan di template default blogger yang lainnya. Oke….berikut penjelasannya.
Sebelumnya, silahkan cari kode css #outer-wrapper. Untuk lebih mudah dalam pencarian code css tekan saja ctrl+f lalu ketikkan kode yang di cari. Kalo sudah ketemu, maka akan tampak kode seperti berikut :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Penjelasan :
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
Untuk merubah lebar halaman blog, temen2 tinggal mengganti angka – angka yang terdapat pada setiap kode css diatas. Semakin besar angkanya, maka halaman blog pun semakin lebar. Contoh : Misalnya, temen2 ingin mengganti lebar halaman blog menjadi 950 pixel. Maka silahkan ganti jumlah angka pada tag width untuk kode css #outer-wrapper menjadi --> 950px; Sehingga hasilnya seperti dibawah ini :
#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Nah…setelah mengganti kode #outer-wrapper, jangan lupa untuk mengganti kode tag width pada #main-wrapper dan #sidebar-wrapper juga. Karena jika tidak diganti maka jarak antara halaman posting dan sidebar blog akan sangat lebar. Untuk mengantisipasinya, rubah juga angka pada tag width #main-wrapper dan #sidebar-wrapper menjadi 500px untuk #main-wrapperdan 400px untuk #sidebar-wrapper. Sehingga menjadi :
#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Untuk merubah lebar kolom pada #main-wrapper dan #sidebar-wrapper, harus sesuai dengan lebar kolom pada #outer-wrapper. Misalnya, lebar halaman blog 950px maka jumlah dari lebar postingan dan sidebar blog harus kurang dari 950px. Hal ini dikarenakan supaya postingan blog dan sidebar blog tidak berdempetan dan mempunyai jarak antara keduanya. Jarak antara postingan dan sidebar bisa disesuaikan dari 30px s.d 50px.
Nah…setelah merubah lebar bagian blog diatas, ada satu bagian lagi yang harus dirubah yaitu bagian bawah blog. Temen2 tinggal mencari kode #footer-wrapper dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog (#outer-wrapper).
nah..jika anda sudah mengedit semua code-code diatas maka anda bisa langsung save template tersebut,,Tapi lebih baik sebelum anda mau nge-save template tersebut lihat dulu hasil perubahan dengan mengklik pratinjau/preview. Jika memang sudah sesuai baru di save. Jika belum temen2 tinggal klik bersihkan edit/clear edit untuk mengembalikan perubahan2 yang telah terjadi pada template........selamat mencoba yah.....pantang menyerah...!!!!
Cara Mengganti Warna/Gambar Background Blog
Biasanya ada beberapa orang yang masih kesulitan dalam Mengganti Warna/Gambar Background Blog...gimana yach caranya..???jangan diambil pusing kaleeee!!! emang kalo orang udah bisa dia bilang gampang, tapi klo belum tau..bikin otak jadi panas....(panas!!knalpot kalee)heheheh...dulu saya seperti kalian semua ko' sebenarnya saya orangnya ga' pinter banget..jadi kalo kurang lengkap keterangan saya mohon maaf yach... kita semua juga sedang belajar sama2 cari ilmu, jadi kita saling sharing aja...
langsung aja tanpa basa-basi dan panjang lebar...untuk pertama kalinya background itu adalah latar belakang suatu bidang, jika kita berbicara mengenai blog, background itu sendiri bisa berupa warna ataupun gambar.
mau tau caranya mengganti warna/gambar background blog..?
baca saja caranya di bawah ini,
jika anda ingin merubah background body blog anda
silahkan anda kasih tanda centang atau cecklist "expand template widget" di editor html blog anda setelah itu carilah code CSS yang seperti ini :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
lihat code CSS di atas pada bagian background ( $bgcolor ) yang artinya anda bisa mengedit warna dari editor " font and colors " pada blog anda.. caranya anda cukup login ke blogger kemudian pilih pilihan menu " layout " dan pilih lagi menu " font and colors " ... nah di editor " font and colors " tersebut anda bisa mengubah warna background blog anda sesuai dengan kemauan anda. jika di blog anda tidak ada code ($bgcolor), seperti dalam kurung tersebut, maka anda harus mengubah warna dari background blog anda secara manual yaitu tinggal menambahkan kode warna yang anda ketahui,... misalkan
background: #cf020b; ( code warna #cf020b yang berarti berwarna merah ),
background: #ffffff ( code warna #ffffff yang berarti warna putih ),
background: #000000 ( code warna #000000 yang berarti warna hitam ),dll....
waktu penulisannya jangan lupa tambahkan tanda (#) sebelum angka atau huruf (contoh = #ffffff), ga' usah tanda kurung yah...!! itu cuma contoh
jika anda ingin mengganti background dengan warna warni, ataupun juga dengan gambar... misalkan foto anda sendiri itu juga bisa ko'
caranya pada code CSS yang bertuliskan ( background:#......; ) cukup anda ganti dengan
background: url('alamat url foto anda taruh sini');
contoh = background: url(http://h1.ripway.com/rendrapranata/background.jpg);
tapi kalau anda ingin mengganti background, anda harus punya alamat hosting dulu caranya and harus sign up di alamat hostingan tersebut misalnya alamat yang saya gunakan untuk hosting sekarang seperti http://www.ripway.com
sekarang jika anda ingin mengganti background bagian sidebar blog anda..
yang harus anda cari adalah code CSS sbg berikut
#sidebar-wrapper {
width: 345px;
float: $endSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
seperti code CSS di atas, (background:#fff;) artinya background berwarna putih, jika anda ingin mengubah dengan warna lain silahkan ganti code css (#fff) dengan code warna lain, ataupun bisa anda ubah dengan background gambar foto anda, caranya sama dengan cara sama dengan yang saya jelaskan di atas tadi...
begitupun untuk mengubah background bagian main, caranya sama dengan yang di atas.. anda tinggal mencari code css seperti di bawah ini
#main-wrapper {
width: 600px;
float: $startSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
(caranya sama dengan yg sudah di jelaskan di atas)
mungkin cuma segitu yang bisa saya jelaskan maaf jika penjelasnya kurang jelas yah...tapi itu sudah saya jelaskan sedetil mungkin....selamat mencoba!!!!
Cara Membuat Blog dengan Blogger.com
Pengertian BlogBlog merupakan singkatan dari “web log” adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Posting-posting tersebut seringkali dimuat dalam urutan secara terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web semacam itu biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut (di kutip dari “Wikipedia Indonesia”).
Untuk membuat blog, pertama-tama yang kita harus lakukan adalah mendaftar di salah satu blog service. Blog service yang sudah menyediakan pilihan bahasa Indonesia adalah wordpress dan blogspot. Pada kesempatan kali ini saya ingin membahas tentang cara membuat blog dengan menggunakane blog service www.blogger.com.
Langkah-langkah membuat blog antara lain sebagai berikut :
* Langkah pertama silakan kunjungi http://www.blogger.com maka akan tampil form seperti di bawah ini :
* Langkah kedua Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini
Isikan semua data yang diminta untuk menciptakan sebuah account google. Beri tanda centang pada kotak penerimaan persyaratan, sebagai tanda bahwa anda menyetujui persyaratan yang tela h anda isi di atas. Kemudian klik tombol LANJUTKAN.
* Langkah ketiga memberi nama blog dengan mengisi pada kolom Judul Blog dan Alamat Blog anda. Kemudian klik tombol LAJUTKAN. Seperti gambar di bawah ini.
* Langkah ke empat pilih sebuah bentuk template yang anda suka. untuk memilih template anda harus menekan tombol yang bulat, Lalu tekan tombol LANJUTKAN. Seperti gambar dibawah ini.
Nah langkah-langkah membuat blog udah selesai......uaaaaagh capek...sekarang anda tinggal posting, pengaturan dan tata letak, kali ini anda harus mencari cara2nya sendiri hehehehehe...banyak ko' di om Google!! Read More..
Untuk membuat blog, pertama-tama yang kita harus lakukan adalah mendaftar di salah satu blog service. Blog service yang sudah menyediakan pilihan bahasa Indonesia adalah wordpress dan blogspot. Pada kesempatan kali ini saya ingin membahas tentang cara membuat blog dengan menggunakane blog service www.blogger.com.
Langkah-langkah membuat blog antara lain sebagai berikut :
* Langkah pertama silakan kunjungi http://www.blogger.com maka akan tampil form seperti di bawah ini :
* Langkah kedua Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini
Isikan semua data yang diminta untuk menciptakan sebuah account google. Beri tanda centang pada kotak penerimaan persyaratan, sebagai tanda bahwa anda menyetujui persyaratan yang tela h anda isi di atas. Kemudian klik tombol LANJUTKAN.
* Langkah ketiga memberi nama blog dengan mengisi pada kolom Judul Blog dan Alamat Blog anda. Kemudian klik tombol LAJUTKAN. Seperti gambar di bawah ini.
* Langkah ke empat pilih sebuah bentuk template yang anda suka. untuk memilih template anda harus menekan tombol yang bulat, Lalu tekan tombol LANJUTKAN. Seperti gambar dibawah ini.
Nah langkah-langkah membuat blog udah selesai......uaaaaagh capek...sekarang anda tinggal posting, pengaturan dan tata letak, kali ini anda harus mencari cara2nya sendiri hehehehehe...banyak ko' di om Google!! Read More..
Langganan:Postingan (Atom)
Mengenai Saya
- khie tubrers
- Aku hanya orang biasa yang diciptakan oleh Allah untuk mempertanggungjawabkan apa yang telah aku lakukan didunia.