Cara Pasang Tombol Print This Page

 

jika pada postingan sebelumnya saya pernah memberitahukan tentang Cara Memasang Tombol Share On Facebook di Akhir Postingan dan cara memasang tombol save as pdf di akhir postingan. diantara sekian banyak cara yang bisa kita lakukan. Kini saya akan membagi informasi tentang salah satu dari sekian banyak cara untuk memasang tombol print this page di blog anda. Anda bisa meletakkan tombol ini dimana saja di bagian blog anda, bisa di bawah postingan untuk print postingan anda dan bisa juga pada sidebar anda untuk mengeprint seluruh halaman utama anda. Untuk memasang tombol ini tidaklah terlalu sulit. Anda bisa mengikuti beberapa langkah mudah berikut.

1. Login ke Account Blogger anda

2. Pengaturan (Setting) > Tata Letak (Layout) > Element Halaman

3. klik Add Gadget / Tambahkan elemen halaman

4. Copy code dibawah ini dan Paste di Halaman yang ingin ditambah tadi

<a href="javascript:print(document)"><img src="http://santertainment.googlepages.com/printthispage.png" alt="print this page" border="0"/>&#160;Print this page</a>

Hasilnya akan terlihat seperti ini :

Print this page

Jika ingin diletakkan di bawah semua postingan maka :

1. Login Blogger > Pengaturan (Setting) > Tata Letak (Layout) > Edit HTML

2. Centang (tick) Expand Template Widget :

3. Carilah kode dibawah ini (lebih mudah dengan menggunakan fasilitas find (Ctrl+F) :

<!-- quickedit pencil –>

<b:include data='post' name='postQuickEdit'/>

</span>

</div>

4. Copy kode tadi persis dibawah kode diatas sehingga akan menjadi seperti ini

<!-- quickedit pencil –>

<b:include data='post' name='postQuickEdit'/>

</span>

</div>

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/printthispage.png" alt="print this page" border="0"/>&#160;Print this page</a>

 

Jika ingin mengganti tulisan Print this page menjadi kata-kata lain yang anda inginkan. Anda tinggal mengganti kata Print this page pada kode tersebut dengan kata yang anda inginkan seperti : Print halaman ini. Atau jika tidak suka menggunakan kata-kata disitu, andapun bisa menghapusnya saja dan memasang kode tersebut tanpa kata-kata apapun.

Jika anda ingin mengganti iconnya menjadi gambar yang lain yang anda sukai, anda tinggal mengganti URL gambar http://santertainment.googlepages.com/printthispage.png dengan URL link gambar yang anda miliki. Jika anda belum memiliki link gambar ini. maka anda boleh menggunakan link gambar yang saya sediakan dibawah ini :

1. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/PrintBlackArrow.png" alt="print this page" border="0"/>&#160;Print this page</a>

2. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/printrobotic.png" alt="print this page" border="0"/>&#160;Print this page</a>

3. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/Printimage.png" alt="print this page" border="0"/>&#160;Print this page</a>

4. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/smallblueprint.png" alt="print this page" border="0"/>&#160;Print this page</a>

5. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/whiteblueprint.png" alt="print this page" border="0"/>&#160;Print this page</a>

6. Print this page

<ahref="javascript:print(document)"><img src="http://santertainment.googlepages.com/gnome-default-printer.png" alt="print this page" border="0"/>&#160;Print this page</a>

 

 

Selain kode yang saya terangkan diatas,

Ada juga yang berupa tombol yang kodenya seperti ini :

<form>
<input type="button" value="Print this page" Onclick="print()" ;>
</form>

dan akan terlihat seperti ini :

Silahkan klik tombolnya untuk mencobanya.

cara memasangnya sama seperti yang di atas. Hanya berbeda pada kode yang akan diletakkan.

Selamat Mencoba!

Cara Menampilkan Pesan Log On

Pada postingan kali ini saya akan memberitahukan tentang cara menampilkan pesan pada saat Log On. Pesan ini cocok untuk komputer umum yang digunakan secara bersama-sama. seperti : di warnet, di sekolah, dan tempat-tempat lainnya. fungsinya untuk memunculkan suatu pesan yang ingin kita sampaikan kepada setiap pengguna komputer tersebut. Contohnya : “Port USB flash drive di depan komputer ini sedang rusak. harap pergunakan port USB di belakang CPU untuk sementara waktu”. Atau bisa juga untuk memberitahukan tata tertib di ruang komputer.

Untuk menampilkan pesan Log On tersebut. kita harus melakukan beberapa langkah-langkah sederhana berikut ini :

1. klik tombol Start > Run

2. ketik secpol.msc

3. Setelah itu akan muncul jendela Local Security Settings. kemudian pilih : Local Policies > Security Options Message title for users attempting to log on (bagian ini untuk menentukan Judul dari pesan Log on yang ingin kita buat). Lalu klik kanan pilih properties atau bisa juga dengan double klik pada pilihan tersebut. Seperti yang terlihat pada contoh gambar di bawah ini :

4. Buat Judul dari pesan log on yang ingin dibuat. contohnya seperti ini :

 5. Kemudian, kita akan membuat isi dari pesan ini. untuk membuatnya tinggal pilih pilihan di atas pilihan tadi yang tulisannya Security Options Message title for users attempting to log on. Klik pada pilihan tersebut dan tentukan pesan Log on yang ingin anda buat sama seperti langkah sebelumnya. Contohnya seperti ini :

6. Restart Komputer anda dan lihat hasilnya.

7. Selamat mencoba!

Cara Memasang Tombol Share On Facebook di Akhir Postingan

Seperti pada artikel saya sebelumnya tentang cara memasang tombol save as pdf di akhir postingan. Kali ini saya ingin menjelaskan cara memasang tombol Share On Facebook di Akhir postingan. Dengan memasang tombol ini maka akan lebih banyak kemungkinan artikel kita dibaca oleh banyak orang karena setiap yang membacanya bisa Share kembali di Facebook mereka.

Cara untuk memasangnya adalah sebagai berikut :

1. Login dengan Account blogger anda lalu masuk ke Dashboard > tata letak > edit HTML

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png'/></a>
</b:if>

Kode diatas akan tampak seperti ini  >>

Atau anda bisa juga memasang logo-logo yang lain seperti yang telah saya sediakan berikut ini  :

   

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png'/></a>
</b:if>

   

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png'/></a>
</b:if>

 <b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/></a> share_on_facebook_5.jpg'/
</b:if>

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg'/></a>
</b:if>

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg'/></a>
</b:if>

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_8.jpg'/></a>
</b:if>

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_9.jpg'/></a>
</b:if>

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_10.jpg'/></a>
</b:if>

Anda bisa memilih salah satu tombol diatara tombol-tombol diatas yang anda sukai atau jika anda ingin mengganti tombol dengan tombol yang anda desain sendiri. Anda tinggal mengganti bagian yang tercetak tebal dan miring berikut ini dengan URL gambar yang telah anda upload sebelumnya seperti :

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src=’http://i15.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png‘border="0" alt="www.tips-fb.com"></a>
</b:if>

4. Setelah menentukan pilihan Silahkan tekan tombol Save Template.

selamat mencoba !  

cara memasang tombol save as pdf di akhir postingan

pada akhir sebuah postingan sering kali kita lihat di berbagai blog terdapat tombol link yang bertuliskan save as pdf pada tombol di akhir postingan seperti ini . Dengan menekan tombol tersebut sang pembaca blog bisa menyimpan informasi dari blog tersebut dalam format pdf. Saya kira tombol ini akan sangat berguna bagi para pembaca yang ingin mengabadikan atau menyimpan informasi yang kita sampaikan melalui blog kita secara offline.

Untuk membuat tombol tersebut sangatlah mudah. Berikut langkah-langkah yang harus dilakukan untuk memasang tombol tersebut di akhir postingan :

1. Klik link ini untuk register di Web2 pdf online . lalu akan muncul halaman seperti pada gambar berikut ini :

isilah field  yang disediakan dengan data anda yang berfungsi untuk membuat sebuah account login anda. sama seperti Sign Up ketika membuat email dan Sign Up di berbagai layanan lainnya. Saya rasa anda semua pasti sudah lebih mengerti tentang ini.

Setelah selesai mengisi seluruh field yang disediakan. Sekarang anda tinggal centang box  yang bertuliskan I Agree with With The Terms of Use Agreement Above. Kemudian klik tombol sign up untuk membuat account anda.

setelah itu akan muncul halaman seperti pada gambar printscreen di bawah ini :

Sekarang anda tinggal sign in dengan mengisi field username dan password yang telah anda buat sebelumnya kemudian klik tombol sign in. Setelah itu pada halaman selanjutnya klik tombol generate the javascript seperti yang terlihat pada gambar berikut :Kemudian copykan script yang akan muncul pada field di bagian bawahnya seperti yang ditunjukkan oleh gambar berikut :

 

Sekarang sign in dengan account blogger anda dan carilah kode seperti yang terlihat di bawah ini pada edit html :

Jangan lupa save template anda terlebih dahulu untuk mengantisipasi apabila terjadi kesalahan nantinya. Centang box Expand Template Widget  dan carilah kode berikut di template anda :

 

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

 

dan letakkan script yang anda copy tadi tepat di bawah kode tersebut sehingga kodenya menjadi seperti ini :

 

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

<!-- START: PDF Online Script -->
<script type="text/javascript">
    var authorId = "E111DE11-56DF-4B65-8CD9-4C8E6476BF73";
    var pageOrientation = "0";
    var topMargin = "0.5";
    var bottomMargin = "0.5";
    var leftMargin = "0.5";
    var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>
<!-- END: PDF Online Script –>

 

Kode diatas hanya sebagai contohnya saja karena kode author id yang berwarna nantinya pasti akan berbeda. Jadi jangan langsung copy script diatas. Akan tetapi, copylah script di account yang telah anda buat tadi. Save template anda dan lihat hasilnya.

Selamat mencoba !