October 2011 -Education for all

Home »Archives forOctober 2011

Pengetahuan Template dan Elemen Pembentuknya

Posted byTeacher's Message

Pada postingan yang berjudul Pengetahuan Template dan Elemen Pembentuknya ini saya kira sangat bermnfaat sekali terutama bagi para pemula yang mau mencoba coba untuk mengutak atik template Kembali kita akan mengupas isi dalamnya blog. Saat ini kita akan mencoba memahami lebih dalam soal template, terutama apa saja yang terdapat di dalamnya sehingga kita dapat melakukan aktivitas sebagai seorang blogger. Membicarakan template tak akan lepas dari HTML (Hyper Text Markup Language). HTML merupakan file teks murni yang dapat dibuat dengan editor teks sesuai selera (sembarang/bebas) dan dikenal sebagai web page. Dokumen HTML umumnya berisi informasi ataupun interface aplikasi di dalam internet.
Secara sederhana dapat dikatakan, bahwa template dibangun oleh paduan/kumpulan KODE yang disebut sebagai:

KODE CSS (diletakkan di bagian head).
KODE HTML (di letakkan di bagian body), dan
KODE berupa script yang kita kenal sebagai javascript (bisa di bagian head atau body).

Secara umum Elemen pembentuk template yang berupa dokumen HTML dinyatakan dengan tag : <html> , <head> dan <body>

Dokumen ini mempunyai dua section utama : section head dan section body

Pola dasarnya sebagai berikut :

<html>
<head>
...informasi tentang dokumen html (berisi KODE CSS)
</head>
<body>
...informasi yang ditampilkan dalam browser web (berisi KODE HTML)
</body>
</html>

Bagian yang menjadi elemen dasar sebuah template :

Header atau kepala blog (yang berisi nama blog)
Main (berisi halaman posting)
Sidebar (umumnya berisi kategori/label, arsip, about me/identitas blogger)
Footer (pengikut)

Meskipun gambaran secara umumnya seperti di atas, blog masih dapat dikembangkan lagi dengan cara menambah elemen baru.
Masing-masing blog ini mempunyai widget yang berfungsi sebagai sarana menambah gadget sehingga blog bisa dikembangkan elemen penyusunya sesuai kebutuhan blogger.
Penambahan gadget, disamping untuk melengkapi fasilitas layanan bagi pengguna blog, juga dapat dipergunakan sebagai alat untuk memperindah tampilan blog.
Penulisan setiap dokumen HTML selalu di awali dengan tag dan di akhiri dengan tag
Setiap penulisan dokumen dalam template biasanya selalu menggunakan tag yang berpasangan. Tag pembuka berbentuk tanda < (kurung buka) dan > (kurung tutup>, sedang tag penutup berupa tanda < (kb) dan > (kt) yang disisipi tanda / (garis miring).

Semoga bisa menambah sedikit pengetahuan kita

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

» Selamat Berkreasi - E F A «

Langkah-langkah dan Cara membuat Google site

Posted byTeacher's Message

Langkah-langkah dan Cara membuat situs dari Google site

Artikel ini merupakan sambungan dari artikel sebelumnya Google Site, File Hosting Gratis Server Indonesia. Berikut ini adalah langkah-langkah cara membuat google site, upload file, download, dan menggunakan filenya.

1. Buka link http://sites.google.com
2. Login dengan Google akun Anda. Kalo belum punya, silahkan daftar terlebih dahulu.
3. Klik menu Setelan Pengguna (User Setting). Ubah bahasa menjadi Bahasa Indoenesia dan Zona waktu GMT+7 (Ini untuk membantu menyimpan file Anda di server google Indonesia). Simpan perubahan!
4. Klik tombol Buat Situs.
5. Pilih template sesuai selera Anda, isi nama situs, URL, kode chaptcha. Klik tombol Buat situs. Dan situs Anda sudah jadi sekarang.

pengaturan Berbagi pakai file di google sites untuk pribadi atau umum

6. Klik menu Tindakan Lainnya -> Berbagi pakai situs ini seperti gambar disamping. Ceklist pada pengaturan izin tingkat lanjut yaitu Setiap orang di dunia dapat melihat situs ini (tampilkan untuk umum). Biar file yang kita upload bisa diakses oleh semua orang.

Untuk menyimpan/upload file [MP3, MP4, FLV, SWF, JPG, GIF, PNG, DOC, PPT, XLS, PDF, JS, CSS, dll.] Agar bisa di download dan digunakan.
1. Klik tombol Buat laman.
2. Pilih template Lemari Berkas.
3. Isi Nama halamannya. dan klik tombol Buat Laman
4. Klik tombol Tambahkan berkas. Dan silahkan untuk mengupload file Anda.

Untuk mendapatkan link downloadnya, klik kanan pada tulisan download/unduh dan copy link location.

Contoh File Video (FLV).

Download this video | Embed this Video Player

Contoh File MP3

Download this MP3 | Embed this MP3 Player

Semoga bermanfaat ,,,...,,......
Selamat berkreasi.............

» Selamat Berkreasi - E F A «

Cara Mengamankan Template di Halaman Edit HTML

Posted byTeacher's Message

Seorang sahabat di sulawesi mendownload salah satu template di artikel education for all, kemudian dia bertanya bagaimana caranya mengembalikan widget yang terhapus setelah mengganti template. nah lau saya jelaskan, pada saat menyimpan template kan ada warning sperti ini. Template baru anda tidak berisi widget berikut..bla..bla..bla..begitu biasanya, ada dua pilihan dipertahankan widget atau menghapus widget, kalau pilihanya menghapus widget tentunya widgetnya akan terhapus, kemudian saya menjawab kembalikan dulu sobat ke template lama, tapi dia menjawab, wah dak disimpan gan. dari pengalaman sahabat tersebut, education for all merasa perlu untuk memposting artkel tentang

Cara mengamankan template dihalaman edit html

Amankanlah template anda sebelum anda mengutak atik template sebelum anda menyesal

artikel ini dimaksudkan untuk menjaga seandainya terjadi kegagalan pada saat dilakukan modifikasi terhadap template. Dengan diamankannya desain awal blog, maka pengguna blog tidak akan kesulitan untuk mengembalikan lagi desain blog ke bentuk awal sebelum dilakukan perubahan.
Langkah yang harus di tempuh untuk mengamankan template adalah sebagai berikut :

LOGGIN
BLOGGER

====>

TATA
LETAK

====>

EDIT
HTML

===>

Lanjutkan dengan :

DOWNLOAD TEMPLATE
LENGKAP

========>

SIMPAN di
FOLDER PC

NOTE :

Login ke Blogger Merupakan langkah awal untuk masuk ke ruang Edit Template setelah membuka http://www.blogger.com kemudian dilanjutkan dengan memasukkan User Name (Nama Pengguna) atau Alamat Email serta jangan lupa tuliskan code number/kode rahasia
Setelah masuk di DASHBOARD/DASBOR teruskan dengan KLIK pada Layout/Design atau TATA LETAK/Rancangan.
Anda akan masuk di Page Element/Elemen Laman. KLIK pada Edit HTML !
Tunggu beberapa saat! KLIK Download Template Lengkap (kanan tengah dengan teks warna biru).
Simpan Desain template anda di folder PC.
Desain awal template yang sudah tersimpan dengan aman di folder PC bisa digunakan untuk mengembalikan desain template ke bentuk semula (sebelum perubahan) apabila saat mengadakan perubahan pada desain template terjadi kegagalan karena kesalahan teknik atau kegagalan KODE HTML yang tidak kompatibel dengan blog.
Untuk mengembalikan desain template blog ke bentuk semula (sebelum dilakukan perubahan), anda tinggal KLIK pada CHOOSE kemudian cari file desain template blog yang sebelumnya sudah tersimpan di folder PC (file berekstensi .xml). Lanjutkan KLIK pada Unggah.
Blog sudah dipulihkan kembali! Silahkan cek dengan membuka blog!

Demikian dulu dan semoga bermanfaat

» Selamat Berkreasi - E F A «

Cara Mudah Membuat Gambar Animasi GIF

Posted byTeacher's Message

Pada postingan tutorial blog pemula kali ini Education for all akan memposting artikel tentang Cara Mudah Membuat Gambar Animasi GIF karena tidak semua blogger pemula seperti EFA ini tau bagaimana

Cara mudah membuat gambar animasi gif

bila sobat blogger mania berminat untuk membuatnya silahkan ikuti tutorialya pada Cara mudah membuat gambar animasi gif

oleh sebab itu EFA kira hal ini perlu dishare

GIF (Graphics Interchange Format) adalah salah satu jenis gambar yang populer penggunaannya, utamanya dalam dunia online. Salah satu penunjang hal ini adalah ukuran file GIF termasuk kecil bila dibandingkan JPEG atau BMP, memang kualitas gambar akan berbeda. Salah satu kelebihan GIF adalah kemampuannya untuk menghasilkan animasi gambar, meskipun kualitas gambarnya belum begitu bagus.

File-file animasi GIF banyak kita temukan di forum-forum, jejaring sosial dalam bentuk avatar dan dipakai sebagai “foto” identitas dari user bersangkutan. Dengan avatar tadi maka seolah-olah si user terlihat lebih “keren” tampil dalam forum tersebut, meskipun avatar juga bisa mengelabuhi pengguna yang lain.

Yang penting adalah bagaimana cara membuat file animasi GIF? Kali ini saya mau memberikan informasi tentang fasilitas untuk membuat animasi GIF dengan menggunakan fasilitas dari gickr.com. Ikuti tahapan cara membuatnya berikut:

Siapkan sebuah gambar dari komputer maksimal sebanyak 10 gambar.
klik situs ini
setelah masuk pada blog tersebut…silahkan klik ‘upload images from you computer’
klik tombol browse.trus pilih gambar yang mau anda jadikan GIF
klik open (batasnya max 10 gambar)
untuk ukuran gambarnya dan lainnya terserah pada selera anda.
Klik continue pada segitiga dipojok kanan bawah…..
trus dapatkan kodenya gambar gif tadi
selesai.

Demikian tutorial blog pemula kali ini, selamat mencoba-coba dengan mengatur kecepatan, dll sehingga sesuai keingginan Sobat blogger mania semua.

Semoga bermanfaat

» Selamat Berkreasi - E F A «

CARA MEMBUAT TOOLTIPS DI BLOG

Posted byTeacher's Message

Pada saat pertama kali Education for all mengunjungi blog tetangga EFA sangat terpesona ketika mose EFA menyentuh links tiba tiba muncul descripsi atau keterangan dari links tersebut, sehingga EFA bertanya tanya bagaimana cara membuatnya. sehingga EFA mencari cari atau istilahnya blogwalking dari satu blog ke blog yang lain dan tak satupun EFA menemukanya. ada sih beberapa blog yang mencoba meneragkan tapi tak membuat EFA cukup mengerti. sehingga EFA mencoba dari snapshot, ternyata bukan. akhirnya setelah lama mencari cari ketemu juga yaitu dari blog tetangga http://ecaknyo.blogspot.com dan EFA coba untuk membuatnya alhamdulilah berhasil. Contoh Tooltips untuk di Postingan.. coba kalian MouseOver Link di bawah ini atau pada link Artikel education for all yang ada diwidget sebelah kiri :

cara membuat tooltip di blog

Jangan heran seperti saya dulu ketika mose menyentuh kursor maka akan keluar deskripsi blog. Lengkapi blog sobat dengan tooltip

Apabila sobat blogger berniat untuk membuatnya silahkan ikuti langkah langkah berikut ini:

li.sfhover .tooltips, li:hover .tooltips {
display:block;
}
.tooltips {
margin:6px 6px 0 6px;
padding:15px 10px 15px;
position:absolute;
width:250px; >
display:none;
background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/hitam.jpg ) bottom repeat-x;
opacity: 0.8;filter:alpha(opacity=80);zoom:1;
border:1px solid #FFFFFF;
-moz-border-radius:10px;
}
.tooltips {
margin-top:-50px;
margin-left:-290px;
}
.tooltips:hover {
display:none!important;
}
.tooltips p {
font-size:12px;
font-family:Rockwell;
font-weight:bold;
color: #0060C8;
text-align:center;
margin:0 15px 0 0;
}

Ket :

background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/hitam.jpg ) = Gantilah dengan URL gambar background kamu sendiri.. tetapi usahakan ukuran gambarnya disesuaikan... silahkan ganti yang berwarna merah

border:1px solid #FFFFFF; = Untuk mengatur ketebalan dari garis border ToolTipnya.. disini saya memakai 1px dengan warna border putih.. silahkan ganti yang berwarna biru...

-moz-border-radius: = Ini untuk memberi efek Lingkaran pada siku gambar tooltips.. semakin besar nilainya maka hasilnya akan semakin berbentuk lingkaran... jadi biarkan saja default 10px..

opacity: 0.8;filter:alpha(opacity=80);zoom:1; > angka berwarna biru ini untuk mengatur tingkat Transparansi ToolTips... aturlah sesuka kalian...

margin-top:-50px; = Untuk mengatur posisi Tinggi rendahnya Tooltips... ubah angka yang warna biru...
margin-left:-290px; = Untuk mengatur posisi ke kiri-kanannya Tooltips... ubah angka yang warna biru...

font-family:Rockwell; = Kata yang berwarna biru ini ubahlah dengan font yang sesuai dengan keinginan sobat blogger mania. jika sudah selesai jangan lupa simpan template
Perhatikan kode untuk memanggil tooltips ini atau kode agar membuat tooltips -nya berfungsi..

<li><a href="http://.....URL yang berkaitan dengan ToolTips...." > Judul URL yang berkaitan dengan ToolTips </a><div class="tooltips"><p> Kata-kata untuk ditampilkan pada Pop-up ToolTips</p></div></li>

Ket :
> Yang saya warnai merah adalah kode terpenting.. jadi jika kalian terlupa memasukannya maka tooltips-nya tidak akan berfungsi...

Contoh Pengunaannya... yang digunakan pada widget HTML/Javascripts.. (bisa juga sobat gunakan pada postingan

<li><a href='http://fajar7siblings.blogspot.com/2011/08/cara-memperlebar-kolom-dan-halaman-blog.html'>Cara Memperlebar Kolom dan Halaman Blog</a><div class="tooltips"><p> Cara Memperlebar Kolom dan Halaman Blog</p></div></li>

Contoh ToolTips Nyatanya ada di Blog saya ini.. Coba kalian MouseOver Isi Menu pada Bagian widget artikel menu education for all di sebelah kiri Blog ini..

» Selamat Berkreasi - E F A «

Cara Mengganti Tulisan Posting Lama Dan Baru Dengan Image/Gambar

Posted byTeacher's Message

Pada postingan kali ini eucation for all, akan memposting artikel tentantan Cara Mengganti Tulisan Posting Lama Dan Baru Dengan Image/Gambar, hal ini barang kali perlu dilakukan untuk mempercantik blog tentunya, langkah langkahnya pun tidak begitu sulit tinggal ikuti step step dibawah ini:

Langkah pertama untuk mengganti tulisan Posting Lama : Masuk ke Dasbor blog anda, pilih Tata Letak, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini :

<data:olderPageTitle/>

Hapus kode tersebut,lalu ganti dengan kode di bawah ini :

<img src="http://alamat gambar.jpg" alt="Prev"/>

Klik pratinjau untuk melihat hasil
Jika sudah klik Simpan Template

Mengganti tulisan Posting Baru/Newer Post Dengan Image/Gambar
Langkah pertama untuk mengganti tulisan Posting Baru : Masuk ke Dasbor blog anda, pilih Tata Letak, kemudian pilih Edit HTML, selanjutnya tandai kotak kecil di sebelah kanan yang ada tulisan Expand Template Widget, lalu cari kode seperti di bawah ini :

<data:newerPageTitle/>

Hapus kode tersebut,lalu ganti dengan kode di bawah ini :

<img src="http://alamat gambar.jpg" alt="Next"/>

Klik pratinjau untuk melihat hasil
Jika sudah klik Simpan Template

Businness Side

Berbagi untuk anak negeri

» Selamat Berkreasi - E F A «

Cara menghilangkan tanggal posting di Blog

Posted byTeacher's Message

Pada postingan kali ini Education for all akan memposting artikel tentang Cara menghilangkan tanggal posting di Blog. Ternyata ada cara yang mudah untuk menghilangkan tanggal posting di blog. Obat blogger mania tidak perlu mengetik script css atau sebagainya. Ikuti saja langkah langkah berikut.

Hanya dengan mengklikkan mouse maka tanggal postingnya langsung lenyap.

Memang ada dua cara yang dapat dilakukan untuk menghilangkan tangggal posting. Cara yang pertama dengan mengetikkan dua kalimat kedalam template (visiability dan hidden). Cara ini tidak akan EFA jelaskan karena ada cara yang lebih mudah…ikuti EFA.

Masuk ke blogger menggunakan account anda. setelah itu klik Tata Letak>Elemen Halaman

Arahkan kursor sobat blogger mania kegambar untuk melihat gambar lebih jelas

Fokuskan dibagian “Posting Blog” lalu klik “Edit”. Anda akan dibawah kehalaman baru.

Hilangkan tanda centang dibagian

Dan,

Selesai, dengan demikian tanggal posting telah lenyap dari blog anda. jika anda ingin menghilangkan yang lainnya silahkan hilangkan tanda centang disemua menunya. Jangan lupa untuk berkomentar ya.

Semoga bisa bermanfaat.

» Selamat Berkreasi - E F A «

Cara Mengubah Warna Link dan Menghilangkan Garis Bawah Link

Posted byTeacher's Message

Pada kesempatan ini Education for all akan memposting artikel tentang Cara mengubah warna link. kenapa merubah warna link di perlukan? alasannya begini, pernah saya mengunjungi beberapa blog yang mempunyai latar belakang bergambar, masalahnya yaitu warna latar belakang dengan warna link hampir sama, sehingga penglihatan kita menjadi kabur dan tidak bisa membaca tulisan link.
Sebenarnya kejadian tersebut tidak perlu terjadi, karena warna link dapat kita ubah sendiri.

Bagi sobat blogger pemula seperti saya ini yang memakai template baru, tentunya hal ini bukan masalah besar, karena fasilitas untuk merubah warna dan huruf sudah di sediakan. Lain halnya bagi sobat blogger yang memakai template klasik, untuk merubah warna link, sobat harus sedikit berkeringat karena harus merubah kode-kode yang ada pada kode template sobat.

Kode-kode yang manakah yang harus ubah?

Untuk mengubah warna link, setiap template tentunya berbeda-beda, Akan tetapi untuk gambaran saja saya ambil contoh di dalam template ada kode seperti ini :

a:link {
color:#3333FF;
text-decoration:underline;
}

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

a:visited {
color:#663366;
text-decoration:underline;
}

Agar menjadi faham, akan saya uraikan :

a:link {
color:#3333FF;
text-decoration:underline;
}

kode ini mempunyai arti âï¿½ï¿½> sebuah link akan berwarna biru dan bergaris bawah.

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

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#663366;
text-decoration:underline;
}

Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu dan bergaris bawah.

Pertanyaan selanjutnya manakah kode diatas yang menentukan warna link? jawabnya adalah kode :

color:#3333FF;

Tulisan yang dicetak merah adalah penentu warna atau di sebut juga dengan kode warna heksa, kode tersebutlah yang menentukan warna sebuah link. Bagaimana cara merubahnya? caranya tentu saja kita harus mengganti kode warna tersebut dengan kode warna yang kita inginkan. untuk mencari tau kode heksa dari warna, saya biasanya menggunakan bantuan dari program photoshop, disana telah disediakan contoh warna lengkap dengan kode heksa nya, kita tinggal memilih warna yang diinginkan kemudian secara otomatis akan di perlihatkan kode heksanya. Masih bingung? kalau masih bingung
soal warna, sobat cukup klik DISINI SAJA

Saran Education for all, apabila sobat menggunakan warna latar belakang yang terang, maka pilihlah warna link yang gelap. Sebaliknya, apabila warna latar belakang berwarna gelap, maka warna link haruslah berwarna terang.

Nah selanjutnya jika sobat ingin menghilangkan garis bawah obat perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :

a:link {
color:#58a;
text-decoration:underline;
}

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

a:visited {
color:#969;
text-decoration:underline;
}

Tulisan underline lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :
text-decoration:none;

Selamat Mencoba semoga bermanfaat,...

» Selamat Berkreasi - E F A «

Tips Atasi Error "ID Widget seharusnya unik"

Posted byTeacher's Message

Education for all adalah orang yang suka untuk mengutak atik template, pada awalnya EFA sangat pusing dengan istilah istilah template yang tidak bisa disimpan atau di parse karena tidak well formed, untuk itulah pada kesempatan ini EFA akan memposting artikel tentang Tips Atasi Error "ID Widget seharusnya unik" Mungkin ada diantara sobat blogger mania ada yang merasa prustasi ketika melakukan Edit HTML pada kode template selalu mengalami kegagalan akibat adanya pesan error apalagi bagi seorang blogger pemula contoh seperti ini misalnya :

Kami tidak dapat menyimpan template Anda.

Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi

Lebih dari satu widget ditemukan dengan id: HTML1. ID Widget seharusnya unik.

atau mungkin yang seperti ini :

Kami tidak dapat menyimpan template Anda.

Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi

Lebih dari satu widget ditemukan dengan id: Feed1. ID Widget seharusnya unik.

Pesan error nya sama persis, yang berbeda hanyalah id nya saja yaitu : HTML1 dan Feed1. Dan itupun hanya sekedar contoh saja, ID yang muncul mungkin HTML2, HTML3, HTML4 dst, atau mungkin juga Feed2, Feed3, Feed4 dst. Bagi yang belum mengetahui, mungkin akan merasa bingung atau bahkan seperti di katakan di awal yaitu merasa prustasi untuk sekedar mengedit kode template miliknya. Pertanyaan yang mungkin muncul yaitu apa penyebab bisa muncul pesan error seperti di atas tadi? jika saya boleh menjawabnya mungkin seperti ini : pesan error tersebut muncul karena di dalam template sobat ada dua buah widget atau lebih dengan ID yang sama. Masih bingung? saya beri contoh agar tidak larut dalam kebingungannya. Misalkan di dalam template sobat terdapat kode-kode widget seperti ini :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='upsidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>
<b:widget id=''HTML1' locked='false' title='Free Download' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>

Pada contoh di atas terlihat ada dua buah kode widget dengan ID yang sama, yaitu HTML1 (perhatikan hurup yang di cetak merah):

<b:widget id='HTML1' locked='false' title='' type='HTML'/>

<b:widget id='HTML1' locked='false' title='Free Download' type='HTML'/>

Apabila kejadiannya seperti contoh di atas, maka dapat di pastikan sobat tidak akan pernah bisa mengubah atau mengedit kode template sobat karena akan selalu menerima pesan error. Kejadian ini sering terjadi ketika sobat mengganti template yang lama dengan template yang baru. Ada kalanya sang desainer template mencantumkan beberapa widget di dalam template buatannya. Ketika kode template itu di upload blogger, maka antara widget milik sobat dengan widget sang desainer template berada dalam satu kode widget dengan ID yang sama.

Setelah mengetahui penyebab dari pesan error seperti yang di terangkan di atas, pasti muncul pertanyaan lanjutan yaitu bagaimana cara untuk mengatasi masalah tersebut? Dan jawaban saya pun kira-kira seperti ini : apabila muncul error "ID Widget seharusnya unik" maka caranya gampang sekali yaitu sobat harus mengubah ID yang error dengan ID baru yang belum ada di dalam kode widget, dalam hal ini adalah angka nya yang di bedakan. Contoh : apabila pesan error yang di tayangkan mengusung ID:HTML1, maka sobat harus mengubahnya dengan ID yang lain, misal HTML30, HTML31, HTML32, ataupun dengan angka yang lainnya yang penting tidak sama dengan ID widget yang lainnya. Ambil contoh kode-kode widget seperti ini :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='upsidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Free Download' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>

Maka tugas sobat hanyalah mengubah salah satu ID nya dengan nomor yang belum ada, misal ID HTML1 di ubah menjadi ID HTML15, misal kodenya jadi seperti ini :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='upsidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Belajar buat website' type='HTML'/>
<b:widget id='HTML15' locked='false' title='Free Download' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Yang mampir' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Site feed' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</b:section>

Apabila ID widgetnya sudah di ubah, silahkan coba save lagi templatenya. Saya kira tidak akan ada lagi pesan error yang membuat sobat blogger mania prustasi.

Selamat mencoba ! Semoga tidak prustasi lagi,.

» Selamat Berkreasi - E F A «

Cara Membuat 2-dua Elemen Baru di Bawah Box Posting

Posted byTeacher's Message

Pada postingan artikel Education for All kali ini EFA akan memposting sebuah artikel tentang cara membuat 2 buah Elemen baru di bawah Post Widget/box posting/kolom komentar pasti akan sangat bermanfaat bagi siapapun. Elemen baru ini bisa dimanfaatkan untuk berbagai widget, terutama widget yang berkaitan dengan posting, seperti recent posts, related posts atau popular posts. Dengan letak yang tak jauh dari box posting tentu menjadi sangat ideal sekali. Selain widget yang tersebut di atas, mungkin sobat blogger mania juga bisa memindahkan widget profile, stats atau atau label/categories. Bila sobat blogger mania berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini:

Login ke Blogger
klik "Design/Rancangan
KLIK "Edit HTML
Cari kode ]]></b:skin>, kemudian copy dan pastekan di atas kode ]]></b:skin>.
Lanjutkan dengan mencari kode <b:section class='main' id='main' showaddelement='no'> Di bawah kode tersebut akan terdapat kode berikutnya dengan bentuk seperti ini:

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Letakkan xHTML tepat di bawahnya.
KLIK "SAVE Templates/Simpan Template".
Lihat hasilnya dengan membuka Page Elements/Element Laman. Bila penambahan kode berhasil dengan baik, maka akan terlihat dua buah element baru tepat di bawah Post Widget.
Coba gunakan untuk menempatkan widget dan lihat hasilnya dengan membuka blog.
Untuk percobaan sampeyan bisa menggeser (drag) widget profile dan satu widget yang lain untuk ditempatkan di elemen yang baru selesai dibuat.

Lihat di bawah kolom komentar. Dua widget dalam elemen baru di bawah boks posting berupa Releted posts dan Recent Posts using jQuery-CSS3.

Kode CSS

#bawahpostingkiri, #bawahpostingkanan {
        word-wrap: break-word; 
        overflow: hidden;     
        padding: 0;
        margin: 0;
}
#bawahpostingkiri {
        float: left;
}
#bawahpostingkanan {
        float:right;
}
#bawahpostingL {
        margin:20px 5px 15px 0;
        padding:5px;
}
#bawahpostingR {
        margin:20px 0 15px 5px;
        padding:5px;
}
#bawahpostingL .widget, #bawahpostingR .widget {
        margin:0;
        padding:0
}
#bawahpostingL .widget {
        width:185px;
}
#bawahpostingR .widget {
        width:185px;
}

 ]]></b:skin>,

XHTML

Contoh Penempatan dan penyimpanan XHTML

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

<div id='bawahpostingkiri'>
<b:section class='bawahpostingL' id='bawahpostingL' showaddelement='yes'/>
</div>
<div id='bawahpostingkanan'>
<b:section class='bawahpostingR' id='bawahpostingR' showaddelement='yes'/>
</div>

    * Kode yang berwarna kuning adalah kode yang terdapat di template. Silahkan simpan kode baru penambah 2 elemen dengan posisi seperti terlihat di atas.
    * Penambahan widget dengan ukuran width:185px; ini dilakukan di Template Tata Letak (Minima/Thisaway) dengan kondisi masih seperti aslinya, dimana lebar (width) pada post widget (#main-wrapper) sebesar 410px.
    * Jumlah lebar ke dua elemen baru berkisar lebar #main-wrapper atau #main-wrap dikurangi 40px s/d 60px. Dalam kode di atas jumlah lebar dua element baru = 185px + 185px = 370px. Lebar #main-wrapper = 410px.
    * Anda dapat merubah lebar kiri dan kanan dalam ukuran berbeda.
    * Akan lebih baik jika anda gunakan selisih yang cukup besar dengan main-wrap, baru kemudian setelah berhasil lebar pada elemen baru sedikit demi sedikit diperbesar hingga diperoleh ukuran tepat.
    * Periksa setiap perubahan yang dilakukan dengan melihat hasilnya di Elemen Laman dan halaman blog.
    * Untuk memudah cek hasil perubahan, gunakan elemen baru untuk wadah widget profile dan satu widget yang lain.

Semoga bermanfaat!

» Selamat Berkreasi - E F A «

Cara cepat mencari KODE html template

Posted byTeacher's Message

Pada postingan kali ini Eduction For All akan memposting artikel tentang cara mencari kode html dalam sebuah template apabila mengandalkan mata dan ketelitian saja tentu akan melelahkan dan sangat sulit. Ada cara praktis yang membuat kalian hemat energi dan waktu. Cukup gunakan Ctrl dan F pada keyboard maka semua akan berjalan dengan begitu cepat dan mudah. Dari ketiga browser yang paling banyak digunakan saat ini, Opera, Mozilla Firefox dan Internet Explorer, meskipun masing-masing mempunyai tools yang berbeda akan tetapi pada dasarnya cara untuk mengoperasikannya sama.

A. Mozilla Firefox :

KLIK Ctrl + F (pada keyboard) secara bersamaan.
Lihat ujung bawah bagian kiri.Akan tampak seperti gambar di bawah ini :
Bagian berwarna merah digunakan sebagai tempat menuliskan kode yang akan di cari.
Next atau Previous untuk memulai mencari..

B. Opera :

Tampak sebuah windows.Akan tampak seperti gambar di bawah ini:
KLIK Ctrl + F (pada keyboard) secara bersamaan.
Tulis kode yang akan di cari.
KLIK button Find Next untuk memulai mencari..
Apabila kalian menggunakan opera terbaru (10.51) maka, box pencarian terletak di sebelah kiri bagian atas.

C. Internet Explorer (IE) :

Lihat di sebelah kiri atas.Akan tampak seperti gambar di bawah ini
KLIK Ctrl + F (pada keyboard) secara bersamaan.
Tulis kode yang akan di cari.
KLIK Next atau Previous untuk memulai mencari..
Demikian semoga bermanfaat.

» Selamat Berkreasi - E F A «

Memanfaatkan cd rom bekas menjadi cd player

Posted byTeacher's Message

Memanfaatkan cd rom bekas menjadi cd player
Jaman sekarang cd rom komputer sudah menjadi barang kuno dimana cd rom yang tidak bisa membaca keping dvd menjadi barang jadul. Di pusat-pusat perbelanjaan cd rom second paling mahaldihargai 50ribu. Melihat murahnya cd rom bekas ini ada baiknya kita memanfaatkannya sebagai cd player di mobil kita.
Adapun yang dibutuhkan untuk memodifikasi cd rom menjadi cd player di mobil adalah :
[*]Cd rom 52x
[*]Voltageregulator yang mampu mengkonvert 12v menjadi 5v
[*]Mini amplifier
[*]Cd rom 52x bekas , dipilih 52x karena rata2 cd rom 52x sudah memiliki konstruksi yang mampu meredam getaran yang terjadi saat kendaraan bergerak. Di usahakan memilih cd rom dengan tombol play, stop , next dan previus. Serta pengaturan volume, namun jika pengaturan volume tidak tersedia tidak maslah karena dapat diatur volumenya dari amplifier nantinya.

[*]Voltage regulator merupakan penurun tegangan dari 12V menjadi 5v, sebenarnya tersedia sebuah ic yang dapat melakukan penurunan tegangan ini yaitu ic 7805, namun masalah kualitas sudah pasti lebih baik menggunakan rangkaian karena dapat menahan beban yang lebih tinggi. Jadi lebih baik beli rangkaian voltage regulator yang sudah jadi 12V to 5V biasanya dikisaran 15 ribu.

[*] Mini amplifier : output dari cd rom sangat lah kecil hanya mampu untuk mengangkat headphones saja..maka untuk mendengarkannya dibutuhkan amplifier atau kalo di komputer sound card….sebenarnya tidak hanya menggunakan mini amplifier pake power sekalian juga bisa…
untuk mini amplifier bisa ditebus 35 ribuan….

Cara pemasangan :
CD rom memerlukan dua jenis sumber tegangan yaitu +12v dan +5v
Di bagian belakang cd rom terdapat 4 socket kabel power supply, biasanya kabel berwarna merah adalah 5V dan kabel berwarna kuning adalah 12v. Sedangkan kabel berwarna hitam dapat digabungkan dan ditujukan ke Ground atau massa mobil.

contoh diatas menggunakan ic 7805, jika menggunakan rangkaian voltage regulator juga sama ground di gabung, kemudian sumber tegangan dari aki masuk ke voltage dan kemudian akan keluar kabel dari voltage regulator (5v) du sambung ke kabel merah…
Sumber tegangan untuk kabel kuning (12v) dapat diambil langsung dari sumber tegangan mobil misal dari fuse box atau dari kunci kontak atau dari aki +.
Output audio

Output audio dari cd rom adalah setero yaitu seperti yang terlihat pada gambar diatas kolom nomer 4 …dimana terdapat R G D L …
R = Audio kanan
G = ground untuk audio kanan
D = Ground untuk audio kiri
L = Audio kiri
Kalau ternyata cd rom yang anda punya hanya memiliki 3 output audio berarti ground untuk kiri dan kanan dapat digabung yaitu pada pin yang tengah…
Output audio dari cd rom ini merupakan input bagi Amplifier. Sambungkan kabel output audio pada bagian input amplifier..kemudian output dari amplifier sambungkan ke speaker.

Nah setelah instalasi power supply selesai maka dilanjutkan dengan instalasi mini amplifier…:
dari cd rom biasanya kan udah ada socket untuk audio yang kabel 4 itu …..
lihat gambar di beri nomer 4 yang ada tulisannya RGDL ……kabel yang keluar dari socket itu akan dimanfaatkan sebagai input oleh mini amplifier…
ini gambar jelasnya :

kemudian set wiring dari output audio cd rom ke input amplifier sebagai berikut :

Selesai… Sumber : tangomotor

» Selamat Berkreasi - E F A «

E-mail dari sahabat baru di Ghana

Posted byTeacher's Message

Efa adalah seseorang yang suka bergaul, untuk saat ini EFA telah bersahabat dengan cewek dari ukraina namanya Leslie Williams, ini dia email yang tealah dikirim untuk EFA dan juga fotonya

How are you doing my deary is really nice to read from you, you dont need to apologies for not being able to reply me on time, maybe it was because you where busy with work, since you have been honest with me i think i have to do the same, let me tell you why i went to the USA, i went to the USA with a scholarship to study nursing at Keiser Career College in Miami, after that i had to return to my country because my period of time they gave me was over,and i did not want to have any problem with the Government and i had to leave Arizona,

When i was there i try dating a man who had everything in life but he never knew how to treat a lady, he use to abuse me and always insulted me in in front of his friends, i was almost like a slave to him, because of that i decided to never to fall in love again, but sometimes i feel lonely and i wish have a man to call my own, i am very friendly and fun to be with, i love dancing and going out with some friends, i am faithful, trust worthy and very honest lady,i am intelligent and hard working too, i always wish to see my partner happy even if is going to hurt me..

There are some few little things that makes me fall for a man, like always checking up on me, very romantic and good in bed,i like a man who do not get upset so easily for just a little thing,

this are the few things i need to tell you about me, so if you are still interested in getting to know me please let me know so that we see what God has in stored for us, thank you very much and i hope to read from you soon...This pictures are from me to you....i hope you will like them.

I am now in my country Ghana ....

Leslie

» Selamat Berkreasi - E F A «

Tips Mendeteksi Dan Merawat Sistem Pendinginan Mobil

Posted byTeacher's Message

OTOMOTIFNET - Mesin jenis pembakaran pada sebuah mobil, pasti dibekali sistem pendinginan agar panas mesin bisa diredam hingga suhu tertentu.

Uniknya, kondisi ideal sebuah mesin juga memiliki suhu kerja normal antara 80-90°C. Lewat dari suhu itu, mesin akan mengalami gejala overheating yang ditandai dengan gejala knocking alias ngelitik. Namun juga tidak boleh di bawah suhu tadi karena bisa overcooling, sehingga konsumsi BBM boros.

Tak heran bila sistem pendinginan mesin yang lazim mengandalkan air atau coolant ini, memegang peranan penting agar mobil selalu fit diajak jalan.

“Apalagi mesin mobil zaman sekarang, mayoritas menggunakan material aluminium, pendinginan yang baik dan bermutu menjadi wajib,” tutur Taqwa SS dari Garden Speed di bilangan Cilandak, Jaksel.

Menjadi pertanyaan bagi sebagian besar pemilik mobil adalah, bagaimana cara merawat atau mendeteksi sebuah sistem pendinginan bekerja dengan baik?

Sebenarnya hal ini sudah menjadi menu wajib bagi setiap bengkel resmi saat mobil mengalami servis rutin atau berkala. Toh, tak ada salahnya mendalami perangkat pendinginan secara detil agar bisa selalu waspada saat mengalami kelainan di jalan.

“Minimal driver bisa tahu kegagalan atau penyebab mobil mogok akibat kesalahan pada sistem pendinginan,” kelakar Michael Andries dari M-Tuning di Pondok Cabe.

Slang Radiator
Namanya juga penghubung, berarti menjadi jalur air antara mesin dan radiator. Sampai sekarang, mayoritas slang radiator masih memakai material karet yang dikombinasi anyaman nylon sebagai penguat. Slang harus kuat menahan air panas hingga suhu 100°C.

Lantaran usia pakai, slang radiator juga bisa rusak atau bocor. Biasanya menjadi getas dan kemudian mengeras. Buntutnya pecah sehingga tak mampu menahan tekanan tinggi air yang melintas. “Selalu gunakan slang bermutu baik,” jelas Anwar dari Ridho Radiator, Kebon Jeruk, Jakbar.

Reservoir Tank
Tangki kecil bersebelahan dengan radiator ini merupakan indikator volume air di dalam sistem pendinginan mesin. Dibilang reservoir karena fungsinya memang untuk mensuplai air radiator bila terjadi kekurangan dan sebaliknya, menjadi wadah tumpahan air saat radiator bersuhu tinggi menuju reservoir tank.

Meski tangki air cadangan ini terbuat dari bahan plastik keras, namun tak selamanya bisa menahan air dengan suhu tinggi. Ada kalanya mengalami kebocoran akibat retak. Sebaiknya selalu memeriksa tangki cadangan ini sebelum mobil keluar rumah. Baik kondisi tangki maupun isi.

Radiator
Peranti pendingin di belakang gril ini, sebagai media menurunkan suhu panas air berasal dari kepala silinder. Bentuknya seperti sarangan dengan puluhan jalur air.

Air panas ini dialirkan menuju radiator untuk didinginkan, sebelum dialirkan kembali ke dalam mesin. Lazimnya bermaterial tembaga atau aluminium. “Dengan bantuan angin dari depan, suhu air bisa konstan di 90°C,” jelas Anwar.

Namun lantaran usia pakai atau kesalahan perawatan, kisi-kisi (sarangan) pada radiator bisa bocor dan menyebabkan air keluar hingga habis.

Lakukan pengecekan air radiator pada pagi hari setiap kali mobil akan keluar rumah, untuk memastikan jumlah air tak berkurang. Bila dalam sehari harus melakukan penambahan hingga 1 liter berarti ada kemungkinan bocor pada radiator.

» Selamat Berkreasi - E F A «

Subscribe to:Posts (RSS)

Download Browser

TEMPLATE EFA

Tutorial Bloger

Fasilitas Chating

Google Problem

Otomotive

RPP KTSP SMP

RPP KTSP SD

SEO

Soal CPNS

Latihan Toefl

Soal SNMPTN

Tipu Daya

E-mail Sahabat

BUSSINESS INTERNET

Education

BLOGGER BARU

WIDGET

Contact

E F A

Search here

Type a word related to the post'n'click search button!

Labels

Arsip Blog

Followers

TUKAR LINK