JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Memasang butang "Save as PDF" Pada Blogger

Memasang butang "Save as PDF" Pada Blogger

Mungkin anda sering melihat tombol "Save as PDF" pada blog taupun laman web lainnya. Nah, tombol tersebut biasanya berada di bawah akhir setiap posting artikel atau terkadang ditempatkan di sidebar blog. Save as PDF ini dapat membantu pengunjung yang ingin menyimpan file untuk dibaca kemudian dalam format PDF. Barangkali pada waktu itu dia tidak mempunya waktu untuk membaca. Nah, inilah gunanya laman web Save as PDF ditambahkan. Pembaca dapat mengubah file HTML dan halaman web secara online menjadi file PDF kemudian menyimpannya di komputer. File tersebut boleh diprint dan dibaca kemudian pada waktu yang lebih santai. Sama halnya dengan membaca buku dalam bentuk digital atau e-book. Web2PDF Online adalah laman web yang menyediakan ini kepada para blogger dan web publisher.

Mungkin anda tertarik menambahkan Save as PDF pada blog anda. Secara default butangnya seperti gambar berikut :

save_as_pdf
Namun sebenarnya butang Save as PDF ini masih dapat diganti dengan icon yang lebih minimalis atau menghilangkan tombol dan menggantinya dengan teks.

Mendaftar Di Web2PDF Online

Untuk menggunakan layanan ini, anda harus mendaftar dan membuat akun di Web2PDF Online. Kalau sudah mendaftar, anda kan diberikan "User ID" khusus yang disesuaikan dengan blog yang anda daftarkan tentunya. Untuk membuat account, silahkan kunjungi halaman Web2PDF Online Widget dan isi semua form yang diminta. Masukkan URL blog yang akan ditambahkan tombol Web2PDF-nya. Hal ini berguna agar proses convert web page ke PDF tidak bermasalah, sebab terkadang jika kita menggunakan script dari user ID yang berbeza, maka hasilnya tidak akan sempurna.

Berikutnya, anda tinggal membuat kode JavaScript dengan mengklik tombol "Generate the JavaScript" dan kode JavaScript Web2PDF generator akan diberikan pada form di bawahnya. Copy kode script tersebut pada teks editor dan paste di mana saja anda ingin menempatkannya pada blog yang sudah didaftarkan tadi. Jika anda pasang kode tersebut pada template blog, maka butang akan seperti gambar di atas yang merupakan tombol default dari mereka.

Pasang Tombol Web2PDF Online Di Bawah Posting

seperti yang saya katakan di atas, tombol save as pdf ini bisa di pasang di mana saja termasuk di akhir setiap postingan blog anda. Berikut langkah-langkahnya :
  1. Login ke blogger anda
  2. Pilih Design
  3. Pada tab menu pilih Edit HTML
  4. Centang kotak Expand Template Widget
  5. Pasang script dari Web2PDF Online anda tepat di bawah kode <data:post.body/>. Jika anda telah memasang widget "read more". Maka biasanya ada dua kode seperti itu. Oleh karena itu, paste-lah kode script Web2PDF Online anda di bawah kode yang pertama dari <data:post.body/>. Misalnya kode script Web2PDF Online saya seperti ini:
    <!-- START: PDF Online Script -->
    <script type="text/javascript">
    var authorId = "FC4DA3F4-6AC7-4GAE-937A-99AG3B5ED2CB";
    var pageOrientation = "0";
    var topMargin = "0.5";
    var bottomMargin = "0.5";
    var leftMargin = "0.5";
    var rightMargin = "0.5";
    </script>
    <script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
    </script>
    <!-- END: PDF Online Script -->
  6. Klikbutang Save
  7. Selesai
Jika tidak ada masalah maka tombol "Save as PDF" akan berada di akhir setiap postingan anda.Pembaca dapat mengklik tombol tersebut dan seluruh halaman yang ditampilkan akan di ubah ke bentuk file PDF dan boleh disimpan untuk dibaca kemudian.

Cara lainn adalah memasang tombol "Save as PDF" pada sidebar blog atau tempat lain dengan menambahkan widget HTML/Javascript yang disediakan blogger.

Caranya

1. Login ke Blogger, Klik Design :



2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;

3. Pilih HTML/Javascript;



4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

Semoga BErjaya :)

6 ulasan:

  1. kenapa kene save as pdf format dlm blog?

    BalasPadam
  2. ini hanya untuk simpan artikel yang kita x sempat baca...

    BalasPadam
  3. em... dah dapat buat... thanks aksia maya... nak tanya sikit... camne nak buat 'anak panah kecik' kat tepi tajuk posting yang kita buat dlm blog...

    BalasPadam
  4. @Abu Fathul Bari
    Abu Fathul Bari boleh ikut tutoIAL dibawah ini
    Meletak Gambar Pada Tajuk Posting
    http://jeritanblog.blogspot.com/2010/11/meletak-gambar-pada-tajuk-posting.html

    BalasPadam
  5. saya Akan mencoba terimakasih..........>>>>

    BalasPadam