Beranda  ›  Blogger  ›  Edit Template  ›  HTML and CSS  ›  Posts  ›  Websites

Convert Web pages to PDF : PDF My URL


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
Portable Document Format (PDF) is a file format which is used to represent files in another way. Nowadays PDF files are very popular among people and  mostly used for adducing special tutorials, graphics, images and text in flat layout. Users can download any PDF file from internet and view it on another computer. They don’t need an Internet connection to view it. But having pdf file reader such as adobe reader is important.

You can attach PDF file on your website or blogger blog and allow readers to download it.Also you can embed PDF files using Iframe tag and let users to view it as another section on your website.Embeding Pdf files are looking like adding a YouTube videos on a website.But when page is loading,PDF file would be loaded with it.So it will take further time to load the webpage.Although we can use a free pdf creator or web page to PDF file converter so that adding web page’s PDF format (HTML to PDF).

PDF-My-URL-logoPDF My URL is a good website that allows people to convert any web page, URL to it’s PDF mode. In another way make an ebook easily. You can create the PDF mode of any web page easily.Go to PDF My URL website and drop the website/webpage address in the box and hit enter.In a few second,you would be focused to download the PDF file.By this way,you can turn into any URL to PDF file and embed on your website or blog.But if you have hundred of web pages,thousands of webpages ? What do you do ? Do you attach all of them on each page ? It’s a hard work to  make it to every page,so we found a great method to create a PDF file of any web page.

Here we use PDF My URL web script to convert the website to PDF file. We add a button on each web page where users want to download it. When anyone clicks on it they can download it’s PDF file.

Ex:- Convert to PDF

Copy and paste below code where you want to display the link which enables the creating of PDF file.

 <a href="javascript:pdf_url=location.href;location.href='http://pdfmyurl.com?s=l&url='+escape(pdf_url)">Convert to PDF</a>

  • You can change 'Convert to PDF' with your discretionary word/text.

How to add Make this PDF button to Blogger


You can add PDF creator button to your blogger blog post pages and static pages. By adding this button, your readers can download complete post content and view it later on another place.So follow below instructions in order to adding Make this PDF button bottom of the post content.

Live Demo: Make This PDF


1: Sign in to your Blogger account.
2: Navigate to Template section and then backup your template first.After that click on ‘Edit HTML’ button and find below code in template.(Tip: Use Ctrl + F in PC and Command + F in Mac)

<data:post.body/>

OR

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

3: Paste below code just below it, if you want to display the button bottom of the post or paste the code above of it, if you want to display it below post title.

<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.pageType == "item"'>
<a href="javascript:pdf_url=location.href;location.href='http://pdfmyurl.com?s=l&url='+escape(pdf_url) " id="PDF_PBT">Make This PDF!</a>
</b:if>
</b:if>
  • You can change 'Make This PDF!' to your desired one.
  • If you don't want to display 'Make This PDF' button in static pages/Stand-alone pages, please remove above highlighted codes.

4: Then find below code in your template.

]]></b:skin>

5: Just above it,paste below CSS code directly.

/*----Stylish PDF Button code for Blogger by www.problogtricks.com-----*/
a#PDF_PBT{
text-decoration:none;
text-transform:capitalize;
font-size:18px;
height:20px;
width:30px;
padding:5px 6px;
border:1px solid #D35F25;
font-weight:bold;
color:#201DB8;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-opacity:0.7;
-khtml-opacity:0.7;
filter:alpha(opacity=70);
opacity:0.7;
text-shadow:0 1px 0 #842F0E;
border-radius:8px;
background:-webkit-gradient(linear,left top,left bottom,from(#BC4B1F),to(#AF2619));
background:-webkit-linear-gradient(top,#AF2619 0%,#BC4B1F 100%);
background:-moz-linear-gradient(top,#AF2619 0%,#BC4B1F 100%);
background:-o-linear-gradient(top,#AF2619 0%,#BC4B1F 100%);
background:-ms-linear-gradient(top,#AF2619 0%,#BC4B1F 100%);
background:linear-gradient(top,#AF2619 0%,#BC4B1F 100%);
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
a#PDF_PBT:hover,a#PDF_PBT:focus {
color:#EBD61B;
-moz-opacity:1;
-khtml-opacity:1;
filter:alpha(opacity=100);
opacity:1;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}


6: Now save your template.

You are done. Now view your blog and see how "Make This PDF" button appears on your blog.

Leave your questions,suggestions and views below comment section.

Pengelola Blog : ABDUL WAHAB

Judul : Convert Web pages to PDF : PDF My URL
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Convert Web pages to PDF : PDF My URL
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
http://kejutaninternet.blogspot.com/2013/10/convert-web-pages-to-pdf-pdf-my-url.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Next
« Prev Post
Previous
Next Post »