Senin, 09 Mei 2011

Bagi Ilmu : Membuat hiasan bola kristal dengan Photoshop


…nah sudah bisa kan temen2 buat bola kristal kaya’ yang di Bagi Ilmu tahap A.1… sekarang saya coba menurunkan warisan… berupa ilmu untuk menghias bola kristal yang telah dibuat sebelumnya… (warisan apaan tuh… ga mutu…) tapi yo ga pa2… yang penting ilmu-nya bermanfaat.
oh ya…tips dari saya setelah menggambar apapun dari photoshop lebih baik disimpan dengan format .psd agar suatu saat bisa dimodifikasi lagi… baru setelah itu disimpan dengan format lagi ga pa2…
…seperti bola kristal yang telah kita buat agar bisa dimodifikasi…kreasikan saja dengan warna-warna yang cerah… seperti warna2 berikut… :
0a2
langsung saja… inilah dia resep2 membuat hiasan bola kristal :
1.Mari kita awali sesi ini dengan bacaan basmalah bersama (lho kok kaya’ mo ngaji aja…) nih… pertama-tama membuka file bola kristal yang pernah kita buat… (kalau belum buat ya buat dulu… n kalau sudah dihapus atau terlanjur disimpan dengan format lain lebih baik buat lagi aja… kan ga lama, paling ga sampai 5 menit… kalau saya mau pakai bola kristal berwarna hijau dulu yang kelihatan cerah… open >> pilih file bola kristal
1a2
2.Setelah file bola kristal dibuka, kita gandakan bola kristal tersebut, pertama pilih layer bola kristal… lalu pilih Layer >> Duplicate Layer >> beri nama, misal hiasan bola >> OK atau ctrl+j dengan nama default copy. nah sekarang kita punya 2 layer, bola kristal dan hiasan bola…
2a2
3.Selanjutnya kita ubah warna hiasan bola dengan Klik Image >> Adjusments >> Hue/Saturation atau ctrl+u, tentukan warna yang dirasa cocok untuk hiasan bola… kalau saya kan bola nya hijau (Hue 100, Saturation 100, lightning 7, colorize), jadi hiasan saya beri warna kuning dengan nilai Hue 50, Saturation 100, dan lightning 7. Sekarang sudah ada dua layer bola dengan warna hijau dan kuning.
3a2
4.Di tahap ini kita akan membentuk hiasan dengan bantuan filter distort. Pilih dulu layer hiasan bola… klik Filter >> Distort >> Polar Coordinates… gunakan tipe Rectangular to Polar. Ulangi langkah tersebut 4 kali, maka akan terbentuk seperti pada gambar.
4a2
5.Zimbabwe masih jauh… urusan kita kita belum selesai… (emang ngapain jauh2 ke Zimbabwe…) anyway… pilih layer hiasan bola, sekarang kita akan membentuk hiasan bola dengan bantuan filter twirl. Caranya klik Filter >> Distort >> Twirl… >> tentukan besarnya angle sesuai selera… kalau saya sendiri menggunakan Angle sebesar 500. Maka… kun! (jadilah!) hiasan bola.
5a2
6.Bisa dilihat ukuran hiasan tidak pas dengan ukuran bola kristal… untuk menyesuaikan ukuran, pilih layer hiasan bola… tekan ctrl+t untuk masuk ke transform… sesuaikan ukuran hiasan dengan bola… (klo yang ini sesuaikan sendiri… soale saya bingung menjelaskannya… yang penting pas aja).
6a2
7.Nah… untuk penghujung sesi ini maka marilah sebelum kita akhiri sesi kita baca hamdalah bersama… (lho..) ya ga pa2 ding… ni… sebelum kita simpan ada baiknya kita percantik sedikit dengan penajaman warna (ini cuma tambahan…). Caranya, klik kanan layer hiasan bola, pilih Bending Option… klik/centang Drop Shadow, sesuaikan atribut (kalau saya Distance 7, Spread 14, Size 21), lalu gabungkan 2 layer tersebut dengan pilih Layer >> Merge Down atau tekan ctrl+e. Lalu pilih Image >> Adjusments >> Brightness/Contras… tentukan Brightness dengan nilai 35 dan Contras 14 atau sesuaikan selera… Simpan file tersebut dengan format .psd, baru setelah itu kita simpan dengan format lain… misalnya .gif agar background jadi transparan… atau .jpeg agar kualitas bisa terjaga…
7a2
akhirnya… jadi juga bola kristal dengan hiasannya… cape’ nih… tidur dulu ah… (…baru gitu aja dah capek… payah…)
Kalau ada yang mau kasih komentar, protes, mencela, mau usul atau request, atau mau nanya2 silahkan ungkapkan unek2nya kepada saya lewat comment dibawah… (kalau ada kesulitan tinggal tanyakan lewat comment aja… atau klo mau sms…(maunya ^^…) )
Buat temenku yang di Bandung (mo nyebut nama ndak ga enak…) … jangan pernah menyerah…buat nyong ini hanya masalah kebiasaan…keep on tryin’ bro!
Next : Bagi Ilmu 2 : Membuat Animasi Text Sederhana dengan Image Ready (wih…pake next, padahal ga tau apa tu arti next…)
Udah dulu ah buat sesi kali ini… selamat men-jajal…
Riadyawan.

Rabu, 13 April 2011

Bagi Ilmu : Membuat hiasan bola kristal dengan Photoshop


…nah sudah bisa kan temen2 buat bola kristal kaya’ yang di Bagi Ilmu tahap A.1… sekarang saya coba menurunkan warisan… berupa ilmu untuk menghias bola kristal yang telah dibuat sebelumnya… (warisan apaan tuh… ga mutu…) tapi yo ga pa2… yang penting ilmu-nya bermanfaat.
oh ya…tips dari saya setelah menggambar apapun dari photoshop lebih baik disimpan dengan format .psd agar suatu saat bisa dimodifikasi lagi… baru setelah itu disimpan dengan format lagi ga pa2…
…seperti bola kristal yang telah kita buat agar bisa dimodifikasi…kreasikan saja dengan warna-warna yang cerah… seperti warna2 berikut… :
0a2
langsung saja… inilah dia resep2 membuat hiasan bola kristal :
1.Mari kita awali sesi ini dengan bacaan basmalah bersama (lho kok kaya’ mo ngaji aja…) nih… pertama-tama membuka file bola kristal yang pernah kita buat… (kalau belum buat ya buat dulu… n kalau sudah dihapus atau terlanjur disimpan dengan format lain lebih baik buat lagi aja… kan ga lama, paling ga sampai 5 menit… kalau saya mau pakai bola kristal berwarna hijau dulu yang kelihatan cerah… open >> pilih file bola kristal
1a2
2.Setelah file bola kristal dibuka, kita gandakan bola kristal tersebut, pertama pilih layer bola kristal… lalu pilih Layer >> Duplicate Layer >> beri nama, misal hiasan bola >> OK atau ctrl+j dengan nama default copy. nah sekarang kita punya 2 layer, bola kristal dan hiasan bola…
2a2
3.Selanjutnya kita ubah warna hiasan bola dengan Klik Image >> Adjusments >> Hue/Saturation atau ctrl+u, tentukan warna yang dirasa cocok untuk hiasan bola… kalau saya kan bola nya hijau (Hue 100, Saturation 100, lightning 7, colorize), jadi hiasan saya beri warna kuning dengan nilai Hue 50, Saturation 100, dan lightning 7. Sekarang sudah ada dua layer bola dengan warna hijau dan kuning.
3a2
4.Di tahap ini kita akan membentuk hiasan dengan bantuan filter distort. Pilih dulu layer hiasan bola… klik Filter >> Distort >> Polar Coordinates… gunakan tipe Rectangular to Polar. Ulangi langkah tersebut 4 kali, maka akan terbentuk seperti pada gambar.
4a2
5.Zimbabwe masih jauh… urusan kita kita belum selesai… (emang ngapain jauh2 ke Zimbabwe…) anyway… pilih layer hiasan bola, sekarang kita akan membentuk hiasan bola dengan bantuan filter twirl. Caranya klik Filter >> Distort >> Twirl… >> tentukan besarnya angle sesuai selera… kalau saya sendiri menggunakan Angle sebesar 500. Maka… kun! (jadilah!) hiasan bola.
5a2
6.Bisa dilihat ukuran hiasan tidak pas dengan ukuran bola kristal… untuk menyesuaikan ukuran, pilih layer hiasan bola… tekan ctrl+t untuk masuk ke transform… sesuaikan ukuran hiasan dengan bola… (klo yang ini sesuaikan sendiri… soale saya bingung menjelaskannya… yang penting pas aja).
6a2
7.Nah… untuk penghujung sesi ini maka marilah sebelum kita akhiri sesi kita baca hamdalah bersama… (lho..) ya ga pa2 ding… ni… sebelum kita simpan ada baiknya kita percantik sedikit dengan penajaman warna (ini cuma tambahan…). Caranya, klik kanan layer hiasan bola, pilih Bending Option… klik/centang Drop Shadow, sesuaikan atribut (kalau saya Distance 7, Spread 14, Size 21), lalu gabungkan 2 layer tersebut dengan pilih Layer >> Merge Down atau tekan ctrl+e. Lalu pilih Image >> Adjusments >> Brightness/Contras… tentukan Brightness dengan nilai 35 dan Contras 14 atau sesuaikan selera… Simpan file tersebut dengan format .psd, baru setelah itu kita simpan dengan format lain… misalnya .gif agar background jadi transparan… atau .jpeg agar kualitas bisa terjaga…
7a2
akhirnya… jadi juga bola kristal dengan hiasannya… cape’ nih… tidur dulu ah… (…baru gitu aja dah capek… payah…)
Kalau ada yang mau kasih komentar, protes, mencela, mau usul atau request, atau mau nanya2 silahkan ungkapkan unek2nya kepada saya lewat comment dibawah… (kalau ada kesulitan tinggal tanyakan lewat comment aja… atau klo mau sms…(maunya ^^…) )
Buat temenku yang di Bandung (mo nyebut nama ndak ga enak…) … jangan pernah menyerah…buat nyong ini hanya masalah kebiasaan…keep on tryin’ bro!
Next : Bagi Ilmu 2 : Membuat Animasi Text Sederhana dengan Image Ready (wih…pake next, padahal ga tau apa tu arti next…)
Udah dulu ah buat sesi kali ini… selamat men-jajal…
Riadyawan.

Hiasan Bagus Untuk Blog Biar Tambah Meriah




Blog kamu masih keliatan kosong dan kurang meriah? Terkadang ini menjadi penyebab blog kamu kurang rame. Kondisi seperti tentu tidak menguntungkan, apalagi kalau kamu seorang blogger yang pingin mendatangkan visitor sebanyak mungkin, ya, mungkin
ada yang mau kamu tawarkan dari blog kamu, mungkin saja kerjaan, informasi biasa, pingin nyari teman utk dating online, nyari duit, nyari pacar, dsb.

Kalau blog kamu yang artikelnya berisi hal-hal yang ringan, saya sarankan kamu harus membuat blog kamu tampil meriah. Untuk itu, banyak yang bisa kamu lakukan, mulai dari menambahkan shoutbox / yellbox, memberikan banner, memasang gadget. Pada artikel ini saya menawarkan kamu mencari jodoh gadget yang bisa kamu masukkan ke dalam blog, dan gadget tsb semua berasal dari google. Sebenarnya hiasan2 ini tidak sengaja saya temukan di web alias saya kesasar ke web tsb.
Di disini disediakan sekitar puluhan ribu gadget, mulai dari hiasan berisi info mengenai ramalan / prediksi cuaca, jam dinding digital, akuarium ikan digital, peta online, music mp3 player, birthday countdown, calendar, translator, video online dari youtube, pelihara ikan, kura-kura, laba-laba digital bagi yang sayang binatang. live tv channel, chatting box googletalk, google music search. Daily Jokes pun ada untuk menghibur kamu. Game online seperti packman, mario bros, kamus, berita rss online dari cnn, gambar panorama yang indah, tawaran dari amazon product, gambar / lukisan yang sangat artistik, slideshow images, calculator mini yang bagus tampilannya, semuanya bisa kamu download gratis untuk menghiasi blog kamu yang mungkin
tampil “kurang gairah”. Ya, semua kira-kira berjumlah lebih dari 44969.
Coba kamu minta saya sebutkan semuanya, saya bisa cape..
Nah, untuk mendownload gratis para hiasan blog itu semua, kamu bisa melakukannya di alamat url dibawah ini:
http://www.google.com/ig/directory?synd=open&source=gghp
bikinlah blog kamu tampak menarik dan membuat orang ingin kembali terus ke blog kamu, mungkin ini salah satu cara supaya pengunjung betah, mungkin saran saya jika kamu sudah melakukan download, jangan pasang video, lagu, game yang autoplay supaya visitor tidak termakan bandwidthnya dengan cepat.



4 Trik CSS Untuk Memperindah Tulisan Artikel Blog

Pada artikel sebelumnya kita sedikit mengetahui bermacam-macam kesalahan yang sering kita temui pada blog, dalam hal keindahan tipografi (setidaknya menurut saya :D ). Selanjutnya yang akan kita bahas di sini adalah bagaimana memanfaatkan CSS untuk mengatur dan membentuk tulisan postingan kita menjadi sedikit lebih menarik dan bernilai. Ya, yang akan kita bahas kali ini sepenuhnya mengenai CSS styling, dan bagaimana mengaplikasikannya pada setiap artikel yang kita tulis. Jadi, siap-siap buka text editor dan menyalin deklarasi-deklarasi CSS berikut sekalian belajar CSS dengan mencoba sedikit demi sedikit mengubah nilai dari property CSS yang tersedia supaya sesuai dengan template yang kita gunakan.

Heading

Tag heading (h1, h2, h3, h4, dst.) berfungsi untuk membentuk hirarki dari sebuah tulisan, dari judul, sub-judul, dan seterusnya. Nah, untuk membedakan masing-masing tag kita bisa mengubah tampilannya menggunakan CSS. Sebagai contoh, saya menggunakan CSS di bawah ini untuk tag h3 yang sering saya gunakan di postingan ↓
h3 {
     margin:2.0em 0 0.25em 0;
     font:normal 1.33333em/1.0em Georgia, "Times New Roman", Times, serif;
     letter-spacing:-0.02em
}
Hasilnya bisa kita lihat di tulisan ini, dimana saya menggunakan tag h3 sebagai sub judul artikel.

Drop Cap

Gunakan drop cap untuk mempercantik tulisan kita dengan menggunakan stylesheet berikut ↓
.drop_cap {
            padding:0.17em 0.08em 0.05em 0;
            font-size:3.4em;
            line-height:0.6em;
            color:#aaa;
            float:left
}
Gunakan style di atas sebagai span dan taruh pada id atau class yang digunakan di template, misalnya ↓
.post .drop_cap {
                  padding:0.17em 0.08em 0.05em 0;
                  font-size:3.4em;
                  line-height:0.6em;
                  color:#aaa;
                  float:left
}
Sekarang, setiap kali menulis postingan, masukkan huruf inisial pada kode HTML, misalnya <span class="drop_cap">A</span>
Update: Drop cap bisa dibuat menggunakan pseudo element first:letter pada CSS2. Cara ini lebih bagus digunakan dan paling saya rekomendasikan ↓
p.first_paragraph:first-letter {
 padding:0.15em 0.08em 0.05em 0;
 font-size:3.4em;
 font-weight:normal;
 line-height:0.6em;
 color:#aaa;
 float:left
}
Untuk menambahkan drop cap, tambahkan class first_paragraph pada setiap paragraf pertama artikel: <p class="first_paragraph">Your first paragraph.</p>

Snazzy Pullquote

Pullquote, disamping fungsinya sebagai penegas, penjelas, atau apapun itu, juga bisa membuat pembaca tertarik membaca tulisan kita.
Sekarang, kita akan mencoba menambahkan sebuah elemen yang sering kita lihat di majalah-majalah tapi jarang kita lihat di blog: pullquote. Pullquote, disamping fungsinya sebagai penegas, penjelas, atau apapun itu, juga bisa membuat pembaca tertarik membaca tulisan kita. Ada dua metode untuk mengaplikasikan pullquote, dengan menambahkan class attribute pada blockquote, atau dengan cara membuat div (atau span) baru untuk membuat pullquote. Kali ini kita akan menggunakan cara pertama, alasannya: secara semantic HTML lebih tepat karena pullquote akan tetap dibaca sebagai blockquote (hanya menambahkan atribut class baru pada blockquote).
blockquote.left {
                  width:200px;
                  margin:5px 15px 5px 0;
                  font-size:1.4em;
                  text-align:center;
                  color:#abafb9;
                  background:none;
                  border:none !important;
                  padding:0 !important;
                  float:left
}
blockquote.right {
                   width:200px;
                   margin:5px 15px 5px 0;
                   font-size:1.4em;
                   text-align:center;
                   color:#abafb9;
                   background:none;
                   border:none !important;
                   padding:0 !important;
                   float:right
}
Untuk memasukkan pullquote, masukkan class yang telah kita buat pada blockquote<blockquote class="left">Dummy Text</blockquote> untuk pullquote di sebelah kiri tulisan, dan <blockquote class="right">Dummy Text</blockquote> untuk pullquote di sebelah kanan tulisan.

Gunakan Div

Seperti yang saya tulis di artikel sebelumnya bahwa kebanyakan blogger kita tidak mempedulikan pentingnya semantic, meaning, atau arti dari masing-masing tag HTML yang sebenarnya, yang bisa saja menurunkan kualitas tulisan dan nilai SEO-nya (baca artikel Opera Developer Community mengenai semantic HTML dan SEO). Contohnya, kebiasaan menggunakan tag <b> dan <i> untuk menebalkan dan memiringkan tulisan, yang sebenarnya cuma tampilannya saja yang jadi tebal dan miring, tetapi sesungguhnya tidak ada bedanya dengan plain text dan tidak memberikan arti apa-apa pada tulisan tersebut (sangat berbeda bila menggunakan tag <strong> dan <em>). Kemudian ada lagi yang memasukkan blok kode atau markup HTML dalam blockquote, yang tentu saja tetap dianggap sebagai blockquote secara semantic, betapapun rumitnya kode tersebut :D
Nah, yang di atas ↑ tadi cuma sebagian kecil contoh bagaimana seringnya kita menggunakan blockquote. Sekarang, kita akan coba membuat div baru untuk menggantikan tag blockquote yang sering digunakan untuk highlight, pengumuman, atau apapun itu. Tujuannya, supaya tampilannya lebih menarik aja sih :D
.update {
          padding:6px 9px;
          background:#fffbbc;
          border:1px solid #E6DB55
}
Masukkan teks pada class yang telah kita buat → <p class="update">Dummy Text</p>, maka hasilnya menjadi seperti ini ↓
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam egestas, mauris id dignissim dignissim, leo augue rutrum lacus, id condimentum nisl elit ut nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.
Selamat mencoba :)



Tips dan Trik Mempercantik Blog



Label : Tips, Tips Blogger, Trik blogger, Trick Blogspot, Belajar membuat blog, cara membuat blog di blogger / blogspot, cara memperbanyak pengunjung blog, meningkatkan traffik blog, langkah-langkah membuat blog, blogger widget, cara pasang buku tamu, blogger template, download free template, apa itu SEO, tips SEO, trik search engine optimization, membuat tombol navigasi di blog, memasang alat penerjemah bahasa di blog, membuat jump menu, memasang emoticon di blog, membuat kotak komentar dengan smile atau icon imut, install buku tamu melayang, membuat tab view terbaru, menampilkan postingan atau artikel yang berkaitan dan berhubungan di bawah postingan, related post di sidebar, tombol share on facebook, menampilkan postingan terbaru otomatis, komentar terbaru otomatis, promosikan blog di facebook, tehnik mencari duit di blog, cara di terima di google adsense, artikel yang berhubungan disertai gambar (thumbnail), recent post berdasarkan label dengan gambar thumbnail.

  • Meletakkan Widget Hanya Pada Halaman / Postingan / Link / Label Tertentu
    Widget atau gadget biasanya di pasang dibagian sidebar (left-sidebar or right-sidebar), dibawah tab menu, atau di bagian bottom. Untuk alasan tertentu mungkin kamu ingin menampilkan widget itu hanya pada halaman utama blog kamu saja atau di halaman postingan saja, atau juga hanya ingin menampilkannya di link-link... 

Meletakkan Widget Hanya Pada Halaman / Postingan / Link / Label Tertentu

. Mar 15, 2011


Widget atau gadget biasanya di pasang dibagian sidebar (left-sidebar or right-sidebar), dibawah tab menu, atau di bagian bottom. Untuk alasan tertentu mungkin kamu ingin menampilkan widget itu hanya pada halaman utama blog kamu saja atau di halaman postingan saja, atau juga hanya ingin menampilkannya di link-link tertentu di halaman blog kamu. 

Berikut ini akan dijelaskan cara melakukan hal yang demikian. Kode yang berwarna merah adalah kode yang harus kamu tambahkan. Lihat posisinya baik-baik yah^^ klo salah ga bisa di simpan template na. Untuk menemukan kode yang seperti dibawah ini silahkan menuju Dashboard pilih » Design » Edit HTML » Centang Expand Widget 


Memasang Widget Hanya Pada Halaman Utama

Dengan menambahkan kode yang berwarna merah dibawah ini Widget atau Gadget yang kamu pasang hanya akan tampil di halaman utama blog kamu contohnya http://hitsuke.blogspot.com/ (perhatikan Recent Comment na dibagian bottom) sedangkan dihalaman postingan tidak akan muncul.

<b:widget id='HTML11' locked='false' title='Judul-Widget type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'><!-- Show widget at HOME Page Only-->

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Memasang Widget Hanya Pada Halaman Postingan

Kalau yang ini kebalikan dari kode sebelumnya. Kode ini hanya akan menampilkan widget atau gadget di Halaman Postingan blog saja contohnya seperti http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html (perhatikan Buku Tamunya). Sedangkan di halaman Home Page atau halaman utama widget tersebut akan hilang.

<b:widget id='HTML10' locked='false' title='Judul-Widget' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Hide widget at HOME Page -->

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Widget Hanya Pada Link atau URL Tertentu Saja

Kalau kamu mempunyai satu halaman blog yang paling sering dikunjungi oleh visitor mungkin kamu ingin meletakkan tambahan iklan yang hanya akan muncul pada halaman itu. Hal yang perlu kamu lakukan hanyalah meletakkan kode yang berwarna merah dibawah ini dan mengganti Blog_Page_URL dengan link blog kamu yang paling banyak diminati tersebut.

<b:widget id='HTML14' locked='false' title='Judul-Content' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == &quot;BLOG_PAGE_URL&quot;'><!-- Put Widget On Specific Link-->

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Memasang Widget di Label Tertentu

Selain memasang widget atau gadget di link atau postingan tertentu kamu juga bisa memasangnya hanya pada label yang kamu inginkan.

<b:widget id='HTML15' locked='false' title='Judul-Content' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "http://BLOG_NAME.blogspot.com/search/label/LABEL_NAME"'><!-- Put Widget On Specific Label-->

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

  •  
Membuat Gambar Selalu Melayang di Pojok


Floating Image - Membuat gambar selalu melayang di blogTrik yang satu ini lebih dikenal dengan sebutan Floating Image walaupun sebenarnya bukan hanya image / gambar saja yang bisa dibuat mengapung tapi segala bentuk kode HTML termasuk menu yang apabila diletakkan didalam layer (tag) itu akan bisa dibuat selalu melayang mengikuti arah scroll alias selalu berada di bagian paling depan. Trik ini ada juga nama lainnya yang sering di sebut para blogger yaitu diantaranya ada yang mengatakan trik ini "membuat anu selalu di pojok", "menjadikan gambar selalu berada dibagian paling atas dan melayang di blog", "membuat menu / gambar mengapung" dan lain sebagainya. Baiklah langsung saja saya jelaskan cara membuat gambar selalu berada di pojok suatu halaman website kamu.





Langkah 1 : Pastikan kamu sudah login di blogger

Langkah 2 : Pada halaman Dashboard pilih » Design » Edit HTML » Centang Expand Widget 



Langkah 3 : Cari kode ]]></b:skin> (gunakan tombal CTRL+F untuk mencarinya)

Langkah 4 : Letakkan kode dibawah ini sebelum kode tersebut


#hitsuke_corner {position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);}

Langkah 5 : Masih dibagian Edit HTML cari lagi kode </body> lalu tambahkan kode dibawah ini sebelum kode tersebut

<div id='hitsuke_corner'>
<a href='http://hitsuke.blogspot.com'>
<img border='0' src='https://lh6.googleusercontent.com/_IjrRiI_bVb0/TXN8NlmsaoI/AAAAAAAAHK8/ZaPFvSXIvAQ/Deidara.gif'/></a>

</div>

Langkah 6 : Save template kamu dan lihat hasilnya. Selanjutnya kamu edit dan pelajari sendiri yah ^^

Keterangan: kode yang dicetak tebal boleh kamu ganti sesukamu 
 
 
 
Cara Memasang Flash di Blog