Sebenarnya mau tak kasih judul yang berhubungan dengan Hari Kemerdekaan Indoensia biar lebih terkesan mengembalikan jati diri bangsa sesuai dengan tema "Hari Kemerdekaan Indonesia" yang sebentar lagi akan dilaksanakan. Namun mengingat Blog ini sedang mengalami kemerosotan moral SEO maka judulpun dibuat agar SEO Friendly untuk menata kembali optimasi:D.
Ok, Langsung saja! Untuk memperingati Hari Kemerdekaan Indonesia, Kuliah Gratis ingin berbagi widget membuat gambar berada dipojok halaman blog yaitu Logo Hari Kemerdekaan Indonesia dan Bendera Merah Putih yang tetap statis walaupun halaman blog discroll. Bagaimana bara buatnya? mari kita sama-sama mencoba!
Pada posting sebelumnya sudah dibahas bagaimana menyisipkan gambar secara manual, dari situ kita tinggal memberikan style sedikit agar gambar tersebut bisa terus berada dipojok. Kalau tidak salah script untuk menyisipkan gambar secara manual itu seperti ini:
URL image yang kita pakai adalah http://omshani.wordpress.com/files/2009/08/blogger-indonesia.gif (ini untuk bendera berkibar) dan http://omshani.wordpress.com/files/2009/08/64-tahun-merdeka.png (untuk logo HTU RI).
Sekarang kita tinggal menambahkan Link dan Alaternate Text agar bisa menerapkan Trik SEO dengan gambar sehingga codenya menjadi seperti ini:
Ok, Sampai disini ada yang ditanyakan? (gaya pak Guru di SMA :D). Nah sekarang bagaimana cara agar gambar tersebut mau berada terus dipojok? Jawabannya dengan manambahkan Style pada gambar, codenya style="position:fixed;bottom:5px;right:5px;" tapi aku sendiri bingung mau tak letakin dimana, he..he..he
Kalo mau diletakin di Link maka jadinya seperti ini:
Dan kalo diletakkan di image maka akan menjadi seperti ini:
Hasilnya sama aja, mau diatas atau dibawah enaknya sama :D. Selesai sudah membuat gambar berada dipojok halaman blog dan "Selamat Ulang Tahun Indonesiaku, Kami Bangga Padamu".
Semoga bermanfaat dan Salam Kuliah Gratis
Ok, Langsung saja! Untuk memperingati Hari Kemerdekaan Indonesia, Kuliah Gratis ingin berbagi widget membuat gambar berada dipojok halaman blog yaitu Logo Hari Kemerdekaan Indonesia dan Bendera Merah Putih yang tetap statis walaupun halaman blog discroll. Bagaimana bara buatnya? mari kita sama-sama mencoba!
Pada posting sebelumnya sudah dibahas bagaimana menyisipkan gambar secara manual, dari situ kita tinggal memberikan style sedikit agar gambar tersebut bisa terus berada dipojok. Kalau tidak salah script untuk menyisipkan gambar secara manual itu seperti ini:
URL image yang kita pakai adalah http://omshani.wordpress.com/files/2009/08/blogger-indonesia.gif (ini untuk bendera berkibar) dan http://omshani.wordpress.com/files/2009/08/64-tahun-merdeka.png (untuk logo HTU RI).
Sekarang kita tinggal menambahkan Link dan Alaternate Text agar bisa menerapkan Trik SEO dengan gambar sehingga codenya menjadi seperti ini:
Ok, Sampai disini ada yang ditanyakan? (gaya pak Guru di SMA :D). Nah sekarang bagaimana cara agar gambar tersebut mau berada terus dipojok? Jawabannya dengan manambahkan Style pada gambar, codenya style="position:fixed;bottom:5px;right:5px;" tapi aku sendiri bingung mau tak letakin dimana, he..he..he
Kalo mau diletakin di Link maka jadinya seperti ini:
Dan kalo diletakkan di image maka akan menjadi seperti ini:
Hasilnya sama aja, mau diatas atau dibawah enaknya sama :D. Selesai sudah membuat gambar berada dipojok halaman blog dan "Selamat Ulang Tahun Indonesiaku, Kami Bangga Padamu".
Semoga bermanfaat dan Salam Kuliah Gratis
Tidak ada komentar:
Posting Komentar