Minggu, 30 Januari 2011

Cara Membuat Widget Category di Blogspot

Widged category mempunyai peran penting dalam blog, karena dengan adanya category di dalam suatu blog, akan dapat memudahkan pengelompokan artikel dalam blog tersebut, sehingga dapat pula memudahkan para pembaca/pengunjung dalam memilih artikel yang ingin mereka baca berdasarkan category atau klasifikasi artikel dalam blog. Selain itu, blog dengan adanya widged category akan terlihat lebih profesional, untuk itu kita wajib dan harus memasang widged ini pada blog kita.

Ada beberapa cara yang dapat kita lakukan untuk membuat widged category atau label dalam blog yaitu tag clouds, comulus clouds, labels (standar dari blogger).saya disini lebih suka menggunkan Labels standard dari blogger karena tag clouds dan cumulus clouds cukup merepotkan ( harus hack dengan code-code yang cukup memusingkan, karena belum terintregrasi di blogger.com) selain itu
kedua cara tersebut juga menggunakan javascript dan flash yang dapat membuat loading page menjadi agak lama.
Kali ini saya akan coba sharing bagaimana membuat widged category yang tentunya menggunkan labels standard blogger (tentunya saya khususkan kepada anda yang memang belum menaruh category diblog berplatform blogspot anda).
Untuk membuat labels (category) silahkan ikuti langkah-langkah berikut ini :
1. Login ke account blogger anda
2. Pilih layout >tat
a letak> add gadget pada sidebar anda untuk membuat elemen halaman baru
3. Pilih Label, perhatikan gambar di bawah ini:



4. Pada Title dapat anda isi dengan judul widget anda, misal: kategori, daftar isi, dsb. Pada pilihan sorting anda bisa memilih Alphabetically untuk mengatur labels anda secara abjad dan By Frequency untuk mengatur labels anda dari jumlah artikel terbanyak.
5. dan langkah tera
khir tentu saja SAVE dan silahkan lihat hasilnya.

Dan setelah anda lihat blog anda, tentu saja bel
um ada isi dari labels yang telah anda buat tadi. Karena memang artikel-artikel yang telah anda buat belum anda klasifikasikan pada kategori tertentu, untuk itu anda harus mengedit semua artikel anda. caranya anda tinggal masuk ke menu posting > edit posts lalu edit satu persatu artikel yang anda buat dan masukkan isi kategori (misal: zona blogging, seo, dsb) anda pada Labels for this post: kotak di bawah kanan dan setelah anda isi, kemudian tinggal anda publish. anda bisa mengisi lebih dari satu kategori dengan memisahkannya dengan menggunakan tanda koma ","(tanpa tanda petik). Untuk lebih jelasnya lihat gambar berikut:

Rabu, 26 Januari 2011

Ayo Belajar CSS

CSS untuk Background

Properti CSS Background digunakan untuk menentukan efek latar belakang suatu elemen. Biasanya adalah :
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
Background-Color
Background color adalah properti untuk menentukan warna latar suatu elemen. Background color sebuah halaman didefinisikan oleh body selector seperti di bawah ini:
body {background-color:#b0c4de}
Pendefinisian background color lebih spesifik bisa dengan perintah sebagai berikut:
  • name - a color name, like "red"
  • RGB - an RGB value, like "rgb(255,0,0)"
  • Hex - a hex value, like "#ff0000"
Pada contoh di bawah ini, h1, p, dan elemen span memiliki warna latar belakang yang berbeda:
h1 {background-color:#6495ed}
p {background-color:#e0ffff}
div {background-color:#b0c4de}
Background-Image
Background image adalah properti untuk menetapkan sebuah gambar sebagai latar sebuah elemen. Secara default, gambar diulang sehingga meliputi seluruh elemen. Gambar latar belakang untuk halaman dapat diatur seperti ini:
body {background-image:url('paper.gif')}
Di bawah ini adalah kombinasi yang buruk antara teks dan gambar latar. Teks nyaris tidak terbaca dengan baik:
body {background-image:url('bgdesert.jpg')}
Background-Image : Pengulangan secara horizontal atau vertikal
Standar property background image adalah pengulangan gambar baik secara horizontal maupun vertikal. Beberapa gambar hanya diulang horizontal atau hanya vertikal, karena jika tidak background akan terlihat aneh. Jika tidak diulang maka kodenya akan terlihat seperti dibawah ini:
body
{
background-image:url('gradient2.png');
}
Jika gambarnya diulang secara horizontal (repeat-x), background akan terlihat lebih baik. Kodenya akan terlihat sebagai berikut:
body
{
background-image:url('gradient2.png');
background-repeat:repeat-x;
}
Jika gambar latar ingin hanya ditampilkan sekali saja (image sudah besar), maka pengulangan tidak perlu dilakukan. Kodenya akan terlihat sebagai berikut:
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
}
Background-Image : Pengaturan posisi
Pada contoh-contoh di atas, teks dan gambar berada dalam tempat yang sama. Jika kita ingin meletakkan gambar pada posisi yang berbeda kita dapat mengaturnya sehiga kodenya akan terlihat sebagai berikut:
body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:top right;
}
Background-Image : Shorthand Property
Pada contoh di atas, beberapa property dibuat secara terpisah-pisah. Sebenarnya property itu dapat dibuat ringkas dalam satu baris yang dinamakan shorthand property. Shorthand property untuk background biasa diringkas dengan 'background'. Contoh penggunaannya sebagai berikut:
body {background:#ffffff url('img_tree.png') no-repeat top right}
Ketika menggunakan shorhand property, urutan nilai/value semestinya adalah sebagai berikut: background-color; background-image; background-repeat; background-attachment; background-position.
Tidak masalah jika nilai/value dari property itu kosong, sepanjang ditulis dengan berurutan seperti urutan di atas.

Belajar menggunakan CSS

Secara garis besar, ada 3 jenis cara untuk menggunakan CSS dalam sebuah halaman HTML:
  • External style sheet
  • Internal style sheet
  • Inline style
Berikut adalah penjelasan singkat ketiga jenis di atas ditambah satu kombinasi.
  1. External style sheet
    External style sheet cocok untuk style yang akan diaplikasikan pada beberapa halaman. Dengan external style sheet, kita dapat merubah tampilan seluruh Web site dengan merubah satu file. Setiap halaman must link to the style sheet usingarus terhubung dengan style sheet menggunakan kode "link". Kode "link" akan berada di dalam bagian head seperti contoh di bawah ini:
    External style sheet dapat dibuat dengan berbagai teks editor. File-nya tidak boleh mengandung kode HTML dan file-nya disimpan dengan ekstension .css seperti contoh di bawah ini.
    hr {color:sienna}
    p {margin-left:20px}
    body {background-image:url("images/back40.gif")}
    Jangan membuat spasi antara nilai property dengan unit "margin-left:20 px" (seharusnya seperti ini "margin-left:20px") karena akan menimbulkan masalah pada browser firefox dan opera.
  2. Internal style sheet
    Internal style sheet digunakan ketika sebuah dokumen tunggal memiliki style yang unik/spesifik. Kita dapat menetapkan internal style di bagian head sebuah halaman HTML dengan menggunakan kode "style", seperti contoh di bawah ini:
  3. Inline style
    Untuk menyisipkan inline styles kita harus menggunakan atribut dengan kode yang relevan. Atribut style dapat mengandung berbagi CSS property. Contoh di bawah ini memperlihatkan cara merubah warna dan margin kiri pada sebuah paragraf:
  4. Multiple Style Sheets
    Jika beberapa property telah diset untuk selector yang sama tapi untuk style yang berbeda, nilai untuk property akan diambil dari style yang lebih spesifik.
    Sebagai contoh, sebuah external style sheet mengandung beberapa property untuk selector h3 :
    h3
    {
    color:red;
    text-align:left;
    font-size:8pt
    }
    Dan sebuah internal style sheet juga memiliki property untuk selector h3 sebagai berikut:
    h3
    {
    text-align:right;
    font-size:20pt
    }
    Jika sebuah halaman dengan internal style sheet juga terhubung dengan external style sheet di atas, maka property untuk selector h3 akan menjadi seperti di bawah ini:
    color:red;
    text-align:right;
    font-size:20pt
    Dimana, nilai property warna diambil dari external style sheet sementara text-alignment dan ukuran huruf digantikan oleh nilai dari internal style sheet.

Perintah ID dan CLASS Selector

ID dan CLASS Selector
Dalam penambahan untuk membuat sebuah style pada sebuah elemen HTML, CSS memperbolehkan kita untuk membuat Selector lebih spesifik yang dinamakan dengan ID dan CLASS

ID Selector
ID Selector digunakan untuk menetapkan sebuah style tunggal yang unik. ID Selector menggunakan atribut ID dari elemen HTML, dan ditandai dengan tanda "#".
Style di bawah ini ditujukan pada elemen HTML dengan ID "para1" :
#para1
{
text-align:center;
color:red
}
Jangan menggunakan angka didepan sebuah ID karena akan menimbulkan masalah dengan browser firefox.

CLASS Selector
CLASS Selector digunakan untuk menetapkan sebuah grup style elemen. Tidak seperti ID Selector, CLASS Selector paling sering digunakan untuk beberapa elemen.
CLASS Selector memperbolehkan kita untuk menetapkan style tertentu untuk beberapa elemen HTML dengan class yang sama. CLASS Selector menggunakan atribut HTML yang ditandai dengan tanda titik ".".
Pada contoh di bawah ini, semua elemen HTML dengan class="center" akan dibuat rata tengah.
.center {text-align:center}
Kita juga dapat menetapkan, hanya elemen HTML yang tertentu saja yang terkena efek suatu CLASS.
Pada contoh di bawah ini, semua elemen p dengan class="center" akan dibuat rata tengah.
p.center {text-align:center}

Perintah dalam CSS (CSS Syntax)

CSS Syntax
Sebuah perintah CSS biasanya mengandung dua bagian utama, yaitu : Selector dan Declarations.

Selector adalah elemen HTML yang ingin dirubah-rubah style-nya, sedang Declaration terdiri dari property dan value. Property adalah atribut style yang ingin dirubah-rubah dan setiap property ini memiliki nilai / value.

Contoh CSS
CSS Declarations selalu diakhiri dengan tanda titik koma ";" dan satu grup declarations selalu berada dalam tanda kurung kurawal "{}". Lihat contoh di bawah ini:
p {color:red;text-align:center}

Agar mudah dalam membacanya, setiap declaration dapat dibuat dalam satu baris tersendiri, seperti contoh di bawah ini:
p
{
color:red;
text-align:center;
}

CSS Comments
Comments digunakan untuk menerangkan kode/script yang memudahkan kita atau orang lain ketika suatu saat ingin meng-edit source code. Perintah comments ini diindahkan oleh browser. Perintah comments diawali dengan "/*" dan diakhiri dengan "*/". Lihat contoh di bawah ini:
/*This is a comment*/
p
{
text-align:center;
/*Ini adalah contoh comment*/
color:black;
font-family:arial
}

Sabtu, 22 Januari 2011

Cara buat blog header halaman blogger (blogspot) dengan file flash “swf”.



Pernahkah berkeinginan membuat header blog anda di blogspot dengan menggunakan file animasi berekstensi swf ? Meskipun ukuran file bisa dibilang lumayan besar sebab menggunakan fileswf, namun seukuran hosting blogger ini tidak begitu masalah, kendala hanya akan muncul bila akses internet kita lambat untuk itu tidak ada salahnya bila ingin mencoba buat header image dengan file flash. Lihat contoh klik disini.
Untuk membuat file swf tersebut bisa menggunakan program adobe flash (macromedia flash), flash web design, swishmax dan program-program flash lainnya.
Setelah file atau image untuk header tersebut selesai dibuat, sekarang giliran menyimpannya disebuah hosting yang mau menyimpan file-file berextensi swf. Gunakan web http://sites.google.com untuk menyimpan file swf tersebut. Disini anda akan diminta untuk membuat sebuah halaman tempat penyimpan file swf tersebut.
Setelah selesai, cari “attachment” kemudian pilih file swf yang ingin anda upload. Setelah berhasil di upload sekarang letakkan kode berikut pada blog anda diantara <div id=’headerimg‘> dan </div>
<param name=’movie’ value=’lokasi file swf‘/> <embed height=’115‘ src=’lokasi file swf‘ width=’760‘> </embed> </object>
“headerimg” sebenarnya ini tidak mutlak, artinya tergantung parameter-parameter di blog anda, yang jelas ini mengartikan pada bagian header. Tulisan warna biru adalah lokasi file yang anda upload tadi, untuk mengetahuinya anda klik kanan kemudian klik “copy link location” dari file yang telah diupload di http://site.google.com dan paste untuk mengganti tulisan warna biru diatas.
Sedangkan untuk ukuran width dan height tergantung dari blog anda.
arsanasv.co.cc
arsanasv.co.cc

Kamis, 20 Januari 2011

Cara Mengganti Icon Pada Address Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack

Apa itu codec?





Pernahkah anda mengalami keadaan di mana anda tidak dapat memainkan sesebuah filem?
Kadangkala, hanya terdapat muzik, bunyi dan suara orang. Ia menunjukkan sistem anda tidak mempunyai codec dan anda seharusnya mengemaskini sistem anda dengan memasang codec terkini.

Apa itu codec?
Codec merujuk kepada nama teknikal bagi compression/decompression(mampatan/penyahmampatan) atau code/decode (digunakan di dalam rangkaian komputer) atau compressor/decompressor. Codec membenarkan pemain media anda seperti mplayer atau vlc memainkan sesebuah filem dengan lancar.

Bagaimana codec berfungsi?
Ia digunakan dalam mengurangkan saiz file tersebut dengan menggunakan compressor, dan apabila dan decompressor akan digunakan sekiranya kita ingin melihat file tersebut.
Contohnya, apabila anda ingin memasang filem yang berakhir dengan .rmvb, dan mendapat ralat seperti tiada codec, ia bermakna anda tiada codec jenis rmvb, anda boleh mendapatkan codec jenis ini dari laman web Real Player.

Codec-codec yang selalu digunakan oleh kita
MP3, WMA, RealVideo, RealAudio, DivX and XviD.

Selasa, 18 Januari 2011

Cara upload dan masukkan file swf (flash) pada blog

Pada entri sebelum ini, ada satu info tentang bagaimana cara membina flash yang mudah dengan menggunakan software Aleoflash. Bagi anda yang sudah berjaya membina animasi flash tersebut, mungkin terdapat sedikit kesulitan tentang cara untuk memasukkan animasi flash tersebut ke dalam blog.

Untuk masukkan file swf pada blog, file tersebut hendaklah terlebih dahulu di upload pada file hosting. Swfcabin adalah satu site hosting percuma untuk file yang berformat swf.

Apa yang perlu anda lakukan adalah ikut beberapa langkah di bawah.

Langkah 1



Namakan file yang hendak di upload pada ruang Title. Seterusnya, klik pada Browse dan klik Open pada file swf yang hendak di upload. Kemudian, klik pula pada Publish Swf.

Langkah 2

Salin URL pada Navigation toolbar.

Contoh: http://www.swfcabin.com/open/1263452734

Edit URL dengan menggantikan open kepada swf-files dan menambah .swf selepas angka.

Contoh URL yang di edit: http://www.swfcabin.com/swf-files/1263452734.swf

Langkah 3

Salin kod biru di bawah dan paste pada notepad. Gantikan teks masukkan URL file swf di sini dengan URL yang telah siap di edit (rujuk langkah 2).

Sila edit angka pada width dan height mengikut kesesuaian size paparan flash tersebut.

<embed src=" masukkan URL file swf di sini "
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="120"
height="190"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed>

Langkah 4

Salin kod yang telah siap di edit( rujuk langkah 3) dan paste pada post ataupun sidebar.

Sabtu, 15 Januari 2011

TIPS BLOGGER

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips  kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.
Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Rabu, 12 Januari 2011

Awas, Cuaca Ekstrem di Indonesia Hingga Februari 2011

Awas, Cuaca Ekstrem di Indonesia Hingga Februari 2011

REPUBLIKA.CO.ID,JAKARTA--Pemerintah menyatakan iklim dan cuaca ekstrem yang diprediksi akan terjadi di Indonesia hingga Januari atau Februari 2011 muncul akibat dampak pemanasan global.

"Cuaca ekstrem diprediksi akan berlangsung hingga awal tahun depan, karena itu sasaran rakor adalah untuk mengatasi dampak iklim dan cuaca ekstrim yang belakangan ini sudah dirasakan oleh masyarakat luas," kata Menteri Koordinator bidang Kesejahteraan Rakyat, Agung Laksono, di Jakarta, Senin (4/10).

Usai memimpin Rapat Koordinasi tentang antisipasi terhadap iklim dan cuaca ekstrem di kantor Kemenko Kesra, ia mengatakan, tujuan rakor juga untuk menentukan langkah-langkah lanjut yang harus dilakukan oleh masing-masing kementerian atau lembaga terkait.

Menurut dia, kondisi Indonesia selain memiliki keunggulan strategis juga rentan terhadap bencana alam yang disebabkan fenomena cuaca dan iklim ekstrim serta gempa bumi. Berdasarkan hasil kajian panel antarpemerintah mengenai iklim, aktivitas manusia merupakan penyebab meningkatnya suhu global yang memicu perubahan iklim yang ditandai dengan perubahan pola curah hujan, cuaca lebih ekstrim, naiknya paras air laut, bencana kekeringan, badai, banjir, gelombang panas dan kebakaran hutan secara luas.

"Cuaca ekstrem dan perubahan pola curah hujan bisa berdampak pada gagal panen dan menyebabkan rawan pangan, gelombang tinggi yang membahayakan nelayan, banjir dan lain sebagainya," katanya.

Menurut dia, perubahan iklim dan cuaca ekstrem selain memunculkan berbagai wabah penyakit dan gangguan kesehatan lainnya juga akan berdampak pada para petani yakni perubahan pola tanam dan gagal panen serta para nelayan yang tidak berani melaut akibat ombak tinggi. "Hal tersebut jika tidak segera diantisipasi akan menimbulkan kerawanan sosial," ujarnya

Selasa, 11 Januari 2011

CARA MEMASUKKAN WIDGET PADA BLOGSPOT

Beberapa orang mengalami kesulitan atau masalah ketika menggunakan pos otomotis untuk memasang widget islami Alhabib ke blog mereka di Blogspot. Ada yang memperoleh pesan error atau failed (gagal). Ada juga yang mengalami kesulitan lain sehingga tidak bisa memasang widget secara otomatis.

Tutorial ini bertujuan untuk memberi petunjuk, langkah demi langkah bagaimana cara memasukkan atau memasang widget tersebut secara manual di Blogpspot.
Menggunakan HTML Gadget
1. Salin (copy) kode widget yang tersedia .

Kotak kode embed/HTML bagi widget

Kode ini dapat dimunculkan pada halaman penyetelan setiap widget dengan menekan tombol: BLOG ME!. Berikan klik pada kotak kode embed yang muncul atau pada tombol COPY. Kode tersebut akan tersalin dan disimpan dalam memori komputer.
2. Masuk ke halaman pengelolaan blog anda di Blogspot.

Menu pengelolaan pada daftar blog di Blogspot

Kunjungi www.blogger.com dan masukkan akun Google anda beserta kata sandinya. Jika semua berjalan lancar anda akan dibawa ke halaman pengelolaan blog anda. Jika anda memiliki lebih dari satu blog, maka akan muncul daftar blog anda di sana. Klik tombol TATA LETAK pada daftar blog yang anda ingin pasangi widgetnya. Sebuah diagram tampilan blog anda beserta komponen pelengkapnya akan tertampil.
3. Tambahkan gadget HTML baru.

Menu penambahan Gadget pada halaman pengelolaan tata letak blog di Blogspot

Cari tombol Tambah Gadget pada tampilan tata letak blog anda. Tergantung dengan tema blog yang anda pakai, tombol ini bisa berada di mana saja dan bisa berjumlah lebih dari satu. Pilih tempat yang anda inginkan widget akan tertampil dan klik tombol tersebut.
4. Sisipkan kode HTML pada kotak konfigurasi.

Jendela Konfigurasi HTML/Javascript pada BlogpspotSebuah kotak bertajuk Konfigurasi HTML/Javascript akan tertampil. Di sana anda dapat mengisi judul dari gadget ini yang akan ditampilkan bersama widget. Pada bagian Konten, masukkan atau sisipkan kode widget yang telah anda salin pada langkah 1 dengan menekan Ctrl-V atau klik-kanan dan kemudian Paste. Selanjutnya tekan tombol SIMPAN.
5. Simpan perubahan Tata Letak blog anda.

Simpan perubahan Tata Letak dengan menekan tombol SIMPAN

Anda akan kembali ke halaman pengelolaan Tata Letak blog anda dan sebuah pesan akan memberitahu anda bahwa sebuah elemen halaman baru telah ditambahkan. Anda juga dapat melihat Judul dari Gadget yang baru saja anda tambahkan telah muncul di tempat penambahannya (langkah 3). Untuk melihat hasil penambahan widget islami Alhabib ini, klik tombol PRATINJAU. Jika anda puas, jangan lupa menekan tombol SIMPAN pada halaman Tata Letak ini untuk menyimpan perubahan tampilan blog.

Demikianlah cara manual untuk memasang widget islami Alhabib di Blogspot. Semoga bermanfaat dan berhasil menampilkan widget-widget islami pilihan untuk para pengunjung blog anda.
:))))

Sejarah tentang blogger

Mengaku pengguna dan penggemar blogger atau blogspot, apa Anda tahu soal sejarahnya? Tidak ada salahnya kita mengetahui asal usul penyedia layanan blog gratis yang sudah berjasa pada jutaan yang mungkin salah satunya Anda.

"Blogger dimulai oleh sebuah perusahaan sangat kecil di San Fransisco yang bernama Pyra Labs pada bulan Agustus 1999. Terjadi di tengah-tengah booming dot-com. Tetapi kami bukan jenis perusahaan yang didanai oleh VC, suka berpesta, dan berhura-hura, ataupun minum bir. (Kecuali bir gratis) Kami tiga sekawan, didanai dengan melakukan kontrak proyek web yang mengesalkan untuk perusahaan besar, berusaha mencari jalan masuk yang megah ke dunia Internet.

Apa yang dulu kami coba lakukan tidak ada hubungannya lagi sekarang. Tapi dulu ketika melakukan itu, kami menciptakan Blogger, hanya iseng saja, dan kami berpikir — Hmmmm... ini sepertinya menarik. Blogger dimulai, dengan cara sederhana, dan akhirnya membesar, selama beberapa tahun. Kami telah mendapatkan sedikit uang (tapi masih kecil). Kemudian keruntuhan dot-com terjadi, dan kamipun kehabisan uang, dan kesenangan kecil dalam perjalanan kami semakin tidak menyangkan lagi.

Kami hampir tidak selamat, tidak utuh, tapi masih bisa mempertahankan layanan tetap berjalan sepanjang waktu (biasanya) dan mulai membangunnya kembali. Semua hal berjalan dengan baik lagi di tahun 2002. Kami memiliki ratusan ribu user, meskipun itu belum banyak. Dan kemudian sesuatu yang tidak diharapkan terjadi: Google ingin untuk membeli kami. Ya, Google yang itu Kami suka Google , banget. Dan mereka suka blog. Jadi kami mengamini ide tersebut. Dan segalanya berjalan lancar.

Sekarang kami merupakan tim kecil (tapi sedikit lebih besar dari sebelumnya) di Google berfocus untuk menolong orang memiliki suara mereka sendiri di web dan mengorganisasikan informasi dunia dari perspektif perorangan. Yang dari dulunya sudah menjadi urusan kami. (dikutip dari blogger)"
Buat yang punya facebook dan merasa penggemar blogger silakan masuk ke fans page blogger
Ketahuan banget ga? lagi males buat artikel ..hehehe
Happy blogging