Join Us : Agus Istiqlal Agus Istiqlal Agus Istiqlal Agus Istiqlal
Info dahsyat Info dahsyat

Menambah Tombol Save page as PDF Di Blog

Beberapa waktu lalu saya juga sempat posting tentang penambhan tombol print di blog ( Baca : menambah Tombol Print di Blog ) nah pada kali ini ada juga yang semacamnya tapi dalam bentuk save page as pdf, Silahkan Disimak Ulasanya berikut :

Tombol Save page as PDF  merupakan sebuah aplikasi untuk mengubah halaman blog anda menjadi file PDF secara online yang dapat dimanfaatkan oleh pengunjung blog anda, sehingga artikel pada postingan tersebut dapat dibaca tanpa harus terhubung ke internet (offline).
Untuk menampilkan tombol Save page as PDF sangat mudah, anda tinggal daftar ke http://web2.pdfonline.com
Silahkan anda simak langkah-langkahnya :
LANGKAH PERTAMA
  • Buka link ini : http://web2.pdfonline.com
  • Isilah format pendaftaran dengan data-data anda. Klik Signup setelah selesai. Lihat gambar :
  • Halaman berikutnya menampilkan tulisan : "You have successfully signed up. Now please sign in to continue" Klik tombol ok, kemudian lanjutkan dengan Sign In menggunakan user name dan password anda tadi. Lihat gambar :
  • Halaman berikutnya menampilkan Generate to JavaScript. Klik tombol Generate the JavaScript untuk mendapatkan kodenya. Copy kode JavaScript yang muncul, kemudian simpan dulu pada note pad. Lihat gambar :
  • Selesai untuk langkah pertama

LANGKAH KEDUA
  • Masuk ke Blogger dengan ID anda.
  • Masuk ke Rancangan pilih Edit HTML.
  • Kasih tanda cek pada Expand Template Widget.
  • Backup dulu template anda, jika takut gagal
  • Cari kode ini :



    <p><data:post.body/></p>

    Pastekan JavaScript tadi tepat dibawahnya. Cara ini, jika blog anda telah dipasang fasilitas read more, tombolnya akan berdampingan dengan tombol read more dan tampil pada setiap postingan walaupun yang dibuka halaman utama blog anda.
  • Solusi lain bagi blog yang telah dipasang fasilitas read more, cari kode ini :



    <data:post.body/>


    Paste JavaSript tadi tepat dibawahnya.
  • Contoh kode JavaSript dari Web2PDF online seperti dibawah ini :

    <!-- START: PDF Online Script -->
    <script type="text/javascript">
    var authorId = "D6C3A98A-D52A-4489-80D4-0187AB4151B0";
    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 -->
  • Kode javascript diatas hanya merupakan contoh, jangan anda copy karena itu tampilan Punya Saya.
  • Klik tombol Simpan Template.
  • Lihat Blog anda sekarang
Selamat mencoba semoga bermanfaat. Nukil Min : Epg Studio

--- Share Yaa Bro ----
Artikel Yang Lain :
Isi Lengkap Blog Ini Lihat :Daftar Isi Blog
Hubungi saya jika Anda menemukan konten yang rusak, aneh atau tidak berhasil Anda terapkan. Silahkan beritahu kami dengan klik : Contact Me! . Kami akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih.

1 komentar:

--------------- IKUTI BLOG INI --------------