Cara Membuat Tombol Print di Blog

Hai Nakama, kali ini Mr. Brook akan mengeshare tentang Tutorial Blog, mungkin Tutorial ini sepertinya sudah tidak asing lagi buat para Blogging seperti saya, Ya,, Tombol Print di Artikel blog. Pasti semua sudah pada dengar ya kan ? Oke, artike ini akan berbagi tentang "Cara Membuat Tombol Print di Blog" ..
Check ke TKP ( "TK" to the "P" )

TKP :

Tombol Print di Blog ?
Emang bisa ya ?
Haha .. Karna semua udah pada bengar pasti bisa, sebenarnya awal kali pertama mencoba enak-enak saja, tapi bingung mau diapain, soalnya tidak tau tombol ini berfungsi apa engga, gak taunya setelah dilakuka Riset di BLOGGERZZ ( haha ) bisa juga digunakan alias 100% Work.
Kira-kira Nakama mau gak punya tombol PRINT di BLOG ..
Kalau mau, ikuti saja STEP-STEP dibawah ini :



STEP 1,
yang pertama dan paling utama "Log-in dahulu di Blogger" kalau belum maka Log-in, jika sebalinkya langsung masuk ke Step ke-2

STEP 2,
yang dinanti-nanti, Setelah Log-in Nakama akan berada di "Dasbor Blogger" kemudian klik ->
Opsi lainnya >> Template >> Edit HTML

STEP 3,
setelah masuk ke rancangan HTML, centang pada Expand Template Widget ..
Setelah itu searc HTML berikut :

<data:post.body/>

Jika <data:post.body/> terdapat 2 atau 2++ (diatas 2) maka gunakan <data:post.body/> yang paling terakhir.
Kemudian salin kode CSS dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='http://www.printwhatyoulike.com/' id='pwyl_print_button' onclick='javascript:(function(){window._pwyl_home=&apos;http://www.printwhatyoulike.com/&apos;;window._pwyl_print_button
=document.createElement(&apos;script&apos;);window._pwyl_print_button.setAttribute(&apos;type
&apos;,&apos;text/javascript&apos;);window._pwyl_print_button.setAttribute(&apos;src&apos;,
window._pwyl_home+&apos;js/print_button/6508&apos;);window._pwyl_print_button.setAttribute
(&apos;pwyl&apos;,&apos;true&apos;);document.getElementsByTagName(&apos;head&apos;)[0].appendChild(window._pwyl_print_button);document.body.style.cursor=&apos;progress&apos;;
document.getElementById(&apos;pwyl_print_button&apos;).style.cursor=&apos;progress&apos;;})();return false;' style='text-decoration: none;' title='Print this page'><img alt='Print' border='0' src='http://www.printwhatyoulike.com/button/print_button_icon_small2.png'/></a><br/><br/></b:if>

Letakkan tepat dibawah kode <data:post.body/> ,
Kemudian sebelum disimpan lebih baik di "Pratinjau" terlebih dahulu ..
Jika tidak ada kesalahan baru "Simpan" templatenya ..

Nah, hasilnya akan tampak pada gambar dibawah ini

NB : *sebelumnya di Back Up terlebih dahulu template Nakama ( buat jaga-jaga )

OKE, cukup sekian Tutorial Cara Membuat Tombol Print di Blog,
Artikel lainnya menyusul,
jangan lupa untuk bubuhkan koment Nakama + share-nya ya ??

Arigatou, sayoonara !!

♫♫♫

Bagikan Artikel ini :