Cari Artikel Blog Ini

Total Tayangan Halaman

MENAMPILKAN TOMBOL SAVE PAGE AS PDF

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 untuk EPG Studio.
  • Klik tombol Simpan Template.
  • Lihat Blog anda sekarang
  • Selamat mencoba semoga bermanfaat

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
3 Comments

3 komentar :

aqdam mengatakan...

Mantap... Om ...
Asesoris Blog telah kupasang. berhasil & sukses ! terima kasih, terima kasih, dan terima kasih !!! atas tips-tipsnya dari epg-studio.blogspot.com
So ini benar-benar Berbagi Ilmu dan Pengalaman. Nice Gaaann, TERUUUSSSS BERKARYA !!! Salam kenal, http://ppalisyk.blogspot.com

Irawan mengatakan...

UDAH BERHASIL, tapi icon pdfnya "menabrak" icon "komentar" pada kotak postingan. gmn solusinya?

IRAWAN mengatakan...

ane hapus lagi deh gan jadinya... :(

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!