Click for Ambon, Indonesia Forecast

03 Agustus 2009

Pelatihan Blog Di Jur. Matematika FMIPA Unpatti


Selamat Mengikuti Training

Trainer By : Ichal




Selengkapnya Bos......

Kamus Istilah-Istilah Dalam Blog

Buat kamu masih hijau yang belum tahu banyak tentang dunia blog, ini ada beberapa istilah-istilah yang perlu kamu ketahui. Buat yang sudah merah, yang sudah banyak makan garam dunia blog juga nggak ada salahnya kok baca-caca artikel ini. Disini sengaja tidak disusun menurut abjad tapi disusun berdasarkan kategori masing-masing.

* Blog
Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
Weblog : istilah lain dari blog.
Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
Blogger : seseorang yang melakukan blogging.
arti lainnya: sebuah layanan blog dari google.
Blogosphere : komunitas dalam blogging.
Posting : kegiatan untuk mengirimkan artikel ke dalam blog.

* Bentuk-Bentuk Blogging
Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
Autocasting : bentuk podcasting secara otomatis.
Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
Moblogs / Moblogging : kegiatan blogging dengan menggunakan HP (handphone).


* Komponen dan Fungsi-Fungsi Blog
Index page : halaman depan dari blog.
Header : bagian paling atas blog.
Footer : bagian paling bawah blog.
Sidebar : kolom-kolom yang berada di sisi blog.
Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
Commnets : Kompentar-komentar dari para pembaca blog.
Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
Blogroll : sekumpulan link yang dijukan ke blog yang lain.
Template : desain dasar blog.
Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.


*Penyedia Layanan Blog
Blogger/Blogspot : Layanan blog gratis dari google.
Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
LiveJournal : Tolls blogging gratis dari SixApart
TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.


* Bloging Habits
Metablogging : menulis artikel tentang blogging.
Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
Blogopotamus : Postingan blog yang sangat panjang.
Bleg : adalah ketika seseorang memohon pada sebuah blog.
Blego : Blog+Ego, ukuran kekayaan blogger.
Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
Blogoholic : Pecandu Blog.
Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.
Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
Blogiversary : Ulang tahun Blog.
Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
Multiblog : menjalankan banyak blog.
Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
Blogger Bash : Pesta para blogger.
Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
Blogsnop : menolak respon dari komentator yang bukan temannya.
Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
Blogophobia takut terhadap blog atau blogging.
Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

Aduh capek nih, ngaso dulu ah, minum kopi dulu bos biar seger. huuaaaahhhhh...
hup..hap..hup..hap..huaaaahhhhhhhhhh
yak, udah seger lagi, mari kita lanjutkan.


* Tipe-Tipe Blogger
Problogger : Blogger yang sudah profesional.
Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
Blogerati : Komunitas Blogger yang sudah pinter-pinter.
Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
Commnetariat : Komunitas para komentator (lho emangnya ada? :D ).
Dooced : kehilangan pekerjaan gara-gara blognya.
Blogther : teman/saudara/keluarga blogger.
Blogstar : Blogger yang mengoperasikan blog yang sangat populer.


* Web/Blog Feeds
Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
XML : (eXtensible Markup Language).
RDF : (Resource Description Framework)
Atom : hampir sama dengan web feed.
Photofeed : web feed dengan lampiran gambar.


Selengkapnya Bos......

Dasar Dasar HTML

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :
* CARA MEMASUKKAN GAMBAR
kode :


<img src="http://kendhin.890m.com/banner-trik.gif" border="0" height="17" width="90">



keterangan :
yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran lebar dan tinggi gambar

* CARA MEMBUAT LINK
Kode :


<a href="http://materitraining.blogspot.com" >tips blog </a>



Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "tips blog" adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :


<a href="http://materitraining.blogspot.com" target="_blank"><img src="http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.gif" border="0" height="17" width="90"> </a>



Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://materitraining.blogspot.com"

* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :

<center>text</center>


Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

* CARA MEMBUAT BARIS BARU
Kode :

<br>


Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :

<b>text</b>
<i>text</i>
<u>text</u>


Hasil :
Tebal
Miring
Garis Bawah

* KODE-KODE WARNA
#000000   Hitam
#999999    Abu-abu
#FFFFFF  Putih
#FF0000  Merah
#00FF00  Hijau
#0000FF  Biru
#FFFF00  Kuning
#00FFFF  Biru Laut
#FF00FF  Merah Muda
#9900FF  Ungu
#FF6600  Orange

Nah Selamat Mencoba.

Selengkapnya Bos......

Cara Buat Google Translation

mendukung bahasa indonesia. Oleh karena itu, setiap web / blog yang menggunakan bahasa indonesia, sudah bisa di terjemahkan ke dalam bahasa lain dengan melalui google translate. Untuk lebih mempermudah pengunjung blog dalam menterjemahkan blog kita (bhs. indonesia) ada baiknya jika kita memasang widget google translation flag di blog. Caranya ga sulit kok, tinggal copy paste saja kode di bawah ini ke salah satu bagian blog anda sesuai dengan yang anda inginkan :


<a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://3.bp.blogspot.com/_KL7_V6HnzdI/SN3XCb32jyI/AAAAAAAABTA/rzl27g2sKeA/s320/english.jpeg" height="20" title="English" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ6YKkvI/AAAAAAAABRg/LjZULAz9R8g/s320/french.jpg" height="20" title="French" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ40Sm3I/AAAAAAAABRo/Q2O9aHB-bWE/s320/german.jpg" height="20" title="German" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZ5TeKRI/AAAAAAAABR4/n-XIUMlMFjc/s320/spanish.jpg" height="20" title="Spain" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZxnaB_I/AAAAAAAABRw/Oz7n09quInQ/s320/italian.jpg" height="20" title="Italian" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3Jik1jeqI/AAAAAAAABSo/-aBxInd6w_I/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3LzIo5VYI/AAAAAAAABSw/wrF9OOQaREU/s320/russian.jpeg" height="20" title="Russian" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JZxKyHLI/AAAAAAAABSA/1F3l_X-QRWs/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://2.bp.blogspot.com/_KL7_V6HnzdI/SN3JiXqVOUI/AAAAAAAABSI/R-HtgGYiXlU/s320/japan.jpg" height="20" title="Japanese" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://4.bp.blogspot.com/_KL7_V6HnzdI/SN3Jic7D82I/AAAAAAAABSQ/DumkmputQVs/s320/korean.jpg" height="20" title="Korean" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JitvLxwI/AAAAAAAABSg/PTs6D3zolg8/s320/arab.jpeg" height="20" title="Arabic" align="absbottom"/></a>

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://1.bp.blogspot.com/_KL7_V6HnzdI/SN3JiQNoV7I/AAAAAAAABSY/-v8xIVgB3rU/s320/china.jpg" height="20" title="Chinese Simplified" align="absbottom"/></a>



Jika widget diatas sudah diterapkan, maka hasilnya akan seperti ini :

English

French

German

Spain

Italian

Dutch

Russian

Portuguese

Japanese

Korean

Arabic

Chinese Simplified

Anda bisa lihat beberapa bendera. Yang mana jika kita klik salah satu bendera, maka blog kita akan langsung diterjemahkan ke dalam bahasa yang sesuai dengan bendera yang anda klik tadi. Sekian dulu ya..jika ada pertanyaan, silahkan masukan saja di Buku Tamu...

Selengkapnya Bos......

Cara Menampilkan Postingan Terbaru & Komentar Terbaru

Cara Buat Postingan Terbaru :

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".


<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>



4. Ganti YOURBLOGNAME dengan nama blog kamu.

5. Angka "10" menunjukkan jumlah "Posting Terbaru" yang ditampilkan, kamu bisa menggantinya

6. Terus Simpan.

Nha coba lihat blog kamu, udah nongol kan "Posting Terbaru" kamu...
Good..good..good

Cara Buat Komentar Terbaru :

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://materitraining.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>



- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti materitarining.blogspot.com dengan nama blogmu.
- Terus Simpan.

Coba dilihat blogmu, langsung jadi deh.

Selengkapnya Bos......

Membuat Background Posting Berbeda-beda

Dalam membuat background ada dua alternatif yaitu membuat background dengan warna dan membuat background dengan bantuan gambar, khusus untuk background dengan gambar terbagi lagi ke dalam beberapa teknik yaitu background gambar dengan teknik repeat (ada repeat, repeat-x, repeat-y) dan background gambar dengan teknik no-repeat (gambar backgroundnya memang ukuran besar).

Membuat background dengan warna

Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan :

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose (seperti pada gambar, Pilih yang berwarna Biru)
:


Awali postingan anda dengan kode seperti ini

<div style="background:kode_warna_disini;">

Teks

</div>


Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.


Membuat background dengan Gambar

Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar.

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose(Seperti pada Gambar Diatas). Awali postingan anda dengan kode seperti ini :


<div style="background:url(alamat_gambar_disini) no-repeat;">
Isi Teks
Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>



Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :


<div style="background:url(http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.gif) no-repeat right top; text-align:justify; font-size:90%; padding:10px">
Saat masyarakat Indonesia terus-menerus dibombardir berita sekitar teroris dan pengejaran para pelaku peledakan bom, terbetik kabar kelanjutan kasus kematian David Hartanto Widjaja yang dinyatakan tewas akibat bunuh diri oleh Pengadilan Koroner Singapura, Rabu (29/7). Keputusan hakim ini bukan hanya mengecewakan keluarga David, tapi juga bangsa Indonesia. Peluang publik untuk mengungkap kebenaran peristiwa itu pun jadi tertutup. Masyarakat pun bertanya-tanya, apa yang telah dilakukan pemerintah untuk melindungi warganya di luar negeri?
</div>




Eiiiith... gampang juga kan? ya udah di coba dulu aja biar jadi hafal...

Selengkapnya Bos......

Tips Mengganti Background Blog

Beberapa hari yang lalu, sobat Uel menanyakan perihal bagaimana caranya untuk mengganti background blog, dan tentunya saya akan coba membahasnya. Menurut saya, ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image.

Ada satu hal yang saya anggap penting apabila sobat berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya.OK, biar tidak menyita halaman langsung saja pada topik utama.

Cara Mengganti Warna Background 1 :
1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :


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



Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :


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



5. Klik tombol Pratinjau untuk melihat perubahan

6. Jika sudah OK, klik tombol Simpan Perubahan Template

7. Selesai.

Cara Mengganti Warna Background 2 :

1. sign in

2. Klik menu Layout

3. Klik menu Fon dan Warna

4. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)

5. Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah

6. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN

7. Selesai.


Mengganti Background Dengan Image :
Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu.
Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :

alamat gambarnya adalah

http://amen24.googlepages.com/pattern_096.gif

gambarnya seperti ini :


Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !

1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :



body {
background:url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}



5. Klik tombol Pratinjau untuk melihat perubahan

6. Jika sudah OK, klik tombol Simpan Perubahan Template

7. Selesai.


Saya rasa ini sangat mudah dilakukan, karena tidak banyak kode yang harus di tambahkan, Eh lupa, bagi sobat yang malas membuat gambar, sobat bisa mendownload berbagai gambar pattren di sini


Selamat mencoba !


Selengkapnya Bos......

Cara Menghilangkan Navbar Blogger & Tambah Jam serta Kalender

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Navbar :

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Sign in di blogger


2. Klik menu Layout


3. Klik menu Edit HTML

4. Copy kode berikut lalu paste di atas kode ]]></b:skin>


/* hilangkan navbar
----------------------------- */

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



5. Klik tombol Simpan Template

7. Selesai deh..


Tambah Jam Dan Kalender Pada Blog

Pasang Jam
Bagi anda yang ingin blognya di pasang jam juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://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. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian Timur pilih GMT +9:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
Selesai

Pasang Kalender
Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.

Cara Pasang :

1. Sign in di blogger dengan id sobat

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah elemen halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan

7. Klik tombol SIMPAN PERUBAHAN

8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

9. Selesai.

Selengkapnya Bos......

Membuat efek Marquee

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag

<marquee>...</marquee>



Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persenAgar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

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

marquee dari kanan ke kiri

</MARQUEE>


hasilnya :


marquee dari kanan ke kiri


ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>


Hasilnya :


marquee menurut perilaku



Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">
marquee dengan variasi hurup dan warna latar belakang
</MARQUEE></b></FONT></div>



Hasilnya :

marquee dengan variasi hurup dan warna latar belakang


Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>



Hasilnya Bos :


silahkan tunjuk ke sini



Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber eksperimen............

Selengkapnya Bos......

02 Agustus 2009

Daftar Isi

Ini adalah Daftar isi blog ini.
Bagi anda yang ingin membuat daftar isi seperti ini klik DISINI.

Selengkapnya Bos......

Berita di Ichal Blog

Template by : Ichal Materi Training Blog 2009-2013