Cara Lengkap Membuat Efek Lipatan Kertas di Blog

Bertujuan untuk mempercantik tampilan blog, memang merupakan upaya yang tiada henti untuk dilakukan. hingga berbagai cara diterapkan demi memuaskan keinginan agar tampilan blog kesayangan kita terlihat indah dilayar monitor PC, ini merupakan hal yang wajar karna kerap kali kita merasa bosan dengan tampilan blog kita yang itu-itu saja, jadi mungkin ada baik nya kita melakukan renopasi dari sektor tampilan dengan menambahkan beberapa epek yang kita angap cocok dengan mata kita sendiri, agar kita semakin kerasan dengan penampilan blog kita yang sesuai dan selaras dengan keinginan.

Berikut ini saya akan berbagi pengalaman mempercantik tampilan blog dengan Efek Lipatan Kertas yang muncul disudut kanan atas halaman blog, dengan gambar yang rumayan ganteng akan terbuka dibalik lipatan tersebut apa bila corsur diarahkan didalamnya contoh seperti tampilan blog saya ini, tapi sob bukan bermaksut memuji diri sendiri, apapun itu kita mesti bersukur sudah dikasi penampilan apa adanya oleh Sang Pencifta.

Pokus pada pembahasan awal, bagi para pakar blog, cara ini tentunya sangat lah mudah untuk di praktekkan pada blog sobat, namun tak bergitu kalo kita yang masih nebie tentang blog, apa lagi harus berkaitan dengan kode CSS atau HTML sama sepertia apa yang saya rasa ketika pertama kali belajar ngeblog. cara ini sebenarnya sederhana dan simpel kalo kita hanya mengunakan gambar standar yang sudah ada, karna kita cukup memasukan kode css dan menyelipkan nya didalam template blog kita.

Berikut ini cara-caranya :

1. Login terlebih dahulu di blog sobat
2. Pada dasboar pilih Tempelate dan Edit HTML
3. Lalu Cari </body> agar mudah mencari nya gunakan Ctrl + F
4. Sudah Ketemu letakanlah code script dibawah ini tepat diatas code </body>

<script type='text/javascript'>var tujuan =&#39;http://neuncank.blogspot.com&#39;</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

Keterangan:

• Ganti tulisan warna merah dengan alamat uril blog kamu
• Sedangkan tulisan yang berwarna biru, nantinya akan kamu ganti dengan uril file yang berpungsi menampilkan gambar kamu dibalik lipantannya, yang akan kita bahas dibawah ini.

Sebenarnya pada tahap ini kamu sudah berhasil membuat Efek lipatan kertas pada blog kamu, silakan Petinjau terlebih dahulu untuk melihat hasilnya, sebelum menyimpan template kamu. hanya saja kamu pastinya belum bisa melihat gambar kamu sendiri dibalik lipatannya.

Nah sekarang kita lanjut pada tahap penggatian gambar, apa bila kamu bermaksut merubah tampilannya dengan gambar kamu sendiri seperti pada blog saya ini, berikut cara-caranya :

1. Download terlebih dahulu filenya DISIN
2. Kemudian siapkan dua buah gambar kamu bertujuan untuk menghasilkan tampilan gambar yang berpariasi. 
3. Dengan ukuran gambar kecil "Tampilan Gambar Lipatan Tertutup" Ukurannya 80 x 80 Resolution 72 (Gambar berbentuk JPG)
4. Ukuran Gambar besar "Tampilan Gambar Lipatan Terbuka" Ukurannya 502 x 480 Resolution 72 (Gambar berbentuk PNG)
5. Setelah kedua gambar kamu siap sekarang coba kamu upload ke Google Driv atau yang lebih mudah kedalam blog kamu sendiri.
6. Setelah itu kamu copy kedua URL gambar dari hasil upload tadi dan simpan kedalam Notepad.
7. Sekarang saatnya kamu membuka file yang saya beri nama jssx.txt yang telah kamu download tadi
8. Setelah dibuka cari tulisan :     

https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitykcl%20copy.JPG 

hapus dan ganti dengan URL gambar kamu yang berukuran kecul.

Lalu cari lagi tulisan 

https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitybr.PNG 

hapus dan ganti dengan URL gambar kamu yang berikuran besar

Setelah selesai dengan pekerjaan kamu menganti kedua tulisan tersebut diatas silakan disimpan.

Lalu untuk tahap selanjutnya tentunya kamu harus melakukan upload file yang telah kamu rubah dengan URL gambar kamu tadi sekali lagi, kali ini saya sarankan mengunakan Google Driv, Baca Selengkapnya Cara Upload File CSS, Javascript di Google Driv Hosting disini saya asumsikan kamu sudah melakukan apa yang saya terangkan ini. maka untuk langkah selanjutnya copy kode hasil Upload file tersebut dan gantilah kode warna biru pada kode script diatas, untuk lebih jelasnya saya tampilkan lagi kodenya dibawah ini :

<script type='text/javascript'>var tujuan =&#39;http://neuncank.blogspot.com&#39;</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

Sebelum menyimpan template kamu sebaiknya petinjau terlebih dahulu untuk menjaga kesalahan dalam pengeditan, dan apa bila hasilnya sudah diangap sesuai keinginan maka sekarang saat nya kamu simpan hasil kerja kamu.

Waduh sob rumayan panjang penjelasan ini, sekiranya sobat ngak merasa jenuh membacanya ini dimaksutkan agar penjelasan tentang Cara Lengkap Membuat Efek Lipatan Kertas di Blog berdasarkan judul artikel benar-benar dapat dipahami, namun apabila masih ada yang kurang saya mohon kiranya sobat tidak segan-segan bertanya pada pos komentar di bawah ini.

ARTIKEL TERKAIT: