Selasa, 19 Januari 2010

Cara Menampilkan Jejak Keterangan Saat Postingan Blog Kita DiCoPas

Apakah ada di antara kita yang blognya sering di bajak oleh blogger lain? Yup, pembajakan merupakan sebuah hal yang tidak etis dan tentunya akan sangat merugikan bagi semua pihak. Bagaimana tidak? Blog yang semestinya kita gunakan untuk menyalurkan ide dan kreatifitas justru dibajak oleh berbagai pihak dengan berbagai kepentingan. Kita sebagai blogger yang dibajak konten postingannya tentu akan merasa kecewa karena hasil karya cipta kita tidak mendapatkan apresiasi yang bagus, tetapi justru menjadi bahan bajakan pihak lain. Sementara pihak yang membajak bagaimana? Yup, tentu saja kebiasaan buruk membajak ini akan melahirkan benih menuju kriminalisasi dan mematikan kreatifitas dan ide untuk berkarya pembajak itu sendiri.

Selain itu, yang lebih parah lagi adalah apabila hasil bajakan isi postingan tersebut kemudian dipublikasikan ulang dalam blog atau website pembajak tanpa menyertakan sumber aslinya! Apa akibatnya? Ya, blog kita baik blog yang dibajak maupun blog yang dibajak akan sangat rawan untuk sama-sama terkena sangsi banned dari google! Waow, sungguh dampak yang sangat buruk bukan?

Lalu solusinya Kita bisa menggunakan kode HTML/JavaScript yang berfungsi untuk mengcegah aksi CoPas dalam blog kita. Dengan cara tersebut, maka isi postingan blog kita tidak akan bisa disalin sama sekali oleh pihak manapun. Akan tetapi, apabila kita tidak ingin hal tersebut terjadi dan masih membiarkan orang lain dapat menyalin isi postingan blog kita, kita dapat memberikan jejek keterangan yang muncul otomatis saat isi blog kita diCoPas oleh orang lain.

Langkah-langkah membuatnya:

1. Membuat akun dan mendapatkan kode HTML.
  • Pertama, kunjungi terlebih dahulu situs tynt.
  • Setelah muncul halaman utamanya, daftar terlebih dahulu untuk mendapatkan sebuah akun dengan cara klik Publisher Sign Up (FREE!).
  • Isikan semua data yang dibutuhkan dan jangan lupa untuk memberikan tanda contreng pada TOS yang diajukan. Kemudian klik Next.
  • Setelah itu, langkah selanjutnya adalah klik Cutomize Attribution.
  • Isikan data yang ingin kita rubah.
  • Placement, digunakan untuk meletakan keterangan saat isi postingan kita diCoPas oleh orang lain, apakah diletakan di bagian atas atau bagian bawah.
  • Prefix, digunakan untuk menambahkan keterangan sebelum judul postingan blog kita yang disalin.
  • Link, digunakan untuk menampilkan judul postingan blog kita yang disalin. Ada beberapa pilihan, apakah ingin menampilkan URL (alamatnya) saja, atau judul postingannya saja, atau URL beserta judul postingannya.
  • Suffix, digunakan untuk menampilkan keterangan setelah judul postingan blog kita yang disalin.
  • Creative Commons License, biarkan saja dalam keadaan none.
  • Setelah semuanya selesai, klik SAVE.
Sebelum melangkah pada bagian selanjutnya, kita dapat melihat preview contoh hasil keterangan saat isi postingan blog kita diCoPas terlebih dahulu. Jika sudah yakin, klik Next. Akan muncul halaman yang menampilkan kode HTML yang akan menampilkan keterangan tersebut. Salin kode tersebut. Setelah itu klik Next.


Pada bagian terakhir, kita akan diberikan konfirmasi bahwa kita akan mendapatkan kiriman laporan untuk analisis SEO, keyword, dan social sharing yang dikirim per hari atau perminggu. Kita juga dapat mengabaikannya dan memilih untuk tidak ingin menerima kiriman hasil analisis tersebut dengan cara memilih never.


Setelah itu klik Finish.

Proses registrasi pun telah selesai dan kita sudah bisa memasang kode HTML yang diberikan tadi. Kita juga akan mendapatkan laporan mengenai berbagai analisis tadi dalam kurun waktu 24 jam setelah kode HTML tadi terpasang dalam blog kita.

 

2. Cara memasang kode HTMLnya ke dalam blog kita.
  • Pertama, masuk ke dalam akun blogger kita.
  • Klik fitur rancangan.
  • Klik edit HTML.
  • Berikan tanda contreng pada Expand Template Widget.
  • Cari kode HTML di bawah ini.
</body>
  • Tempelkan (paste) kode HTML yang kita salin dari tynt tadi tepat di atas kode HTML tersebut.
  • Klik simpan dan selesai. 
Keterangan:
  1. Untuk mempermudah pencarian kode HTML yang kita inginkan dalam edit HTML template blog kita, gunakan fitur pencarian dengan ketik Ctrl+F pada keyboard kita.
  2. Sebagai langkah antisipasi terjadinya kegagalan saat proses editing, download terlebih dahulu template blog kita sebagai backup.
Nah, sekarang saat ada orang yang mengCoPas isi postingan blog kita, maka akan muncul keterangan sebagaimana telah kita buat tadi, dan keterangan tersebut akan muncul di bagian awal atau akhir isi postingan (tergantung pengaturan kita tadi bagaimana). Untuk mengecek keberhasilannya, sekarang kita uji coba terlebih dahulu dengan menyalin isi postingan blog kita dan menempelkannya di lembar kerja seperti Microsoft Word dan Notepad.

Semoga Berguna Buat Sobat...

Kamis, 14 Januari 2010

Cara Membuat Tab View dengan Efek Animasi Gulung Jquery

Cara Membuat Tab View dengan Efek Animasi Gulung Jquery, back to tutorial blog, jadi pada kesempatan kali ini kita  akan membahas tentang cara membuat menu tab view,  pastinya akan lebih bagus, menarik dan keren tentunya, karena ditambah dengan sentuhan JQuery didalamnya. Sebagai contoh anda bisa melihatnya di dibawah ini. 

Dan bila belum jelas juga anda bia melihatnya pada screenshot dibawah ini:

Demo/Sceenshot



Gimana masbro, keren kan tab view widgetnya?? selain itu tabview ini juga bisa membuat blog kita terkesan rapih. Yowes, ayo mulai saja cara membuatnya. 

1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>

#slick_area{background-color:#fff;padding:8px;margin:10px 0;line-height:18px}
#slick_area a{color:#000;text-decoration:none}
.slick_area a:hover{color:#fff}
ul.slick{margin:2px 5px 5px 5px;padding:0px}
ul.slick li{list-style:none;display:inline;background-color:transparent;padding:7px 18px;text-decoration:none;font-size:10px;text-color:#dedede;font-weight:bold;text-transform:uppercase;cursor:pointer;border:1px solid #585858}
ul.slick li:hover{border:1px dotted #f00}
ul.slick li.active{background-color:transparent;border:1px solid #585858;color:#dedede}
.content-slick{background-color:transparent;border:1px solid #585858;color:#dedede;min-height:0;padding:5px 5px 5px;text-align:left}
.content-slick ul{margin:10px;padding:0}
.content-slick ul li{list-style:none;border-bottom:0px solid #585858;padding:5px}
.content-slick ul li:last-child{border-bottom:none}
.content-slick ul li:hover,.content-slick ul li a:hover{display:block;background-color:transparent}
.content-slick ul li a{text-decoration:none;color:black;display:block}
    
6. Setelah itu,carilah kode </head> setelah ketemu letakkan kode javascript dan jQuery berikut tepat diatasnya:
<script language='javascript' src='http://k-blogger.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&#39;#tabdua, #tabtiga&#39;).hide();
$(&quot;ul.slick li&quot;).click(function () {
$(&quot;.active&quot;).removeClass(&quot;active&quot;);
$(this).addClass(&quot;active&quot;);
$(&quot;.content-slick&quot;).slideUp();
var content_show = $(this).attr(&quot;title&quot;);
$(&quot;#&quot;+content_show).slideDown();
});
});
</script>   
     
8. Simpan tempalate, dan masih lanjut neh sob... masuk ke Tata Letak/Rancangan, klik Add New Widget/ Tambah Widget, lalu pilih HTML/Javascrip. Kemudian letakan kode dibawah ini:

<ul class="slick">
<li title="tabsatu" class="slick active">Tab Satu Gan</li>
<li title="tabdua" class="slick active">Tab Dua Gan</li>
<li title="tabtiga" class="slick">Tab Tiga Gan</li>
</ul>
<div id="tabsatu" class="content-slick">

Taruhlah kode HTML/Javascript anda di Tab Satu

</div>
<div id="tabdua" class="content-slick">


Taruhlah kode HTML/Javascript anda di Tab Dua

</div>
<div id="tabtiga" class="content-slick">

Taruhlah kode HTML/Javascript anda di Tab Tiga

</div>
   
9. Sampai disini anda sudah bisa membuat jquery tab view scroll show hide widget. dan jangan lupa simpan.

Keterangan:
Kode bercetak tebal gantilah/isilah dengan widget yang sobat inginkan. Dan untuk kode CSS, silahkan diedit sesuaikan dengan template sobat.  Dan lagi, bila ditemplate anda sudah ada jquery-1.3.2.min.js?? berarti untuk file.js'nya tidak perlu ditambahkan lagi.

Begitulah kiranya Cara Membuat Tab View dengan Efek Animasi Gulung Jquery, selamat mencoba, semoga bermanfaat.

Minggu, 10 Januari 2010

Membuat Form Berlangganan FeedBurner

membuat form langganan feedburner lewat e-mail

Saat ini hampir setiap blog menyediakan layanan fasilitas berlangganan posting melalui email. Ingin agar blog Anda terkenal? Gunakan layanan berlangganan artikel via email dengan Feedburner. Beberapa situs yang menyediakan jasa layanan pengantar posting gratis selain Feedburneradalah Feedblitz dan Zookoda. Saya pakai Feedburnerkarena fitur yang mereka sediakan terbilang lengkap termasuk layanan pengantar posting melalui email. Selain itu, situs ini adalah milik Google sehingga namanya sekarang adalah Google Feedburner. Untuk mendaftar ke Feedburner Anda cukup memiliki email di gmail yang bisa digunakan untuk login ke Feedburner 

Secara singkat feedburner adalah situs yang memberikan layanan dalam hal sindikasi atau feed. Anda bisa menempatkan kotak yang berisi tempat untuk mengisikan alamat email dan sebuah tombol dengan tulisan Berlangganan Gratis atau Email Subscriber di mana saja pada bagian blog. Bisa pada sidebar, pada bagian akhir setiap posting atau pada header dan footer blog, tinggal disesuaikan dengan template layout blog. Setting tampilan juga tergantung pemilik blog mau dibuat seperti apa sehingga menarik.

Fugsi form berlangganan ini adalah untuk memudahkan pembaca blog agar bisa berlangganan atau mendapatkan informasi terbaru dari posting blog kita yang dikirim melalui email mereka. Jika memang ada posting artikel terbaru, maka para pelanggan yang sudah memasukkan email dan mengkonfirmasi di emailnya secara otomatis mendapatkan kiriman email berisi artikel posting terbaru blog. Tertarik untuk menambahkan aksesoris berlangganan posting via email? Silahkan ikuti cara berikut.

Cara membuat form berlangganan Feedburner:
  • Selanjutnya Anda akan ditawarkan kotak untuk mengisikan alamat blog untuk dibakar.
  • Untuk blogger silahkan masukkan alamat feed seperti ini 
                      >> http://namablog.blogspot.com/feeds/posts/default

                      >> Ganti nama blog dengan url blog Anda.
  • Ada kotak kecil bertuliskan "I am a podcaster!" dapat dicentang jika blog Anda hanya berisi video-video. Jika tidak, jangan dicentang. Kemudian klik tombol next.
  • Setelah itu Anda akan ditawarkan untuk mengisi form Feed Title dan Feed Address silahkan diisi. Biasanya  Feedburnerlangsung menyesuaikan dengan judul blog namun Anda dapat menggantinya sesuai kalimat atau kata yang paling cocok. Selanjutnya klik tombol next.
  • Pada halaman berikutnya ada pemberitahuan seperti ini Congrats! Your Feedburnerfeed is now live. Want to dress it up a little? Oke sudah selesai dan teruskan dengan mengklik tombol next.
  • Kemudian Anda akan diberi pilihan FeedburnerStats automatically tracks. Silahkan pilih menu default atau Anda juga dapat menambah menu lain yang ditawarkan. Selanjutnya klik tombol next.
  • Pada halaman berikutnya akan nampak beberapa menu pilihan di bagian atas dan pilihPublicize.
  • Pada menu Publicize Anda akan melihat fitur layanan yang siap Anda gunakan seperti Headline Animator, BuzzBoost, Email Subscriptions, PingShot, FeedCount, Chicklet Chooser dan yang lain. Nah, untuk membuat formulir berlangganan pilih menu Email Subscriptions.
  • Pada halaman Email Subscriptions Anda klik tombol Activate.
  • Selanjutnya Feedburnerakan memberikan kode html. Yang di atas adalah html yang hasilnya berupa kotak formulir berlangganan melalui email disebut Subscription Form Code dan di bawahnya adalah html yang hasilnya berupa link berlangganan melalui email disebut Subscription Link Code. Saya tawarkan berupa kotak formulir berlangganan melalui email. Pada menu drop down, silahkan pilih use a widget in Blogger (jika blog Anda di blogger). Lalu klik tombol Go! Sebenarnya Anda bisa saja meng-copy kode html tadi ke notepad atau text editor lainnya dan cara pasang ke blogger cukup mudah. Jika ini yang menjadi pilihan, silahkan masuk ke blog Anda dan klik Tata Letakyang membawa Anda ke Elemen Halaman dan klik Tambah Gadget. Pada menu selanjutnya, pilih tambah HTML/Javascript. Nah, Anda paste kode html tadi di situ. Dan klik simpan. Ok, sekarang lihat hasilnya pada blog.
  • Jika mengikuti cara setelah klik Go! tadi, akan terbuka jendela baru pada monitor yang membawa Anda menuju blog yang tadi didaftarkan. Di sana tertulis menambah elemen halaman. Silahkan ganti judul jika perlu dan jika tidak biarkan saja judulnya Subscribe via email. Kemudian klik tombol menambah widget.
  • Widget sudah ditambahkan pada elemen halaman blog. Pilih tempat yang sesuai dengan drag widget tersebut dan tempatkan di bagian blog yang Anda rasa paling cocok.
  • Jika sudah, klik Lihat blog untuk melihat hasilnya. Akan ada form email subscriber.

Kembali ke Feedburner. Hingga saat ini, selain form email subscribersaya juga meng gunakan fitur Feed Count yang menunjukkan jumah pembaca blog, Chicklet Chooser dan Optimize serta fitur lain yang membuat blog tampil prima. Untuk fitur-fitur tersebut, Anda bisa mempelajarinya. Agak capek memang, namun saya yakin blog Anda akan semakin terkenal dengan Feedburner. Kalau saya ketik semuanya, waduh capek juga karena begitu banyaknya fitur feedburner di sana. Jika Anda sudah terbiasa dengan kode-kode html, Anda juga dapat mengutak-atik tampilan form berlangganan feedburner dan fitur lainnya. Ok, selamat berjuang.  

Sabtu, 02 Januari 2010

Membuat auto reply pada comment


Tampilan komentar blog yang ditambahi reply button akan seperti ini: Jika sobat tertarik memasang tombol reply atau tombol balas ini di blognya, 

silahkan ikuti cara yang singkat berikut ini:

1. Login ke blog
2. Masuk ?Rancangan/Design?–>?Edit HTML’–>centang ?Expand widget templates?
3. Cari kode: <data:commentPostedByMsg/>
4. Tambahkan di bawahnya: 

  <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID blog anda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>( Reply)</a></span>


5. Simpan dan lihat hasilnya.

Catatan:
  • Untuk mengetahui ID blog (tertulis merah) caranya: masuk Dashboard, lalu klik ?Posting Baru? pada blog yang ingin anda tambahkan reply button. Perhatikan di adress bar, akan muncul beberapa digit angka, itulah ID blog anda. 
  • Anda bisa ganti kata ?Reply? dengan ?Balas? dan sebagainya.
  • Jika reply button sudah terpasang, maka jika diklik, di bagian atas kotak akan muncul script. Biarkan saja script itu, dan tulis komentar balasan di bawahnya.