Membuat Efek Lipatan Kertas di Pojok Postingan Blog

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog
den zuaz | 23.55 | 18comments

Berbagi pengalaman pribadi membuat efek lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah masih pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog KTB, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog KTB [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger anda.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>
5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:
Kode warna hijau: ganti dengan URL Feeds sobat
Kode warna putih: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.
2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan url gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah url berikut dengan url gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti URL http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

http://zuazz.blogspot.co.id/2012/03/cara-lengkap-membuat-efek-lipatan.html

Cara lengkap Membuat Efek Lipatan Kertas Di Ujung Blog
POSTED BY HANS MJLKCOMMUNITY POSTED ON 06.31 WITH 17 COMMENTS

Salam hangat buat sobat semuanya,kita jumpa lagi dalam artikel baru saya yaitu Cara Membuat Efek Lipatan Kertas Pada Halaman Blog,meski ini artikel sudah banyak di bahas di blog lain namun tidak ada salahnya saya posting kembali karena artikel ini agak sedikit menarik untuk di coba di pasang pada blog sobat,efek lipatan buku ini lumayan gampang jika sobat tidak mengganti url gambar nya,tapi jika mengganti gambarnya lumayan sedikit ribet,tapi tenang aja sob saya kasih tutorialnya.
Buat sobat yang ingin mencobanya silahkan ikuti tutorialnya di bawah ini.

1. Seperti biasa login dulu sob.
2. Pilih menu Template dan pilih Edit HTML.
3. Cari kode </body>,gunakan CTRL+F untuk memudahkan pencarian.
4. Letakan scrip di bawah ini tepat di atas kode </body>

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

Catatan : Script di atas adalah scrip bawaan dari KTB,sobat tinggal mengganti yang berwarna merah dengan URL blog sobat.

Namun jika sobat ingin merubahnya dengan tampilan gambar sobat seperti yang ada pada blog saya tinggal ikuti langkahnya berikut ini :

Download dulu scriptnya disini.
kemudian siapkan dua buah gambar
- untuk gambar kecil (lipatan tertutup)ukurannya 80 x 80 resolution 72 (file harus berbentuk JPG)
- untuk gambar besar (lipatan terbuka) ukurannya 502 x 480 resolution 72 (file harus berbentuk PNG)
ini bermakasud supaya hasil gambar nya maximal sesuai dengan gambar aslinya.

Setelah gambarnya siap kemudian sobat upload ke google code

Setelah sobat upload gambarnya kemudian buka script yang di download tadi dan ganti kata

https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitykcl%20copy.JPG
ganti dengan URL gambar kecil yang sobat uplaod

https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitybr.PNG
ganti dengan URL gambar besar yang sobat uplaod

Setelah semuanya di ganti kemudian save.txt dan upload kembali script yang sudah sobat edit,copy link nya,dan ganti tulisan yang berwarna hijau di bawah dengan link tersebut

<script type='text/javascript'>var tujuan ='http://URL blog sobat'</script>
<script src='http://URL script sobat' type='text/javascript'/>

Kemudian script tersebut letakan di atas kode </body>
Terakhir pratinjau dulu,sekiranya sukses langsung save.

gimana mudah kan,pasti lumayan pusing yah...heheheheheh,selamat mencoba sob moga berhasil.

http://hansmjlkcommunity.blogspot.co.id/2013/03/cara-lengkap-membuat-efek-lipatan.html

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn