Membuat Anti Copy Paste Di Blog

Terlalu banyaknya para blogger yang secara sengaja melakuan tindakkan tidak terpuji yaitu mengopy data artikel tanpa menambah ataupun mengurangi artikel tersebut dan secara sadar tidak mau memasang dimana sumber tersebut diambil, maka saya menyarankan anda untuk memasang aplikasi ini dengan harapan setidaknya mengurangi tindakkan kejahatan yang dilakukan seorang pengecut seperti itu.




Membuat Anti Copy Paste Di Blog :

• Buka Blogger dan login.
• Klik Template.
• Pilih Edit HTML
• Centang Expand Template Widget.
• Kemudian cari kode </head> ( cari dengan tekan ctrl+f )
• Lalu Copy kode berikut ini

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

• Save, dan lihat hasilnya

cara membuat tombol share facebook berada di bagian sudut blog

cara membuat tombol share facebook berada di bagian sudut blog - Salah satu cara mendapat trafict atau pengunjung adalah dengan mempromosikan blog kita ke berbagai jejaring sosial/ social network seperti facebook.

Kali ini saya akan berbagi ilmu yg saya tahu tentang cara membuat tombol share facebook berada di bagian sudut blog.  Tombol ini cukup unik dan menarik karena berada di pojok blog dan akan terus dipojok walaupun kita scroll kebawah atau atas, saya rasa widget ini layak dan cocok anda gunakan pada blog anda sehingga saya berbagi pengetahuan dengan anda.


Berikut ini tutorial cara membuat tombol share facebook berada di bagian sudut blog :

• Loggin ke dashboard blog anda
• Template ---> dan klik edit html
• cari kode  ]]></b:skin>
• Letakkan kode berikut, diatas kode  ]]></b:skin>

#pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;}#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}

• lalu, cari kode  </body>
• letakkan kode dibawah ini, diatas kode  </body>

<div id='pageshare' title='Share @Facebook'><div class='sbutton' id='fb'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div></div>

• Klik pratinjau, pada sebuah postingan. Jika berhasil silahkan disave.

Cara Membuat Kotak Komentar Facebook Dibawah Postingan Blog

Cara Membuat Kotak Komentar Facebook Dibawah Postingan Blog - Setelah anda Membuat Aplikasi Plugin Kotak Komentar Facebook , sekarang anda tinggal  Membuat KotakKomentar Facebook Dibawah postingan Blog.





Cara Membuat Kotak Komentar Facebook Dibawah postingan Blog

• Log in pada dashboard blog milik anda.
• Klik Template --> Edit HTML --> Jangan lupa back up template anda terlebih dahulu.
• Cari kode  <data:post.body/> (jika terdapat dua atau tiga kode <data:post.body/> , pilih yang kedua)
• Letakkan kode berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=KODE APP ID&amp;xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='580'/>
</b:if>

• Paste-kan KODE APP ID anda  pada tulisan berwarna merah.
• Setelah itu, carilah kode <b:skin><![CDATA[/*  . Letakkan kode beikut tepat diatas kode <b:skin><![CDATA[/*

<meta content='http://www.facebook.com/disini Id profil facebook anda' property='fb:admins'/>

<meta content='disini kode App Id anda' property='fb:app_id'/>

• Kemudian anda lakukan preiewpada satu postingan anda. Jika kotak komentar facebook pada blog anda muncul, berarti berhasil.
• Silahkan anda save.

Agar Situs Ter-indeks Search Engine

Agar Situs Ter-indeks Search Engine - Fungsi Search Engine adalah untuk mencari informasi suatu situs yang anda butuhkan hanya dengan memasukkan 'Keyword' atau 'Kata Kunci'. Dengan terdaftarnya situs anda di search engine maka dengan mudah situs anda dikenali orang. Pemakaian search engine begitu dominan, bahkan bisa menjadi gerbang bagi netter untuk berselancar mencari informasi yg di butuhkan. Ada banyak macam search engine yg tersedia, tapi ada beberapa yg sangat dominan dan paling sering di gunakan oleh user di dunia, adalah google.com, yahoo.com dan msn.com

Langkah - langkah agar situs anda bisa ter-index di mesin pencari / Search Engine.


Google
Untuk mendaftar ke google, silahkan kunjungi http://www.google.com/addurl/, Lakukan langkah mengisi form yang di sediakan:

• URL –> Isi dengan URL blog anda.
• Comments –> Isi dengan keyword atau kata kunci yang berhubungan dengan blog anda
• Isi kotak kosong dengan huruf Verifikasi yang tersedia
• Klik tombol Add URL 
• Selesai.

Yahoo

Untuk mendaftar ke yahoo! silahkan kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, anda harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan KLIK DISINI

Apabila sudah login,silahkan isi kolom dengan URL blog/website anda, kemudian klik tombol Add URL, selesai.

MSN

Untuk mendaftar ke msn, silahkan kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2

silahkan isi huruf verifikasi dan URL situs anda pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.

Promosi Fans Page Dengan Kode FP

Promosi Fans Page dengan Kode FP - Baca juga - Mendaftar Fans Page, Membuat Dan Memasang Like Box. 
Akan sangat menyenangkan memasng, jika fans page blog kita banyak di LIKE oleh pengunjung. Namun untuk mendapt semua itu bukan hal mudah. Berikut ini salah satu cara agar fans page dapt dikenal banyak orang yaitu dengan cara melakukan promosi tanpa biaya.

Cara Promosi Fans Page dengan Kode FP - Baca juga - Mendaftar Fans Page, Membuat Dan Memasang Like Box.  Lakukan langkah-langkah di bawah ini:

• Login ke Facebook
• Masuk ke halaman Fans Page http://www.facebook.com/nama fan page anda, kemudian klik Edit Page > Update Info, seperti gambar di bawah ini :

• Selanjutnya akan mengarah ke halaman :

https://www.facebook.com/pages/edit/?id=338838552881265&sk=basic (Link ini sebagai contoh)

• Kode seperti yang berwarna Merah itulah Kode Fans Page dan silahkan di simpan. 

• Promosikan Fans Page dengan cara, gunakan kode seperti berikut  pada kotak komentar status facebook :

@[Kode_Fans_Page_Anda:] Contohnya : @[338838552881265:]

Mendaftar Fans Page, Membuat Dan Memasang Like Box

Fans page merupakan salah satu widget yang telah banyak dijumpai atau dipasang pad blog maupun website. Pada website ataupun blog sejatinya fungsi fans page seakan menunjukkan betapa website/blog tersebut sudah dilihat oleh banyak pengunjung dengan bukti memberi LIKE mereka pada blog atau website yang mereka kunjungi.

Tutorial tentang membuat halaman fan page facebook ini saya ambil dari beberapa sumber di google yang membahas topik serupa.



1) Cara Membuat Halaman Fan Page Di Facebook Untuk Blog Atau Website

• Pastikan akun facebook anda sedang on/hidup.
• Silahkan masuk kepada link berikut ini http://www.facebook.com/pages/create.php
• Setelah itu akan muncul gambar seperti di bawah ini

• Pilih salah satu ikon, lalu isikan sesuai keinginan dan sesuai dengan blog anda.

• Selanjutnya, anda tinggal mengikuti panduan pilihan yang diberikan.

2) Membuat LIKE BOX

fans page yang dipasang pada blog/website berupa LIKE BOX

Ikuti langkah-langkah sebagai berikut:

• Klik link ini : http://developers.facebook.com/docs/reference/plugins/like-box/
• Selanjutnya, isi form sesuai keterangan blog dan seuai keinginan anda.

Perhatikan 
Facebook Page URL : diisi dengan URL blog anda
Width & Height : Ukuran Lebar & tinggi LIKE BOX yang anda inginkan
Show Face : Menampilkan wajah/photo facebook yang memberikan LIKE
Color Scheme : Jika Blog anda berwarna hitam, ubahalh dari Light menjadi Dark
Show Stream : Menampilkan tautan terakhir yang ada pada blog anda

• Klik Get Code.
• Kemudian copy kode script.

3) Memasang LIKE BOX Pada Blog/Website

• Masuk ke dashboard blog anda
• Tata letak --> Tambah Gadget --> Pilih HTML/JavaScript (Letakkan pada tempat yang sesuai dengan ukuran LIKE BOX yang anda buat)--> Paste kan kode script yang tadi dicopy.
• Save, dan  lihat hasilnya.

Cara Menampilkan Widget Hanya pada Homepage atau pada Postingan.

Cara Menampilkan Widget Hanya pada Homepage atau pada Postingan - Pada blog terdapat beberapa widget yang berfungsi untuk mempercantik dan memberi kesan menarik ketika blog dibuka. Namun jika pada homepage blog terlalu banyak dipasang widget, akan berpengaruh pada loading ketika membuka homepage. Jika anda ingin membuat blog anda memiliki perbedaan antara homepage dengan halaman artikel/postingan.  Maka cobalah trik berikut ini yang juga berfungsi untuk membuat blog anda tidak terlalu berat ketika loading.

Cara Menampilkan Widget Hanya pada Homepage atau pada Postingan

• Buka dashboard blog anda
• Template --> Edit HTML (Jangan lupa backup template anda terlebih dahulu guna antisipasi kesalahan)
• Cari Widget HTML yang ingin diganti letak tampilannya
• Contoh berikut ini adalah Widget Statistik yang letak tampilannya pada homepage

<b:widget id='HTML3' locked='false' title='Statistik' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

• Jika sobat ingin mengubah menjadi Menampilkan Widget Hanya pada Postingan Saja
• Ganti kode warna merah diatas dengan kode warna merah berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
content widget
</b:if>

• Save, dan lihat hasilnya.

Membuat Artikel Terkait Dengan Thumbnail

Membuat Artikel Terkait Dengan Thumbnail - Artikel Terkait atau related post sangatlah penting dalam sebuah blog yang sangat mengutamakan SEO. Karena dengan adanya artikel terkait, pengunjung tidak akan bosan membaca artikel blog kita. Sehingga Bounce Rate akan semakin kecil. 



Membuat Artikel Terkait Dengan Thumbnail - Artikel Terkait atau related post

Screenshoot :

Cara Membuat Artikel Terkait dengan Gambar :

• Login Blogger
• Masuk Menu Template - Edit HTML - Lanjutkan
• Centang pada Expand Template Widget
• Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
• Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKKQ5cJWoJsxaTwQkbwA-V0uoe5ucQM-eUmVm75AQHPdJPhZ20ncHdIA_BieIbVUT145CkSuVM2X_TEYJGg87ZnAnMdMKiUbTdqfJ5iYr0YfMeKiVZXEsvbzBL0KcTqfW5jjlfazQ0d5Bd/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

• Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) : <data:post.body/>
• Letakkan kode script berikut tepat dibawah kode : <data:post.body/>

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

• Simpan dan lihat hasilnya dengan cara membuka salah satu artikel pada blog anda.

Catatan :

Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;

Cara Praktis Hilangkan Anti Copast

Cara Praktis Hilangkan Anti Copast - Memasang aplikasi Anti-Copast pada blog/website merupakan salah satu cara mengurangi banyaknya pencurian artikel pada blog, tanpa memasangkan link sumbernya.


Namun hal tersebut bisa menjadi suatu masalah bagi pengunjung yang ingin mengopy data data artikel demi hal penting seperti tugas sekolah, sehingga harus kecewa tidak bisa mengopy data dari sebuah blog/website yang sudah memasang aplikasi/script anti-copast, yang tentunya akan membuat blog/website tersebut bisa saja ditinggalkan banyak pengunjungnya.

Berikut trik sederhana cara copast Teks blog yang Anti Copas dan Anti Klik Kanan

1.  Buka Microsoft Words , buat halaman baru
2. Pergi ke halaman blog yang ingin di copas, klik di sembarang tempat ,tekan tombol CTRL+A setelah itu dilanjutkan dengan menekan tombol CTRL+C
3. Masuk ke halaman microsoft words yang Anda persiapkan tadi
4. Klik CTRL+V di halaman tersebut
5. Lihatlah tulisan yang ada dihalaman blog anti copast
6. Silahkan Anda pilih tulisan teks mana saja yang dikehendaki.


Cara Kopas Image atau gambar sebagai berikut :

1. Kilk CTRL+U  dihalaman blog yang ingin anda Copast
2. Setelah itu klik CTRL+F
3. Masukan kata pencarian JPG atau GIF, kalau gambar yang berukuran besar biasanya JPG
4. Apabila sudah ketemu, silahkan kopas alamat URL gambar tersebut, misal saya contohkan lihat gambar sebagai berikut :

Tanda anak panah adalah alamat URL gambar

5. Kopas URL dan bukalah di Tab browser yang baru.
6. Apabila belum menemukan gambar yang dicari, tidak ada salahnya mencoba semua alamat url image yang terdapat dalam blog tersebut.

Cara Praktis Hilangkan Anti Copast

Pakai browser Mozilla Firefox : Klik menu Tool ---->Options---Content--Hilangkan tanda chek pada Enable Javascript

Optimalkan Blog Dengan Google PageSpeed Tools

Optimalkan Blog Dengan Google PageSpeed Tools - Google Developer Tools semakin konsern terhadap perkembangan pengembang web dan penggunanya, dengan tersedianya tool-tool sangat berguna dan canggih, yang memudahkan bagi jutaan pengguna dan pelanggannya. Pada tool ini memungkinkan Anda untuk melakukan Analisa Dan Optimalkan Blog Dengan PageSpeed tools.



Disini Anda menggunakan PageSpeed Insights untuk menganalisia isi (HTML, JavaScript, CSS, gambar, dll) dari suatu halaman web/blog, kemudian Anda akan mendapatkan saran agar halaman tersebut bisa lebih cepat. Mengurangi loading halaman dapat mengurangi Bounce rate dan meningkatkan Conversion rate .

Bounce rate  = Jumlah pengunjung yang hanya menghabiskan <30 detik pada website /Total jumlah pengunjung

Conversion rate  = Jumlah pengunjung yang benar-benar datang dan menyelesaikan tujuan /Total jumlah pengunjung


Yang menarik jika menggunakan alat ini, adalah laporan yang sangat detail Google Servise yang tidak mungkin Anda dapatkan dengan tool lainnya. Seperti score keseluruhan blog, saran-saran atau rekomendasi yang dibagi menjadi: High priority, Medium priority, Low priority, Experimental rules dan laporan mana yang telah Anda lakukan dengan benar atau belum pada Blog Anda,
Penjelasan yang lengkap dari layanan ini benar-benar membuat Anda mengerti tentang bagaimana kondisi Blog Anda selama ini. Saran yang diberikan juga sangat membantu dan secara detail, misalnya rekomendasi untuk mengurangi Redirect Link, Skala dan optimasi image, Defer dan minimize parsing Javascript dan Compression Html dan banyak lagi yang bisa Anda perbuat untuk perbaikan Blog/web.

Di Layanan PageSpeed Insights ini Anda juga dapat melihat hasil analisa performa blog pada Mobile version, yang juga mendapatkan saran atau rekomdasi dari layanan agar performa blog ditampilan Mobile lebih baik.

Anda berminat, silahkan mencoba langkah-langkah dibawah ini.

• Langkah untuk Analisa Dan Optimalkan Blog mudah dan cepat, Anda hanya kunjungi situsnya dibawah ini: https://developers.google.com/speed/pagespeed/insights
• Selanjutnya masukkan Alamat/URL Blog Anda di form yang telah disediakan-(lih. gambar), kemudian klik tombol Analize, tunggu beberapa detik dan laporan menyeluruh tentang performa Blog akan dimunculkan.

PageSpeed Insights akan melakukan beberapa test pada Web Server Konfigurasi dan Front-End Code. Berdasarkan seperangkat test enhanced web page performa, Anda akan mendapatkan score performa Blog Anda dan mendapatkan saran-saran agar memperbaiki perfoma blog/web, mengurangi bandwith dan biaya hosting (bagi pengguna Host berbayar)

Optimization Tool

Ini layanan Online PageSpeed yang memberikan banyak manfaat bagi perkembangan Blog/Website. Cara kerja layanan ini secara otomatis akan mempercepat loading halaman web/blog Anda. PageSpeed Service akan mengambil data konten dari server Anda, dan menulis ulang halaman tersebut dengan menerapkan perfoma web yang terbaik dan menyebarkan kepada semua pengguna internet seluruh dunia melalui server Google. Jadi ini layanan yang memberikan servise secara online pada blog/web Anda dengan dilakukan semuanya oleh Google Tool team dengan menerapkan apa yang terbaik untuk performa Blog/Web. Anda daftar dan Servise akan melakukan sisanya, namun ini masih ditawarkan dengan fungsi terbatas dan masih Trial Period. 

Tingkat kecepatan web/blog akan tergantung dari beberapa faktor, seperti konten halaman web, lokasi geografis akses, bandwidth, dll. Online PageSpeed Service saat ini ditawarkan secara gratis untuk satu set terbatas bagi pengguna web/blog selama masa percobaan. Anda dapat meminta akses ke layanan ini dengan mengisi formulirnya di https://developers.google.com/speed/pagespeed/service

Blockquotes Pada Wordpress

Blockquote adalah tag XHTML yang sengaja digunakan elemen dalam sebuah artikel. Penggunaan dasar blockquote dalam sebuah artikel adalah ketika penulis ingin memasukkan script, ataupun kalimat penting yang ingin disampaikan kepada pembaca.

Sebagian besar dari tema wordpress memiliki blockquotes keren, tapi untuk beberapa itu hanya indentasi kutipan dan mengubah ukuran font dan warna.

Pada tutorial kali ini saya akan membantu anda membuat blockquote menggunakan kode HTML saja, tanpa mengacaukan stylesheet.

1. Mengubah warna latar belakang dengan beberapa formattin teks

Background berwarna kuning :
<p style=”padding: 5px; background-color: #FFFF99; border: dotted 2px #FF9900;”> Text Here</p>

Background berwarna biru :
<p style=”padding: 5px; background-color: #E1E8F2; border: dotted 2px #00518A;”>Text Here</p>










2. Tanpa mengubah warna latar belakang dengan beberapa formattin teks
    

Coding :

<b style=”float: left; font-weight: normal; font: 14px/22px arial; margin-top 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #666666;”>Text Here</b>

Membuat Tombol Download Serta Menyisipkan Link

Membuat Tombol Download Serta Menyisipkan Link - Ini merupakan trik simpel  cara membuat tombol button pada postingan yang pada tombol tersebut disisipi link yang menuju pada halaman lain, seperti contohnya link download. 

Sebenarnya banyak sekali cara membuat button dengan kreasi yang menarik. Namun yang akan saya bagikan kali ini adalah cara membuat tombol dowload secara sederhana. 


Contoh button :




Sederhana namun memiliki fungsi yang besar. tombol button ini bisa kita sisipi dengan link. caranya anda hanya tinggal menggunakan script dibawah ini :

<button onclick="window.location=' http://searching2sharing.blogspot.com/2013/02/membuat-tombol-download-serta.html '"><b>Download</b></button>

Gantilah : 
warna merah dengan link yang sobat ingin pasang 
warna biru dengan kata atau tulisan yang sobat inginkan