Responsive Banner design

Cara Mecegah Copy Paste Pada Blog

Mitra sewa jasa 22.39 No comments

Cara Mecegah Copy Paste Pada Blog

mouse
kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

Login terlebih dahulu ke Blogger.com
Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>


Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)




Selamat mencoba dan semoga berhasil sobat. :D

Cara membuat Social Profile Widget Keren: Metro UI

Mitra sewa jasa 22.27 No comments

Cara membuat Social Profile Widget Keren: Metro UI

widget


kali ini saya ingin mengetengahkan cara membuat widget profil sosial networking menarik dengan colored style. Widget ini dinamai Metro UI oleh designernya Vinay Prajapati. 
View Demo

Fitur

  • Meliputi 7 jejaring social yang paling sering digunakan
  • Efek hover dan desain yang elegan,
  • Sangat rapi dan bersih
  • Tidak ada JavaScript, No Jquery, murni dengan CSS

CARA MENAMBAHKAN WIDGET INI KE BLOG

Untuk menginstal widget ini ke blog sangat mudah, baik blog anda dengan flatfrom blogger, wordpress atau layanan blogging lainnya dimana style CSS dan HTML diterima pada widget atau template. Anda hanya perlu menambahkan kode gadget/widget pada bagian HTML/JavaScript.
Step by step for blogger
  • Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
  • Copy dan paste kode berikut pada kolom konten:
<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/amatullah.syukur rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/amatullahsyukur></a></li>
<li><a class="gp" href="https://plus.google.com/116382152511220195182"></a></li>
<li><a class="pi" href=http://pinterest.com/amatullahsyukur rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/amatullahsyukur rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/amatullahsyukur></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/amatullahsyukur rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Kustomisasi: Ganti link profil saya dengan link profil milik anda.
  • Simpan dan lihat hasilnya diblog anda.
Demikian tutorial kali ini, cara membuat social profile widget pada blog. Semoga bermanfaat.

Cara mengubah file word ke pdf menggunakan software gratis

Mitra sewa jasa 05.45 No comments
Mungkin ada teman-teman yang kesulitan mencari software gratis untuk konversi file word (doc) ke format pdf. Ada sebuah software gratis yang bisa anda gunakan untuk mengubah  word ke pdf yaitu software doPDF. Software ini bisa diperoleh secara gratis dengan  mendownload di situs resmi doPDF. ukuran filenya sekitar 1,6 MB.Software PDF ini sangat mudah digunakan, cukup instal ke komputer selanjutnya akan terintegrasi dengan fitur print microsoft word.

Cara mengubah file word ke pdf
1. Instal software doPdf tersebut di komputer anda.
2. Buka aplikasi microsoft word, buka sebuah file word yang akan dikonversi ke pdf
Pilih Print


3. Pada kotak dialog print, di tombol dropdown pilih doPDF v6


4. Klik OK

5. Pilih lokasi untuk menyimpan file hasil konversi Klik OK.

Jika sukses maka akan dibuat sebuah file pdf.
Demikian Cara mengubah file word ke pdf menggunakan software gratis, semoga artikel ini bisa bermanfaat.

sumber.http://artikelkomputerku.blogspot.co.id/

Cara Membuat Label atau Kategori di Blog

Mitra sewa jasa 22.27 No comments

CaraMembuat Label atau Kategori di Blog

 Label atau kategori dalam sebuah blog berfungsi sebagai pemisah atau mengkategorikan setiap artikel yang ada pada blog. Misal, dalam sebuah blog memiliki 2 artikel yang satu judulnya Cara Membuat Label dan yang kedua judulnyaPengertian Label. Pada postingan pertama kita memasukan artikel tersebut kedalam label atau kategori Tutorial sedangkan postingan yang kedua kita masukan kedalam label atau kategoriNews. Itulah sedikit penjelasan mengenai label atau kategori dalam sebuah artikel blog.

Label atau kategori juga dapat di gunakan untuk memisahkan postingan dari masing-masing kategori atau label, jadi setiap artikel tidak akan tercampur dengan artikel lainnya yang berbeda pembahasan. Label pada blog biasanya di taruh atau di letakkan pada sebuah Menu Navigasiblog, ini akan berguna bagi pengunjung atau visitor yang sedang membaca artikel pada blog kita untuk membaca artikel lainnya khusus dengan label yang sudah ada pada setiap blog.

Setiap artikel yang kita tulis pada blog biasanya bisa kita masukkan atau berikan lebih dari 1 label atau kategori, untuk itu saya akan menjelaskan mengenai Cara Membuat Label di Blog. Pada tutorial kali ini saya akan menjelaskan cara membuat label di blog dana memasang label di blog dengan 2 cara yaitu secara manual dan menggunakan fitur tambahan dari Blogger. Langsung saja baca tutorialnya dibawah ini :


Cara Membuat Label di Blog (Versi 1)

Cara membuat label di blog dengan cara pertama biasanya digunakan setiap menulis artikel baru di blog. Caranya cukup mudah silahkan ikuti langkah-langkahnya dibawah ini :

1. Tulislah artikel yang akan Anda publish
2. Setelah selesai menulis artikel, klik Label (disebelah kanan)
3. Tulis Label yang akan Anda buat

Catatan :
- Pisahkan setiap label dengan tanda koma (,).
- Tulis label yang akan Anda buat.
- Jika label yang ingin Anda masukan sudah ada, tinggal klik saja nama label yang ada dibawah
- Setiap artikel bisa memiliki lebih dari 1 label.

4. Setelah itu, klik Selesai
5. Tinggal Publikasikan artikel Anda


Cara Membuat Label di Blog (Versi 2)

Cara pertama adalah untuk Anda yang blognya sudah memiliki label untuk setiap artikelnya dan bisa juga digunakan saat akan membuat artikel baru. Namun untuk cara kedua ini cocok untuk Anda yang blognya sama sekali tidak menggunakan label, jadi untuk cara cepatnya yaitu dengan menggunakan cara kedua ini. Tidak mungkin setiap artikel Anda buka dan Anda tambahkan label pada artikel tersebut, apalagi jika artikel pada blog Anda banyak sekali akan membutuhkan waktu yang sangat lama, untuk cara efektifnya Anda bisa mengikuti langkah-langkahnya dibawah ini :

1. Masuk ke Blogger.com
2. Centang beberapa artikel yang akan diberika label
3. Klik gambar label
4. Klik Label Baru
5. Tulis nama label baru
6. Klik Ok

Catatan :
- Kotak Biru adalah nama label yang sudah ada atau yang pernah digunakan.


Cara Memasang Label Pada Menu Navigasi Blog

Setelah membuat label pada setiap artikel blog, sekarang kita tinggal memasangnya pada menu navigasi blog, caranya cukup mudah silahkan ikuti langkahnya dibawah ini :
1. Buka homepage atau artikel yang sudah Anda tulis dan sudah Anda berika label
2. Klik nama label yang Anda gunakan misalnya (Tutorial) biasanya ada dibawah judul artikel

3. Copy Link atau URL nya, seperti ini :
Contoh :
http://www.tipsntrik86.blogspot.com/search/label/Tutorial
http://www.tipsntrik86.blogspot.com/search/label/Kontes%20SEO

Catatan :
- Silahkan ganti www.tipsntrik86.blogspot.com dan kata Tutorial dengan nama label blog Anda.
- Jika Anda menggunakan 2 kata maka gunakan %20 sebagai spasi contoh Kontes%20SEO.
- Huruf besar dan kecil sangat berpengaruh.

4. Setelah di copy, lalu klik Template => Edit HTML
5. Cari kata yang ada pada menu navigasi blog Anda (gunakan ctrf+f)

  


<li><a href='www.tipsntrik86.blogspot.com/search/label/Tutorial' target='_blank' title='Tutorial'>Tutorial</a></li>


Catatan :
- Kotak Merah adalah kata yang kita cari
- Garis Merah adalah link untuk label yang sudah kita buat tadi
- Perhatikan script yang digunakan href='Untuk Link'

6. Silahkan paste atau ganti dengan Link atau URL label yang sudah Anda copy tadi
7. Klik Simpan Template

Sekian artikel mengenai Cara Membuat Label atau Kategori di Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

sumber.http://www.ficripebriyana.com/
Diberdayakan oleh Blogger.