Friday, April 27, 2012

Budaya Berbagi Dalam Komunitas Blogwalking /20'

Budaya Berbagi Komunitas Blogwalking /20' - Ini adalah artikel pertama saya di ANVITY Blog | Internet Learning yang berkategorikan SEO Contest. So, sudah jelas bahwa kali ini adalah yang pertama kali saya mengikuti kontes SEO. Kesempatan ini juga memberi saya kepengalaman yang mudah-mudahan bermanfaat untuk kontes selanjutnnya yang kedepan kalinya.

-kembali ke laptop-

Apa itu pengertian dari Blogwalking?

Wah Blogwalking?! Salah satu cara ini sudah tidak asing lagi dimata pada Pro Blogger maupun pemula/newbie. Ya Blogwalking! Blogwalking adalah mengunjungi blog-blog milik orang lain dan memberikan komentar untuk memberikan pendapat terhadap artikel di blog mereka. So, salah satu hal penting yang sangat diharapkan dari usaha blogwalking tersebut adalah mendapatkan backlink yang akan mengangkat SERP situs kita menjadi lebih unggul.

Apa solusi yang tepat untuk Blogwalking yang efektif?

Komunitas Blogwalking /20'Salah satu cara yang tepat dan efektif untuk Blogwalking adalah berkomunitas, Komunitas Blogwalking /20'. Komunitas apa itu? Komunitas Blogwalking /20' adalah komunitas yang lahir dengan tujuan memudahkan Blogger dalam ber-blogwalking. Nama lain dari Komunitas Blogwalking /20' ini adalah KBw /20'. Arti dari nama tersebut ialah blogwalking per 20 menit. Komunitas Blogwalking ini telah menampung ribuan member/anggota. So, terbukti bahwa komunitas ini unggul (populer) dari komunitas-komunitas lainnya. Seluruh anggota dari komunitas tersebut sangat menghormati dan menghargai pendapat orang lain. Apa kegunaannya? Disana kita dapat share anything mulai dari promosi blog, ajakan untuk saling berkomentar, follow, hingga saling berbagi pengalaman. Sudah jelas bahwa budaya berbagi sangat diterapkan dengan baik. Dan disana pula kita dapat menemukan puluhan blog-blog milik anggota dari komunitas tersebut. So, dapat kita simpulkan bahwa mudahnnya ber-blogwalking di komunitas tersebut.

Bagaimana cara bergabung dan menjadi anggota dari KBw /20'

Komunitas ini bertempatkan di halaman statis grup raja jejaring sosial dunia, Facebook. Siapa yang tidak kenal Facebook? hampir miliaran peminat yang ingin mempunyai Facebook. So, sudah jelas bahwa jika Anda ingin/minat bergabung dengan komunitas unggul ini, Anda harus memiliki akun Facebook. Jika sudah, silahkan klik link berikut. SAYA MINAT BERGABUNG DI KBw /20'

Selain anggota KBw /20' merasakan dasyatnya manfaat darinya, saya pun merasakan banyaknya perubahan-perubahan yang membuat saya lebih semangat dalam meng-update ANVITY Blog | Internet Learning. Selain trafik blog ini terus berkembang, saya juga merasakan eratnya tambang silaturahmi antar anggota.

Blogwalking layaknya kehidupan sosial di dunia nyata yang sekarang kita jalani. Setiap orang berhak untuk mendapatkan perhatian atas penilaian artikelnya sebagai pendapat. Maka dari itu berkomentarlah dengan etika yang baik. Semua itu akan membuat penulis merasa dihargai. Dan ia mulai siap membalas pendapat kita tentang artikel yang ditulisnya. Blog kita pun ikut mulai dihargai bahwa pemiliknya saling menghargai satu sama lain. Beribu manfaat ber-blogwalking jauh lebih mulia dari sekedar mendapat hingga memburu Backlink.
SALAM KBw /20' SEMAKIN MAJU!.

Wednesday, April 25, 2012

Pilihan Warna Tema Youtube Video Player (Black/White)

Pilihan Warna Tema Youtube Video Player (Black/White) - Siapa yang tidak kenal raja hosting video terbesar dunia? Youtube. Belum lama Tahun kenarin Youtube telah diakusisi oleh Google, Inc dan resmi masuk ke servernya. Wah hebat ya! Nah, secara default ketika kita menonton/melihat video di Youtube, warna tema hitam/black. Dan jika kita ingin mengambil embed kode dengan alasannya ingin kita letakan di posingan/lainnya, kode embed tersebut tidak terdapat pilihan tema hitam/putih. Coba anda lihat gambar berikut ini.
 

Nah, telah terbukti bahwa kode embed suatu video tidak terdapat settingan warna theme/tema. Setelah kita letakan kode tersebut di kolom HTML pada postingan baru Blogspot, warna theme/tema berwarna hitam. So, dapat kita simpulkan bahwa secara default youtube sudah meresmilan warna theme/tema pada semua embeds video berwarna hitam. Seperti yang dikatakan pada situs resmi Youtube Shannon Behrens, bahwa Youtube akhir-akhir ini akan menjadikan warna gelap untuk semua kode embed.

Bagaimana cara membuat warna terang/light sebagai warna temanya?

Hanya sebuah sentuhan saja untuk membuat warna tema menjadi terang, yaitu dengan cara memasukan sedikit kode untuk pilihan warna terang/light dan gelap/dark. Sebelum kita mulai, pertama saya perlihatkan terlebih dahulu perbedaan dari tema terang dan gelap.
VIDEO 1 (Dark Theme)

VIDEO 2 (Light Theme)


Kode embed VIDEO 1.
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/9UwOrl036_A?theme=dark" width="560"></iframe>
 Kode embed VIDEO 2.
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/9UwOrl036_A?theme=light" width="560"></iframe>
Coba anda lihat teks yang berwarna merah, kode tersebut yang membedakan dan mengubah tampilan tema pada embed video. Finally, silahkan anda tambahkan kode seperti diatas untuk mengubah tampilannya. Done!

Thursday, April 19, 2012

Cara Menampilkan Widget Jumlah Posting dan Komentar

Cara Menampilkan Widget Jumlah Posting dan Komentar - Menurut saya turorial ini sangat menarik sekali. Apa yang membuatnya menarik?. Alasannya, funsinya yang bermanfaat, karena widget ini dapat menunjukan statistik jumlah post/postingan dan komentar pada suatu web log. Bukan hanya itu kelebihannya, widget ini juga dapat menunjukan kepada pengunjung/visitor blog bahwa blog anda berkualitas, jika jumlah post/artikel banyak. Para pengunjung juga memerhatikan jumlah komentar, karena blogger ketika ia hendak blogwalking dan menemukan blog yang memiliki komentar yang banyak, mereka berpikir bahwa blog ini ramai pengunjung. So, jumlah komentar identik dengan ramai tidaknya pengunjung pada suatu web log.

Bagaimana cara pemasangan widget tersebut?

Caranya cukup mudah dipraktekan, lebihnya anda hanya harus mengeklik tombol mini dibawah. Untuk lebuh jelasnya silahkan simak step by step berikut:
1. Pastikan anda telah login ke akun Blogger.
2. Masuk ke tab halaman Layout atau Pageelements.
3. Buat gadget baru dengan jenis HTML/Javascript.
4. Letakan kode berikut pada kolom kode yang sudah disediakan.

<script style="text/javascript">
function numberOfPosts(json) {document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
function numberOfComments(json) {document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
</script>
<script src="http://anvity.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://anvity.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
Note:
1. Silahkan ganti teks/tulisan yang berwarna merah dengan url blog/web anda.
2. Untuk teks yang berwarna biru diatas adalah kata-kata yang akan mendeskripsikan jenis post dan comments.
5. Terakhir, Save Gadget. Done!

Note:
Selain kode/script tersebut diletakan pada gadget, anda juga bisa menampilkannya pada halaman standar post/postingan. Cukup hanya salin kode/script tersebut pada postingan.

Wednesday, April 11, 2012

Cara Mengubah Warna Pada Teks/Tulisan Yang Di Blok (Text Selection)

Cara Mengubah Warna Pada Teks/Tulisan Yang Di Blok (Text Selection) - Wah! Judul yang cukup panjang. Mungkin judul ini tidak SEO Friendly di SE alias Search Engine karena judul yang cukup panjang (Jangan ditiru ya! judul yang gak relevan di bidang SEO, hehehe). So, apa yang mau dibicarakan?.


-kembali ke laptop-

Text Selection
Pada dasarnya, setiap browser ketika pemilik memblok teks/tulisan pada suatu blog/website menggunakan warna biru pada background dan warna putih pada teks/tulisan atau bahasa luna maya-nya "text selection". Namun, kita dapat mengubah/modifikasinya sedikit dengan mengubahnya dengan warna lain baik background maupun teks/tulisannya. Caranya adalah dengan dibantunya CSS3, yaitu ::selection. kode ini didukung oleh semua browser kecuali Internet Explorer, padahal browser tersebut dibuat. Untuk Mozilla Firefox perlu ditambahkan -moz- sebagai notifikasi agar dapat dibaca/dikenali oleh browser tersebut. Sebagai contoh dibawah ini.
::selection{color:#ff0000;}
::-moz-selection{color:#ff0000;}
Nah, terakhir adalah cara pemasangannya. check it..

Bagaimana cara mengubah warna text selection? 

Bagaimana cara memasangnya? untuk cara pembuatannya silahkan simak & terapkan tutorial dibawah ini.
Berikut langkah-langkahnya:
1. Pastikan anda sudah login ke akun Blogger anda.
2. Masuk ke halaman Rancangan dan klik Edit HTML.
3. Cari kode ]]></b:skin> dan letakan kode berikut tepat dibawah kode tersebut.
::selection {background:#FF0000;color:#FFFFFF}
::-moz-selection {background:#FF0000;color:#FFFFFF}
::-webkit-selection {background:#FF0000;color:#FFFFFF}
 4. Finally, Save Template. Done!


Note:
1. Kode yang berwarna merah adalah kode warna/hex color sebagai background. Silahkan ganti sesuai selera.
2. Kode yang berwarna biru adalah kode warna/hex color sebagai warna teks. Silahkan ganti sesuai selera.
Untuk membuat kode warna, silahkan rujuk: Hex Color Generator V4.

PENTING UNTUK DIBACA!!

Pada blog ini, saya menerapkan tutor tersebut berjalan dengan baik. Namun dibeberapa template biasanya tidak berjalan dengan baik.
So, jika hal itu terjadi pada blog anda, saya sarankan untuk mempergunakan kode css dibawah ini dan letakan diatas kode </head>, perbedaanya anda hanya harus menambahkan kode <style type='text/css'>...</style> diantara kode CSS tersebut sehingga menjadi seperti dibawah ini:
<style type='text/css'>
::selection {background:#FF0000;color:#FFFFFF}
::-moz-selection {background:#FF0000;color:#FFFFFF}
::-webkit-selection {background:#FF0000;color:#FFFFFF}
</style>
Nah, dan seperti biasa, silahkan ubah kode warna (hex color) diatas.

Tuesday, April 10, 2012

Cara Membuat/Memasang Tombol Instal Widget Otomatis

Cara Membuat/Memasang Tombol Instal Widget Otomatis - Ini adalah cara yang paling efektif untuk mempermudah dalam memasukan script atau penabahan gadget, yaitu dengan membuat tombol auto instal widget. Bahkan sekarang banyak sekali para blogger yang memasang tombol ini karena manfaatnya. Mungkin bagi para Pro Blogger atau blogger yang tidak awam masalah blog tidak akan mengalami masalah dengan kode HTML, namun berbeda sekali bagi para Blogger pemula/newbie yang membutuhkan waktu bermenit-menit alias kebingungan, hal ini sering kita temukan khususnya pada Blogger pemula/newbie yang mungkin masih awam soal kode HTML. Nah, jika anda ingin membuat sebuah artikel tutorial blog saya sarankan untuk menambahkan tombol ini agar memudahkan penginstallan widget di Blogger.

Berikut dibawah ini adalah script untuk membuat tombol tersebut.
<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" value="JUDUL WIDGET" type="hidden"><textarea cols="5" name="widget.content" rows="3" style="display: none;">SCRIPT/KODE WIDGET</textarea><input class="button" name="go" value="Install widget" type="submit">
</form>
Note:
Silahkan anda ubah teks/tulisan yang berwarna sesuai dengan selera:
1. Teks yang berwarna Merah adalah judul widget yang akan tampil di sidebar blog.
2. Teks yang berwarna Biru adalah script/kode widget.
3. Finally, teks/tulisan yang berwarna hijau adalah tulisan/kata-kata yang akan tampil pada tombol yang akan siap untuk di klik.

Happy Blogging. ^^

Cara Membuat Browser Bergetar Ketika Di Klik Kanan

Cara Membuat Browser Bergetar Ketika Di Klik Kanan - Mungkin ini adalah cara yang paling efektif untuk mengejutkan para plagiat yang ingin copy paste artikel blog anda. Ini adalah cara yang menarik dan patut di coba. Getaran pada browser ini dapat berkerja pada saat mereka menutup/close peringatan yang muncul ketika mereka hendak mengklik kanan blog kita. Wah?! mereka langsung dikejutkan, karena browser yang mereka gunakan otomatis akan mengecil dan bergetar. Maaf, pada efek kali ini saya tidak membuat gambar/screenshot. So, jika anda penasaran dengan efek tersebut, silahkan praktekan tutorial ini.

Adapun langkah demi langkah sebagai berikut:
1. Pastikan anda sudah login ke akun Blogger anda.
2. Masuk ke halaman Layout, kemudian klik Add a Gadget
3. Pilih HTML/Javascript dan letakan kode dibawah ini di kolom tersebut dan jangan diberi judul/title.

<script language="javascript"><!--Begin function shake(n){if(self.moveBy){for(i=20;i>0;i--){for(j=n;j>0;j--){self.moveBy(0,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0)}}}}PopUpURL="Maaf, klik kanan tidak diperbolehkan.";isIE=document.all;isNN=!document.all&&document.getElementById;isN4=document.layers;if(isIE||isNN){document.oncontextmenu=checkV}else{document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);document.onmousedown=checkV}function checkV(e){if(isN4){if(e.which==2||e.which==3){dPUW=alert(" Maaf, klik kanan tidak diperbolehkan. ");shake(2);return false}}else{dPUW=alert(PopUpURL);shake(2);return false}}</script>
Note:
Silahkan ubah tulisan/teks berwarna merah diatas sesuai selera anda sebagai pesan yang akan muncul di saat di klik kanan.
4. Save Gadget. Done!

Semoga Berhasil. ^^


Script Tidak Berfungsi (Error). Important!

Kami mohon maaf sebesar-besarnya, karena artikel ini sudah tidak berlaku (script error). Seperti pada keluhan-keluhan di komentar artikel ini. Terima Kasih. Happy Blogging & Keep Speak Your Mind!

Cara Membuat/Memasang Efek Link Warna Warni (Rainbow)

Cara Membuat/Memasang Efek Link Warna Warni (Rainbow) - Di dunia Blogging, ada banyak cara untuk menghias link pada blog/website, seperti memberinya efek salju berjatuhan, efek link berkedip (blink), hingga tampilannya menjadi menarik. Salah satu penghias link pada blog adalah memberinya efek warna warni atau banyak orang memanggilnya efek pelangi/rainbow. Gimana? Menarik bukan? Ingat! link ini aktif pada semua link di blog anda, seperti sidebar, postingan, footer, dsb.

Bagaimana cara memasang efek link rainbow?

Untuk cara pembuatannya sangat simple, sederhana, praktis, mudah. Sehingga cara pembuatan efeknya belum ada satu menit, langsung jadi!
Adapun step by step cara pembuatannya sebagai berikut:
1. Pastikan terlebuh dahulu anda sudah login ke akun Blogger anda.
2. Masuk pada halaman Rancangan dan klik Edit HTML.
3. Letakan kode berikut tepat diatas kode <body>.
<script src=' http://anvity.googlecode.com/files/rainbow-link.js '/>
4. Save Template. Done!

Semoga Berhasil. ^^

Monday, April 9, 2012

Cara Memasang TV Online Live Streaming Indonesia

Cara Mudah Memasang Widget TV Online Live Streaming Indonesia - Hah! TV Online? Ya!  Inilah solusi bagi anda yang tidak sempat nonton TV asli dan juga untuk pelengkap/tool di blog/website anda. Pada TV online ini menyediakan banyak channel, seperti RCTI, SCTV, TRANS TV, TV One, GLOBAL TV, SPACETOON, MNC TV, dan masih banyak lagi. Tool ini cocok sekali bagi yang berhobi nonton TV. Sebenarnya, banyak sekali website yang menyediakan layanan TV online, salah satunya Mivo TV. Mivo TV adalah website yang menyediakan TV online yang bisa dikatakan populer/unggul di dunia luna maya. So, banyak sekali visitors yang mengunjungunya. Script pada tool  ini mendukung Flash. Jika anda ingin menonton TV online ini, pastikan anda sudah menginstal Adobe Flash Player. Ok, langsung ke cara pemasangannya. check

Bagaimana cara memasang script tv online?

Untuk cara pemasangannya sebenarnya tidak begitu sulit, anda hanya memasukan script embed dari TV online ini. Kode Script Embed MIVO TV ini mungkin bisa anda pergunakan jika ingin nonton TV Indonesia secara online Flash Live Streaming di internet baik itu berita, music, film, gossip, dsb.
Berikut langkah cara pemasangannya:
1. Pastikan anda sudah login ke akun Blogger anda.
2. Klik New Post dan disana terdapat 2 tab, yaitu Compose & HTML.
3. Masuk ke tab HTML dan letakan script dibawah ini.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="785" style="border-radius: 15px 15px 15px 15px; border: 2px solid rgb(0, 0, 0); margin: -245px 0pt 0pt; padding: 0px;" width="572"> <param name="src" value="http://id.imediabiz.com/MivoTV.swf?r50000" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="sameDomain" /> <param name="devicefont" value="false" /> <param name="menu" value="true" /> <param name="pluginspage" value="http://mivo.tv/ImediabizTV.swf?r=50000" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="wmode" value="transparent" /> <embed style="padding: 0px; margin: -245px 0pt 0pt; border: 2px solid #000000; border-radius: 15px 15px 15px 15px;" width="572" height="785" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r50000" allowfullscreen="true" allowscriptaccess="sameDomain" devicefont="false" menu="true" pluginspage="http://mivo.tv/ImediabizTV.swf?r=50000" quality="high" scale="noscale" wmode="transparent" /></object>
4. Klik Publish untuk mempublikasikan posting. Done!

Happy Blogging. ^^

Cara Memasang Widget Label Tag Cloud (Animasi Berputar)

Cara Mudah Memasang Label Cloud (Label Berputar) - Setelah saya mengulas tutor cara memberi efek scroll pada kotak komentar, saya mencoba share tutorial yang membahas tentang fasilitas label pada blog. Label ini dapat sedikit kita modifikasi sehingga tampilannya akan lebih menarik. Salah satunya adalah dengan memberi efek pada label tersebut sehingga label akan menjadi berputar-putar ketika kursor diletakan di salah satu kata dari label tersebut.

Bagaimana cara pembuatannya?

Untuk cara pembuatannya, perlu lebih di pahami lebih dalam untuk menghindari hal-hal/kesalahan yang tidak diinginkan saat sedang pengcodingan.
Adapun langkah demi langkah:
1. Pastikan anda sudah login ke akun Blogger/Google anda.
2. Dari halaman Dasbor akun Blogger anda, klik Tata Letak dan pilih Edit HTML.
3. Modifikasi terlebih dahulu kode berikut.
<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Note:
Pada script diatas, silahkan sesuaikan dengan lebar sidebar (jika ingin ditampilkan di sidebar), background sidebar atau agar lebih cocok dengan template blog anda.
1. Lebar widget : 250px
2. Tinggi widget : 300px
3. Warna latar (background) : #ffffff (putih)
4. Warna huruf : 0x333333 (abu-abu)
5. Ukuran huruf : 12 
Untuk mengubah warna huruf, ubah saja kode setelah kode 0x diatas. Misal, untuk mengubahnya agar warna hurufnya menjadi hitam ditulis 0x000000. Untuk lebih jelas tentang kode-kode warna, silahkan rujuk: Hex Color Generator.

4. Setelah anda selesai memodifikasi script tersebut, letakkan script tersebut dibawah kode berikut:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Note:
Untuk mempermudah pencarian script tersebut, gunakan fasilitas Ctrl+F atau F3.
5. Lakukan Pratinjau. Jika berhasil, Save Template. Done!

Selamat Mencoba dan Semoga Berhasil!