selamat datang para pesantren technopreneur
disini anda akan mengenal secara garis besar tentang design web.
kami akan memberikan modul/tugas2 sebagai berikut
1. apakah anda sudah mempunyai akun Gmail?jika belum buat lah akun Gmail dulu
2.jika belum mempunyai akun di blogger buat lah akun blog. klik disini
3. buat lah minimal 2 postingan + gambar dan video dari YouTube
4. ganti template blog anda. saerching di google cari yang ada gambar slidenya.
5. buatlah marque teks/tulisan berjalan di blog yang anda buat tadi
6. buatlah Favicon. searching di google atau bisa juga klik disini
7. berilah animasi bergerak di blog anda contoh: klik disini
8. buatlah lencana profil facebook di blog anda.
selamat mengerjakan dan sukseslah menjadi apa yang kau mau
jika kurang jelas kami siap menerima pertanyaan
:)
FMT (forum mahasiswa technopreneur)
tutorial FMT
Welcome at My Tutorial
Kamis, 02 Agustus 2012
Cara membuat favicon
Favicon adalah singkatan dari favorite icon. Sebuah gambar kecil yang terlihat pada address bar sebelah kiri URL/alamat blog. Bagi pengguna blogger, biasanya favicon yang terpajang berupa Logo B ciri khas dari blogspot. Tapi jika tidak suka, sobat bisa mengganti favicon bawaan blogger alias pasang gambar favicon kreasi sendiri.
Seperti pada blogerdin. Coba perhatikan, dulu gambar favicon tersebut hanya berupa logo dari blogger. tapi sekarang saya ganti menjadi gambar smilley. Sangat menarik bukan? Bagi sobat pengguna blogger, kalau mau, bisa juga menggantinya.
Jika sobat memang tertarik untuk mengganti favicon pada blogger. Berikut adalah langkahnya.
1. siapkan sebuah gambar apa saja yang nanti akan dijadikan gambar favicon. Lebih bagus calon gambar faviconnya berukuran kotak persegi.
2. Kunjungi alamat http://www.htmlkit.com/favicon
3. setelah masuk. Pada Image to use pilih file gambar yang sudah disiapkan tadi. Lalu klik tombol Generate favicon.ico.
4. Tunggu beberapa saat sampai gambar yang dipilih terlihat.
5.Setelah terlihat, langkah selanjutnya adalah klik link Download favicon package. Dan tunggu sampai proses download selesai.
6. setelah berhasil terdownload. File tersebut masih berformat Zip. ContohFavicon_182708.zip dan ekstraklah dulu filenya ke .gif
7. selanjutnya simpan gambar tersebut ke hosting gambar seperti ke photobucketatau picasa. Kalau saya menyimpannya di album flickr.com dan mengganti ukurannya ke thumbnail 16x16 px.
8. Setelah tersimpan pada hosting. Catat URL gambar tersebut. Contoh alamat favicon blogerdin adalahhttp://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg
Langkah selanjutnya adalah memasang gambar favicon tersebut ke dalam template blog milik sobat. Dan Langkahnya adalah sebagai berikut:
9. Login ke blogger. Klik rancangan. Lalu klik EDIT HTML.
10. Selanjutnya klik link bertuliskan Download template lengkap. Ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan template.
11. selesai mendownload. Selanjutnya beri centang pada kombo disamping Expand template widget.
12. sekarang cari kode seperti dibawah ini. Supaya mudah dalam mencarinya gunakan saja fungsi Ctrl+F.
<b:skin><![CDATA[/*
13. setelah ketemu. Tepat diatas kode tersebut (no.12) masukan kode dibawah ini.
<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
Perhatikan pada tulisan berwarna merah. Ganti kode tersebut dengan URL gambar favicon milik sobat.
14. sehingga setelah digabung. tampilan kodenya akan seperti ini:
<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[/*
15. Setelah selesai menyisipkan kodenya. Jangan lupa klik tombol Simpan template sampai ada keterangan perubahan anda telah disimpan 'lihat blog'
16. klik lihat blog guna melihat hasilnya. Dan jika berhasil, pada address bar atau disamping kiri URL blog, akan terpajang gambar favicon baru milik sobat.
17. terakhir, ya selesai. selamat mencoba dan semoga berhasil!
Itulah cara yang saya gunakan pada blogerdin untuk mengganti gambar faviconmilik blogger alias pasang gambar favicon pilihan saya.
Seperti pada blogerdin. Coba perhatikan, dulu gambar favicon tersebut hanya berupa logo dari blogger. tapi sekarang saya ganti menjadi gambar smilley. Sangat menarik bukan? Bagi sobat pengguna blogger, kalau mau, bisa juga menggantinya.
Jika sobat memang tertarik untuk mengganti favicon pada blogger. Berikut adalah langkahnya.
1. siapkan sebuah gambar apa saja yang nanti akan dijadikan gambar favicon. Lebih bagus calon gambar faviconnya berukuran kotak persegi.
2. Kunjungi alamat http://www.htmlkit.com/favicon
3. setelah masuk. Pada Image to use pilih file gambar yang sudah disiapkan tadi. Lalu klik tombol Generate favicon.ico.
4. Tunggu beberapa saat sampai gambar yang dipilih terlihat.
5.Setelah terlihat, langkah selanjutnya adalah klik link Download favicon package. Dan tunggu sampai proses download selesai.
6. setelah berhasil terdownload. File tersebut masih berformat Zip. ContohFavicon_182708.zip dan ekstraklah dulu filenya ke .gif
7. selanjutnya simpan gambar tersebut ke hosting gambar seperti ke photobucketatau picasa. Kalau saya menyimpannya di album flickr.com dan mengganti ukurannya ke thumbnail 16x16 px.
8. Setelah tersimpan pada hosting. Catat URL gambar tersebut. Contoh alamat favicon blogerdin adalahhttp://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg
Langkah selanjutnya adalah memasang gambar favicon tersebut ke dalam template blog milik sobat. Dan Langkahnya adalah sebagai berikut:
9. Login ke blogger. Klik rancangan. Lalu klik EDIT HTML.
10. Selanjutnya klik link bertuliskan Download template lengkap. Ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan template.
11. selesai mendownload. Selanjutnya beri centang pada kombo disamping Expand template widget.
12. sekarang cari kode seperti dibawah ini. Supaya mudah dalam mencarinya gunakan saja fungsi Ctrl+F.
<b:skin><![CDATA[/*
13. setelah ketemu. Tepat diatas kode tersebut (no.12) masukan kode dibawah ini.
<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
Perhatikan pada tulisan berwarna merah. Ganti kode tersebut dengan URL gambar favicon milik sobat.
14. sehingga setelah digabung. tampilan kodenya akan seperti ini:
<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[/*
15. Setelah selesai menyisipkan kodenya. Jangan lupa klik tombol Simpan template sampai ada keterangan perubahan anda telah disimpan 'lihat blog'
16. klik lihat blog guna melihat hasilnya. Dan jika berhasil, pada address bar atau disamping kiri URL blog, akan terpajang gambar favicon baru milik sobat.
17. terakhir, ya selesai. selamat mencoba dan semoga berhasil!
Itulah cara yang saya gunakan pada blogerdin untuk mengganti gambar faviconmilik blogger alias pasang gambar favicon pilihan saya.
Cara membuat link di Blog
dont say and just do it.
add me at facebook
Langkah Pertama
Blok tulisan yang ingin dipasangi link klik Menu untuk memasukkan link yang sudah di sediakan blogger kemudian masukkan link tadi kedalam kolom isian link, setelah itu klik Ok.
Sekarang silahkan lihat tulisan yang anda blok tadi, insya'Allah sudah ada linknya.
Hasilnya : fans page CBI like this bray
Cara yang kedua
Selain cara di atas, kita juga bisa memasukkan link menggunakan cara lain, yaitu dengan menuliskan sendiri kode htmlnya
untuk memasukkan link menggunakan cara ini juga mudah kok, yang harus di lakukan hanya menuliskankode html berikut:
<a href="Masukkan Link Di Sini">Ini tulisan yang nanti ada linknya</a>Silahkan tulis kode seperti yang sudah saya tuliskan di atas, pada bagian yang saya tulis Masukkan Link Di Sini silahkan ganti dengan link yang ingin di masukkan, dan pada bagian Ini tulisan yang nanti ada linknyasilahkan ganti dengan tulisannya misalnya Klik Disini, Join Now, dsb.
Udah dulu ya, mudah-mudahan artikel ini bisa di fahami dan semoga bermanfaat.
Denny barnadhesh/DKV
matursuwun
Langganan:
Postingan (Atom)