Web Sitesine PDF Dosyası Nasıl Yerleştirilir?

Sunucudaki PDF dosyalarını bir web sitesine eklemek veya embed etmek için birkaç satırlık kod gerekiyor sadece.Embed edilmiş PDF dosyasında Zoom In ve Zoom Out butonları ile görüntü üzerinde yakınlaştırma ve uzaklaştırma ile sayfalar arası geçiş yapabiliyorsunuz.

Kullanımı çok kolay, siteye entegre edilmesi de bir o kadar kolay. HTML sayfalarına JavaScript kullanmadan PDF embed etmek için 3 farklı yol var.

Web Sayfasina Pdf Embed Eklemek

Object ile PDF Embed

Aşağıdaki object kodlarını web sayfanıza yerleştirmek bir çözüm. Bazı durumlarda bu kodlar desteklenmeyebiliyor. Desteklenmeyen cihazlarda bu kodun çalışmasını sağladığınızda, PDF embed kodunun çalışmadığını belirtmek için aşağıdaki paragraf kullanılabilir. Paragrafı istediğiniz gibi değiştirebilirsiniz, paragraf içerisinde pdf dosyasının indirilmesine olanak tanıyan Download PDF linki de mevcut.

<object data="/ornek.pdf#page=2" type="application/pdf" width="100%" height="100%">
   <p><b>Example fallback content</b>: 
   	This browser does not support PDFs. 
   	Please download the PDF to view it: 
   	<a href="/ornek.pdf">Download PDF</a>.</p><div class='code-block code-block-1' style='margin: 8px 0; clear: both;'> <script type="litespeed/javascript" data-src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8402890928345459"
     crossorigin="anonymous"></script> 
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8402890928345459"
     data-ad-slot="7799044684"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins> <script type="litespeed/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script></div>

</object>

Embed ile PDF Embed

Embed de Object gibi kullanım alanına sahip. Ancak tarayıcı PDF gösterimini desteklemiyorsa herhangi bir mesaj çıkarmıyor.

<embed src="/ornek.pdf#page=2" type="application/pdf" width="100%" height="100%"></embed>

IFrame ile PDF Embed

Kullanım alanı daha geniş olan kod iFrame. Desteklemediğine dair bir mesaj da çıkarabiliyor üstelik.

<iframe src="/ornek.pdf#page=2" width="100%" height="100%">
	This browser does not support PDFs. 
	Please download the PDF to view it: 
	<a href="/ornek.pdf">Download PDF</a>
</iframe>

Web sayfanızda PDF’e link vererek, kullanıcının PDF’i bilgisayarına indirmesini de sağlayabilirsiniz elbette. Yukarıdaki kodlar PDF’i web sayfasında yayınlamak, ziyaretçilerin indirmeden PDF’in görüntülenmesini sağlamak için kullanılıyor.

Popular Eğitimler

CSS Nth-Child Kullanımı

CSS’te nth-child komutu nasıl kullanılır? Nth-child komutu kullanarak ilk element, son element ya da aralardaki element dizileri nasıl seçilir?

CSS ile Arama Kutusu Nasıl Yapılır?

CSS ile arama kutusu nasıl hazırlanır? Web siteinzde CSS ile arama kutusu hazırlamak için yapmanız gerekenler nelerdir?

Tüm Tarayıcılarla Uyumlu Smooth Scrolling

Ekrana sığmayan uzun web sayfalarında, anchor linklere tıklandığında Smooth Scrolling denilen yumuşak…

Web Sitesine PDF Dosyası Nasıl Yerleştirilir?

HTML sayfalara PDF dosyası nasıl yerleştirilir? PDF dosyasını sayfada göstermek, yayınlamak, embed edilmesi nasıl sağlanır?

jQuery ve DrawSVG ile Hareketli SVG İkon Kullanımı

Web sitenizde hareketli SVG (animated SVG) kullanımı nasıl yapılır? Web sitelerinde göze…

SSH ile Dosya Sıkıştırma ve Açma

Linux altında SSH ile dosyaları sıkıştırma ve açma işlemleri komutlarla yapılabilir. tar komutu yardımıyla istenen dosyaları…