Fungsi Animasi GIF

Selain mengandalkan kode HTML, untuk menyempurnakan tampilan dan sebuah weblog, kita juga akan mengandalkan animasi GIF. Animasi GIF sendiri bukan lagi sebuah hal baru, dan ketika Anda mendapati
sebuah emoticon yang dapat bergerak-seperti yang terdapat pada situs-situs sejenis Kaskus-maka itulah yang disebut animasi GIF.
Animasi GIF tidak hanya ditemukan pada dunia maya, tetapi juga pada gambar-gambar MMS atau ponsel
berwarna yang telah lama kita kenal.

Beberapa bab dan buku mi akan membahas soal cara pembuatan serta pemasangan suatu animasi GIF ke dalam blog. Kita akan mempelajarinya dengan software Photoshop yang akan lebih balk Anda instalkan terlebih dulu pada perangkat komputer/laptop Anda.

Bagian mana saja dan Blogger yang dapat dipasangkan animasi GIF?! Jawabannya, sangat banyak! Hampir setiap bagian dan Blogger yang memuat gambar seperti header, background, sidebar, bahkan tombol prey, home, serta next-clapat dimodifikasi dengan animasi GIF yang dapat bergerak.

Meskipun beberapa blogger berpendapat kalau gambar bergerak pada sebuah blog itu membuat mata pengunjung ‘sakit’, namun itu bukan suara yang mewakili dunia. Animasi GIF yang diciptakan serta ditempatkan pada posisi yang tepat, akan menjadi nilal plus dan sebuah blog.

Read More »

Unknown

Fungsi Kode HTML

Jika gambaran Anda terhadap fungsi dan kode HTML masih kurang begitu jelas, di sini penulis akan menjelaskannya secara sederhana. Anda akan menjadi semakin menyukai kode-kode HTML, setelah Anda
memahami seberapa hebatnya kode HTML dalam membangun sebuah blog. Kode HTML berupa huruf, angka, tanda baca, serta URL merupakan sesuatu yang ketika diterjemahkan oleh sebuah browser yang mendukung—semisal Internet Explorer, Mozilla Firefox, Opera atau Chrome—akan menjadi sebuah tampilan, tool, suara atau gerakan-gerakan unik dan lain sebagainya, dalam membentuk sebuah blog serta website. Sebuah contoh sederhana, penulis hendak menulis kalimat di atas langit masih ada langit” dengan font yang dapat berkedip, maka penulis dapat menambahkan kode pada awal dan akhir dan kalimat tersebut seperti kode berikut:

<blink>di atas langit masih ada langit</blink>

Ketika sebuah browser! menerjemahkan bans teks di atas, kode “<blink>” dan “</blink>” yang mengapit kalimat “di atas langit masih ada langit” akan menghilang, terganti menjadi efek berkedip. Contoh lain, penulis ingin membuat sebuah chatbox di dalam blog, maka penulis pun menanamkan kode berikut:

<style type=”textlcss”> #hitsukeFX{ position:fixed; top:SOpx; z—index:+l000; } * html #hitsukeFX{positicn:relative;}.hitsukeFXtab{ height: 300px; width: 3Opx; float:left;cursor:pointer; beckground:uri ( ‘http: /13 .bp.blogspot. com/—OllKxTl4jOU/tJA5MkJ29TbIIAAAAAAAABQ4/DzS2rJc33LYIS1600/CHATBOX.G1F‘) no—repeat; ) .hitsukeFxcontent{ float:left; border:2px solid #9fl616; -moz—border—radius—topleft: Spx; —moz—border—radius—topright: Spx; —moz—bordar—radius—bottomlaft: 5px; —moz—bordar—radius—bottcmright: 5px; background: #490000; padding: lOpx;<Istyle> <script type=”taxt/javascript”> functionshowllidehitsukaFX(.) { ver hitsukeFX =document.getElementByld(’hitsukeFX”); var w =hitsukeFX.offsetwidth; hitsukeFX.opened ? movehitsukeFX(0, 40—w)movehitsukeFX(40—w, 0); hitsukeFX.opened = !hitsukeFX.opened;function i-novehitsukeFX(xO, xi)) ver hitsukeFX =document.gatElementByld(”hitSukeFX”); ver dx = Math.abs(xO—xf) >10 ? 5 : 1; var dir = xf>xO ? 1 : —1; var x = xO + dx * dir; -hitsukeFX.style.right x.tnString(.) +if(xO!=xf) (setTimeout(”movahitsukeFX(”+x+”, “+xf+”)”, 5);</script> <div id=”hitsukeFX”> <div class”hitsukeFxtab”onclick=”showllidehitsukeFX()”> </div> <divclass=’hitsukeFXcontent”><I—— Start HTML Code ——><iframe titla=”Shoutbox” width=”l60”height=”260’ src=”http: //shoutbox.widget .ma/window.html?uida0vus”framebordar=”O” scrolling=”auto”></iframa><scriptsrc=”http: //shoutbux.widgat .ma/vl .js”type=”text/javascript”></script><!—— End ——><script type=”text/javascript”> var hitsukaFX =documant.getElementEyld(”hitsukeFX”); hitsukeFX.style.right = (40—hitsuketX.offsetWidth) .toString() + “pxT; </script></div></div>

Kode chatbox terlihat sedikit rumit daripada sekadar kode untuk membuat font berkedip. Namun, ketika kode tersebut diterjemahkan oleh sebuah browser, maka kode tersebut akan berubah menjadi sebuah chatbox yang keren, di mana chatbox tersebut akan berada pada pojok kanan atas dalam kondisi tertutup, dan baru akan terbuka ketika diklik dengan mouse.
Kode HTML berperan penting dalam setiap sudut blog. Tidak sekadar dalam menciptakan font berkedip atau chatbox, tetapi untuk memasang audio, background, tool, berbagal fitur dan kecanggihan, segalanya tak terlepas dan kode-kode HTML.

Read More »

Unknown

Persiapan dan Pemahaman HTML

Nah!!! 

di post sebelumnya kita sudah bahas mengenai blog yang terawat dan selanjutnya kita akan bahas tentang Persiapan dan Pemahaman HTML

Persiapan disini dapat di maksudkan sebagai persiapan data backup atau salinan, agar apabila sewaktu-waktu dalam memodifikasi kode HTML kita melakukan kesalahan yang mengakibatkan kerusakan pada blog, kita dapat memulihkannya.

Data backup yang di butuhkan tak selamanya harus berupa file yang diunduh dari menu backup/restore dari Blogger meskipun lebih seringnya dalam praktik langsung kita memang kerap mengandalkan menu tersebut.

Dalam beberapa kasusu tertentu, kita mungkin akan memanfaatkan cara manual dalam mempersiapkan backup-semisal menyalin data kode HTML pada sebuah Notepad dan sejenisnya. Anda tak perlu khawatir akan kesulitan melakukan hal itu. Tiba saatnya ketika hendak melakukan backup atau restore pada pos berikutnya kami akan memandu anda step by step.


Pemahaman

Kita tak mungkin menghasilkan sesuatu sesuai yang diinginkan, sebelum kita memahami apa yang harus kita kerjakan untuk menghasilkannya. Terlabih kode HTML, sebelum kita memahami kode-kode tersebut, bahasa planet yang sama sekali tidak dipahami.

Jadi, sangat penting bagi kita untuk memahami setiap aksi yang dilakukan dalam memodifikasi kode HTML.
Kita perlu tahu, mengubah bagian ini perlu, mengubah yang itu tak perlu, dan sebagainya.


Ketelitian

Meskipun selalu memungkinkan bagi kita untuk me-restore kode HTML pada blog dengan data backup seperti yang dibahas di atas, tetap saja sebuah ketelitian menjadi poin penting dalam memodifikasi kode HTML.

Kapan selesainya jika kita terus melakukan kesalahan, kemudian restore, salah lagi, restore lagi, dan seterusnya?
Untuk itu, telitilah dalam memodifikasi setiap kode, sesuai dengan tutorial yang dipelajari.

Read More »

Unknown

Blog Terawat

Sebuah weblog (blog) yang terawat tentu akan lebih menarik daripada yang tidak. Pengertian menarik di sini mengandung arti bahwa blog tersebut nyaman, spesial, dan dapat melekat di hati visitor. Dalam hal merawat blog, di samping terus meng-update postingan, hal yang tak kalah penting-penulis membaginya menjadi tida bagian yaitu tampilan, fitur, dan juga kecanggihan yang ditawarkan.

1. Tampilan menjadi hal penting untuk diperhatikan dalam pengelolaan sebuah blog. Dewasa ini, tanpa harus repot - repot merancang sendiri sebuah tampilan blog pun, dari pihak Blogger memang telah menyediakan banyak template yang bebas dipilih secara gratis. Tetapi, blogger profesional tentu memahami bahwa untuk melahirkan sebuah blog yang spesial, hanya mengandalkan template bawaan tidaklah cukup.

2. Fitur berfungsi untuk memudahkan pengunjung dalam melakukan sesuatu. Beberapa contoh sederhana :

• Fitur kolom komentar facebook, memudahkan visitor yang masih kurang akrab dengan kolom komentar default Blogger untuk memberikan komentar.
• Fitur chatbox, memudahkan sesama visitor dalam berkomunikasi satu sama lain ataupun meninggalkan pesan kepada pemilik blog.
• Fitur Print to PDF, memudahkan pengunjung untuk langsung menyimpan salinan postingan menarik dalam format PDF atau bisa juga disebut e-book yang dapat kembali di baca ulang tanpa harus online. Selain ketiga fitur yang di jelaskan di atas, masih banyak fitur lainya yang dapat di tambahkan pada Blogger.

3. Sama halnya seperti sebuah smartphone yang memungkinkan kita untuk menambahkan berbagai aplikasi guna mempercangggih smartphone tersebut. Pada blog yang dibuat menggunakan jasa Blogger secara online, kita juga dapat menambahkan atau memodifikasi kode HTML guna mempercanggih blog tersebut.

Jangan heran ketika anda baru saja mengakses sebuah blog, tiba-tiba blog tersebut menyapa anda melalui sebaris teks, kemudian memanjakan telinga anda dengan sebuah musik atau lagu yang menyala secara otomatis melalui audio player. Blog seperti demikianlah yang disebut sebagai blog canggih. Sebuah blog yang  mungkin membuat visitor terkagum dalam hati, atau tersenyum sendiri di depan monitor.

Terlepas dari tampilan, fitur, dan kecanggihan, terkadang seorang blogger mungkin terkendala oleh keraguan, kekurang pahaman, ketakutan, dalam 'menyentuh' kode-kode HTML yang tergolong sensitif, rentan terhadap kerusakan. Akan tetapi sesungguhnya memodifikasi kode HTML merupakan kegiatan yang menyenangkan. Untuk belajar 'bermain' HTML, secara garis besar yang kita butuhkan ialah persiapan, pemahaman, ketelitian!

Kita akan bahas di post berikutnya!!!

Read More »

Unknown

PENGETAHUAN DASAR

Sebelum mengendarai mobil di jalan,terlebih dulu pahamilah seacara benar cara mengoperasikan mobil itu secara baik. Sebelum step by step kita mulai tutorial 50 trik memodifikasi Blogger.

Bab ini dihadirkan secara khusus untuk membahas hal-hal dasar terkait metode, software, dan juga website yang akan kita butuhkan dalam bagian-bagian tertentu dari tutorial modifikasi yang terdapat di sini. Selain itu, bab ini juga akan menjelaskan kepada anda, seberapa penting serta menariknya kegiatan memodifikasi blog.

Read More »

Unknown