Membuat Situs Search Engine dengan StupidPie ( PDF/DOC/PPT )

Setelah menyelesaikan dua tutorial Cara Menggunakan StupidPie di Single Post dan Teknik Amazon dengan Stupidpie saatnya berlanjut ke Tutorial Membuat Situs PDF/DOC/PPT Search Engine dengan StupidPie.
Yang pertama untuk mempermudah, silahkan lihat preview dari screenshot dibawah ini:

Seperti yang terlihat pada gambar di atas, saya berikan kotak – kotak berwarna sehingga nanti mempermudah penjelasannya.
Dimulai dari yang pertama yaitu kotak warna merah disitu adalah teknik menggunakan SPP pada single post yang sebelumnya sudah ada disini… Jadi saya tidak perlu menjelaskan ulang bagaimana caranya.
Pada intinya kotak biru, kuning dan hitam codenya sama. Buat file dengan nama pdf.html, doc.html dan ppt.html tambahkan ke direktori templates-nya stupidpie (jadi satu sama default.html, wiki.html amazon.html dll) masih – masih file isikan code seperti ini dibawah ini *sesuaikan pengaturannya berdasarkan templatesnya:

1 2 3 4 5 6 7 8 9 10 11 12 13 14

{% api web %} {% for index, item in api_web.SearchResponse.Web.Results %}{% if index < 1 %}   <p> <strong>{{ term }} Description:</strong><br /> {{item.Description | remove '...' | trim }}.<br /> <br /> <strong>PDF File Name:</strong> {{item.Title | trim }}<br /> <strong>PDF Source:</strong> {{ item.Url | host }}<br /> <strong>Download PDF:</strong> <a rel='nofollow' href='{{ item.Url }}' target='_blank'>{{item.Title | trim }}</a><br /> </p>   {% endif %} {% endfor %}

Sekarang ke edit themes single.php. Letakkan kode dibawah ini dibawah atau di atas php the_content(); *terserah.

1 2 3 4

<?php echo spp(get_search_query());?> <?php echo spp(get_search_query(), 'pdf.html', '  filetype:pdf');?> <?php echo spp(get_search_query(), 'doc.html', '  filetype:doc');?> <?php echo spp(get_search_query(), 'ppt.html', '  filetype:ppt');?>

Buka juga search.php dan letakkan kode ini sebelum php if ( have_posts() ): ?>

1 2 3 4

<?php echo spp(get_search_query());?> <?php echo spp(get_search_query(), 'pdf.html', '  filetype:pdf');?> <?php echo spp(get_search_query(), 'doc.html', '  filetype:doc');?> <?php echo spp(get_search_query(), 'ppt.html', '  filetype:ppt');?>

OPSIONAL:
Jika mau memunculkan preview dari PDF bisa menggunakan code dibawah dan disisipkan pada template spp pdf.html.

1 2 3 4 5

<div id='pdf'>   <object width='800' height='400' type='application/pdf' data='{{ item.Url }}?#zoom=85&scrollbar=0&toolbar=0&navpanes=0' id='pdf_content'>     <p>Insert your error message here, if the PDF cannot be displayed.</p>   </object> </div>

Hasilnya seperti ini:

Sumber

Semoga artikel Membuat Situs Search Engine dengan StupidPie ( PDF/DOC/PPT ) bermanfaat bagi Anda. Jika kamu suka dengan artikel Membuat Situs Search Engine dengan StupidPie ( PDF/DOC/PPT ) ini, like dan bagikan ketemanmu.