How to Embed PDF in Blogger

    Home Blogger Guide How to Embed PDF in Blogger  Do you want to embed PDF files in your Blogger Website?  Well, In this article i will share with you the easiest way to embed pdf in any webpage. 



    As you know we can't upload pdf files to the Blogger website. So, for this, we need to upload our Pdf file to a third-party service like Google Drive. 

    There are three ways to Embed PDF files in HTML.

    • Using Object Tag
    • Using an iframe
    • Using embed tag

    But, in this Tutorial, we will use the HTML iframe to embed the Pdf file in the Blogger website as it is widely supported in all browsers.

    Steps to embed PDF file in Blogger

    First of all Upload the Pdf file to Google DriveNow change the share link permission to public view and copy the link to the clipboard. Now you need to add the below iframe code in the HTML view of the blog post. Then change the Gdrive file id with the given code and save the post.

    <iframe src="https://drive.google.com/file/d/1fckvdnVVCx9Et-rZxZYq721iFhF5TmP8/preview" width="640" height="480"></iframe>

    In the above code, you need to change this id 1fckvdnVVCx9Et-rZxZYq721iFhF5TmP8

    Now the pdf file is embedded in the Blogger website successfully.  

    I hope in this article you have learned how to embed PDF files on the Blogger website.  

    Newer post Older post
    ads1

    পরিচিতদেরকে জানাতে শেয়ার করুন

    ডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন

    ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন

    গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন

    ডোমেইন চেকার এই লিংকে চাপ দিন

    আপনার জন্য আরো কিছু পোস্ট

    RELATED ARTICLES

      ads3