Saturday, March 31, 2012

Cara Memasang Scroll Pada Kotak Komentar-Komentar

Cara Memasang Scroll Pada Kotak Komentar-Komentar - Sengaja saya memberi kata komentar menjadi komentar-komentar karena yang dimaksud adalah scroll pada komentar-komentar pengunjung, bukan kotak pengisian komentar. Mudah-mudahan tidak ada kesalah pahaman! :).

-kembali ke laptop-


Banyaknya jumlah komentar pada post/posting adalah kendala utama blog menjadi berat karena beban loading pada komentar menjadi lebih besar. Dan juga blog anda akan memanjang layaknya kereta api. Maka dari itu para komentator yang ingin berkomentar di blog anda akan melangkahi terlebih dahulu puluhan bahkan ratusan komentar.

Mungkin tutor ini dapat mencari jalan keluar untuk menghindari kendala-kendala diatas. Anda dapat memodifikasinya sedikit dengan memberi efek scroll pada kotak komentar. Tetapi, ada juga komentator yang tidak menyukai efek scroll, karena ruang baca yang terbatas (dikit-dikit scroll, dikit-dikit scroll, scroll, dan juga scroll). So, memberi efek scroll pada kotak komentar terdapat keuntungan dan kerugiannya.

Bagaimana cara membuat efek scroll pada kotak komentar?

Berikut langkah-langkahnya:
1. Pastikan anda sudah login ke akun Blogger/Google anda.
2. Masuk pada halaman Rancangan dan klik Edit HTML.
3. Beri tanda centang/ceklist pada "Expand Widget Templates"
4. Cari kode #comments-block{. atau lebih jelasnya seperti berikut.
#comments-block{border:0px dotted #ccc;padding:0;margin:0;float:left;width:569px;overflow:hidden;position:relative}
atau
#comments-block3{border:0px dotted #ccc;margin:1.3em 0 1.5em;line-height:1.6em ;width:474px}
5. Ganti teks yang berwarna biru dengan kode dibawah.
max-height:300px;border:1px solid #eee;overflow:auto
6. Maka, hasilnya akan seperti berikut.
#comments-block{max-height:300px;border:1px solid #eee;overflow:auto; ;padding:0;margin:0;float:left;width:569px;overflow:hidden;position:relative}
7. Save Template. Done!

Note:
1. Setiap template memiliki kode yang berbeda. Anda bisa cari yang mendekati saja. Kode tersebut saya ambil diberbagai template blog.

Semoga Berhasil.

Thursday, March 29, 2012

Cara Mengganti "Post a Comment" Blog Dengan Tulisan Lain

Cara Mengganti "Post a Comment" Dengan Tulisan Lain - Pada dasarnya, template XML memiliki banyak tag yang merupakan perintah pada suatu hosting blog untuk menampilkan sebuah teks, widget, atau konten. tag tersebut memiliki arti yang berbeda jika digunakan di hosting yang berbeda.

Salah satunya penyedia layanan hosting blog yang populer saat ini adalah Blogspot. Misalnya tag <data:postCommentMsg/>, jika dipakai di blogspot tag tersebut akan langsung dibaca dan dalam bahasa inggris akan memiliki arti "Post a Comment". Dan begitu juga tag <data:post.body>, Tag ini berfungsi memberikan indikasi permintaan browser kepada blogspot/hosting blog untuk menampilkan isi/konten sebuah posting, sampai menentukan posisinya. Tag tersebut memiliki arti tubuh posting. jika kita letakan suatu konten dibawahnya, maka dibawah tubuh posting tersebut akan muncul konten yang sudah kita letakan dibawah tag tersebut.

Sebagai contoh saya perlihatkan gambar form komentar yang sudah diedit. tag <data:postCommentMsg> sudah saya ganti dengan teks "Tinggalkan Sebuah Komentar". Untuk lebih jelasnya, lihat form komentar pada blog ini.

Nah, kita dapat mengganti tag tersebut dengan kata-kata lain dan memodifikasinya dengan huruf tebal, miring, efek shadow/bayangan, besar font/huruf dan sebagainya.

Bagaimana cara mengubahnya dengan kata-kata lain sesuai selera kita?

Adapun langkah demi langkah cara mengubahnya:
1. Pastikan terlebih dahulu login ke akun Blogger anda.
2. Masuk ke halaman Edit Template dan klik Edit HTML.
3. Kemudian beri tanda centang/klik pada "Expand Widget Templates".
4. Cari tag dibawah ini.
<data:postCommentMsg/>
5. Ganti tag tersebut dengan kata yang anda diinginkan. Misalnya, "Berikan jejak anda", "Tinggalkan sebuah komentar", "Apa pendapatmu?", dan masih banyak lagi.
6. Save template.  Done!


Note:
kode tersebut adalah tag perintah untuk menampilkan suatu teks pada komentar. Secara default, dalam bahasa Inggris tag tersebut memiliki arti "Post A Comment" dan dalam bahasa Indonesia, "Tambahkan Komentar".



Semoga Berhasil.

Saturday, March 24, 2012

Cara Membuat/Memasang Efek Salju Bertaburan di Blog

Cara Memasang Efek Salju Pada Blog - Efek ini menurut saya lumayan bagus untuk diterapkan. Bagi yang ingin blognya terlihat cool (baca: keren) disambut dengan hiasan-hiasan menarik mungking dapat membuat pengunjung blog anda menjadi betah (jika pengunjung itu suka dengan animasi menarik). Ukuran script efek salju ini 3.1 KB.

Bagaimana cara memasang efek salju pada blog?

Adapun caranya dengan step by step adalah sebagai berikut:
1. Pastikan terlebih dahulu anda sudah login ke akun Blogger anda.
2. Kemudian klik/masuk ke halaman Layout.
3. Klik Add a Gadgets dan pilih widget HTML/Javascript.
4. Salin kode berikut dan letakan di kotak script.
<script src='http://anvity.googlecode.com/files/snow.js' type='text/javascript'></script>
5. Save widget.

Semoga Berhasil. ^^

Cara Membuat/Memasang Permalink (Permanen Link)

Cara Membuat/Memasang Permalink (Permanen Link)Pada kesempatan kali ini saya akan memberikan tutorial beserta pengertian dari Permalink. Akhir-akhir ini saya mendapat komentar dari salah satu posting tutorial blog ini, komentar tersebut menanyakan saya cara membuat permalink. Oleh karena itu saya mencoba membahas tentang permalink beserta cara membuatnya.


Sebelum kita mulai bahas permalink, terlebih dahulu saya tunjukan gambaran dari permalink. Berikut contoh screenshot dari permalink (permanen link)..

Apa perngertian dari permalink?

Permanen link atau bisa disingkatnya permalink merupakan alamat URL atau link dalam bentuk deskripsi yang permanen tentang suatu postingan. Permalink itu sangat SEO Frendly. So, Blog kita mudah terindeks oleh Search Engine. Tentunya pagerank pada blog dapat dimungkinkan terus naik.

Bagaimana cara membuat permalink?

Untuk cara pembuatan Permalink adalah sebagai berikut:
1. Pastikan terlebih dahulu anda sudah login ke akun Blogger anda.
2. Masuk pada halaman Template dan klik Edit HTML.
3. Jangan lupa untuk memberi tanda ceklist/centang "Expand widget template".
3.
Cari kode dibawah ini (Gunakan fasilitas Ctrl+F untuk mempermudah pencarian)

]]></b:skin>
4. Letakan kode CSS dibawah ini tepat dibawah kode pada No. 3. 

.permalink {padding: 5px; background: #ffffff;border-radius:3px;line-height: 0.90}
.permalink a{color:#000} img.float-right {margin: 1px 0px 0 10px;} img.float-left {margin: 1px 10px 0 0px;}
.permalink a:hover{color:#000}
5. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p>, lalu salin kode berikut di bawahnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'><center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda dapat menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya. Terima kasih</small></center></div></b:if>
 5. Lalu Save Template dan ucapkan Alhamdullilah.


Note:
1) Jika anda sudah menggunakan fasilitas readmore, pada HTML Template akan ada 2 kode <data:post.body/> , silakan sobat pasang kode diatas (langkah 5) tadi di bawah kode <data:post.body/> yang kedua.
2) Jika kata-kata diatas kurang pas pada selera anda, Silahkan anda modifikasi agar kata-kata tersebut dapat menyesuaikan keinginan anda tetapi harus seo frendly.

Semoga Berhasil. ^^

Cara Membuat Pesan Penutup Ketika Blog Ditutup.

Cara Membuat Pesan Penutup Ketika Blog Ditutup - Sama halnya didunia nyata, terkadang seseorang mengucapkan pesan perpisahan kepada teman yang akan pergi. Begitu juga halnya didunia maya, tentunya pada blog. blog dapat diibaratkan sebagai rumah kita didunia maya. Anda juga dapat membuat pesan penutup/perpisahan saat pengunjung menutup blog anda.

Bagaimana cara membuatnya?

Berikut langkah-langkahnya:
1. Pastikan anda sudah login ke akun Blogger anda.
2. Masuk ke halaman Rancangan dan klik Edit HTML
3. Diantara kode-kode HTML, cari kode </head>
Note:
Untuk mempermudah pencarian kode-kode HTML maupun CSS, silahkan gunakan fasilitas pencarian cepat dengan menekan tombol Ctrl+F atau F3.
4. Masukan kode berikut dan letakan tepat dibawah kode No. 4.
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Pesan Penutup Disini&#39;);}
parent.window.onunload=goodbye; </script>
Note:
Silahkan anda ganti tulisan yang berwarna merah dengan kata penutup yang akan anda ucapkan saat blog anda ditutup oleh pengunjung, misal "Thanks buat kunjungannya sob..!!", "Jangan lupa untuk balik lagi ke blog saya..!!", "Bye, jangan lupa dengan nama blog ini", dsb.

5. Save Template. Done!

Semoga Berhasil. ^^

Thursday, March 22, 2012

Cara Membuat NavBar Tersembunyi (Autohide)

Navbar AutoHide - Strandarnya, setiap blog yang dibuat melalui Blogspot mempunyai tampilan NavBar atau NavigationBar di bagian posisi atas. Pada blog ini tampilan NavBar saya hilangkan/sembunyikan.

Namun, dengan sedikit trik tampilan ini dapat anda atur. Salah satunya adalah membuat NavBar tersebut menjadi autohide, yaitu pada saat cursor atau mouse berada pada posisi atas atau sedang berada pada NavBar, maka NavBar akan muncul. Dan sebaliknya, ketika cursor tidak berada pada posisi atas, NavBar itu akan bersembunyi.

Adapun langkah-langkahnya adalah sebagai berikut:
1. Login ke akun Blogger anda.
2. Masuk ke halaman Dashbor blog anda.
3. Klik menu tata letak.
4. Pilih Edit HTML.
5. Setelah itu pada bagian edit template, cari kode body {
body{.....;......;.....;.....;dst}
6. Kemudian letakan kode dibawah ini tepat diatas kode body {

#navbar-iframe{opacity:0.0;-moz-opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;-moz-opacity:1.0;filter:alpha(Opacity=100)}
7. Save dan ucapkan Alhamdullilah.


Semoga Berhasil. ^^

Wednesday, March 21, 2012

Cara Membuat/Memasang Tool Meta Tag Analysis

Cara Membuat/Memasang Tool Meta Tag Analysis - Rincian lengkap tentang tool ini sudah dibahas di Meta Tag Analysis. Pada halaman ini tidak ada basa-basi yang dijelaskan. So, langsung ke tutorialnya ya. :)

Caranya tidak begitu sulit seperti sebagaimana memasang suatu widget dengan membuat CSS-nya terlebih dahulu atau sebagainya

Ok, Berikut langkah-langkahnya:
1. Login ke akun Blogger anda.
2. Pilih Posting baru.
3. Masuk pada tab Edit HTML.
4. Masukan kode dibawah ini.


<table border="0" cellpadding="0" cellspacing="0" style="width: 380px;">
<tbody>
<tr>
 <td bgcolor="#e0e0e0"><table border="0" cellpadding="4" cellspacing="1">
<tbody>
<tr>
 <td bgcolor="#e0e0e0" width="100%"><strong>Meta Tag Analyzer</strong></td>
</tr>
<tr>
 <td bgcolor="#f7f7f7" valign="top"><form action="http://www.seocentro.com/tools/search-engines/metatag-analyzer.html" method="POST">
<small>
<strong>Check your meta tags!</strong><br /><br />
example: <strong>http://www.your-site.com</strong>.<br />
<input name="url" size="40" type="text" value="http://" /> URL<br /><br />


<select name="robot">
 <option selected="" value="">Spider Robots</option>
        <option value="Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)">GoogleBot</option>
        <option value="Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)">Yahoo! Slurp</option>
        <option value="msnbot/1.0 (+http://search.msn.com/msnbot.htm)">MSNBot</option>
</select> (optional)<br />
<input maxlength="255" name="custom_robot" size="40" type="text" /> User Agent * (optional)<br /><br />
<script src="http://www.seocentro.com/setkey.js" type="text/javascript">
</script><br />
Please enter the <strong>access code</strong> as displayed above.<br />
<input maxlength="5" name="rkey" size="8" type="text" value="" /> Access code<br />
<input name="Submit" type="submit" value="Submit" /><br />
</small>
<input name="remote" type="hidden" value="yes" />
</form>
<small>
Online <a href="http://www.seocentro.com/tools/search-engines/metatag-analyzer.html" target="_blank">Meta Tag Analyzer</a>
provide by <a href="http://www.seocentro.com/" target="_blank">SEOCentro</a>.
</small>
 </td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
5. Pilih Publish. Done!

Semoga berhasil. ^^  

Sunday, March 18, 2012

Cara Membuat Daftar Isi Berdasarkan Tanggal Posting

Cara Membuat Daftar Isi Berdasarkan Tanggal Posting - Daftar isi adalah dimana disana terdapat konten atau isi  blog atau web tersebut. Jadi, tidak salah jika kita memberi daftar isi pada blog kita untuk meningkatkan kebetahan pengunjung ketika sedang menetap di blog kita. Iya tidak? pastinya jawabannya YA bukan? Misalnya, anda sedang mengunjungi suatu blog (Blogwalking), disana anda akan terpengaruh dengan link-link pada blog tersebut, seperti:
1. Contents ( daftar isi atau arsip blog ).
2. Recent Post ( artikel sembarang ).
3. Related Post ( artikel yang berkaitan ).
4. Popular Post ( artikel terpopuler atau paling banyak dibaca ).
5. Newest Post ( artikel terbaru ).
Maka dari itu, Daftar Isi sangat berperan dalam meningkatkan trafik pada suatu blog. Ukuran scriptnya hanya 1.9 KB. Jadi, Memungkinkan bahwa loading script ini cepat.


Ok, berikut tutorial 'Cara Membuat Daftar Isi Berdasarkan Tanggal Posting':
1. First, Login ke akun Blogger anda.
2. Pilih Posting Baru.
3. Masukan kode berikut pada menu HTML.
<div style="background-color: none;border-radius:3px;border: 2px dashed #7B7B7B; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 95%;"><div align="center"><span style="font-size: medium;">Daftar Isi Berdasarkan Tanggal Postingan</span></div><script src="http://anvity.googlecode.com/files/Daftar%20Isi%20ANVITY.js"></script><script src="http://blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>  
4. Pilih Publish.
5. Selesai.

NB:
Ganti tulisan yang berwarna hijau dengan alamat blog anda.



Semoga Berhasil. ^^

Download Mozilla Firefox 11.0 (Newest Version)

Download Mozilla Firefox 11.0 (Newest Version) - Pada bulan Maret ini Perusahaan Mozilla Firefox meluncurkan versi terbarunya, yaitu Mozilla Firefox 11.0. Pada kesempatan kali ini ANVITY Blog akan membahas versi terbarunya. Postingan khusus update manual mozilla firefox 2012 dengan link download Mozilla Firefox terlebih dahulu.

Mozilla Firefox 11.0
 sudah hadir dan siap di download mulai tanggal 15 Maret 2012 (kemarin), tapi kenapa baru posting (18/03/2012). karena saya tidak selalu ONLINE 24 jam NON-STOP dan banyaknya tugas atau kesibukan sekolah maupun luar sekolah yang harus dilakukan dan diselesaikan. Tapi, Alhamdullilah akhirnya bisa posting artikel juga :) Silahkan download mozilla firefox terbaru melalui link yang sudah disediakan disini. 

DOWNLOAD MOZILLA FIREFOX TERBARU - UPDATE 2011

Saya tidak akan langsung menyediakan link downloadnya, tetapi saya akan beritahu kalian terlebih dahulu, Apa sih penambahan fitur baru yang disediakan pada versi 11.0 ini ?

Berikut penambahan fitur Mozilla Firefox 11.0 :

  1. Salah satu Fitur terbaru dari firefox 11 adalah kemampuannya mengimpor data dari browser google chrome. Jika sebelumnya user menggunakan google chrome dapat mengimpor bookmar, history, cookie dan password.
  2. sinkronisasi add-on ke beberapa komputer, tool Tilt untuk para pengembang, memperbesar dan memperkecil tampilan untuk mempermudah berinteraksi dengan elemen web yang tumpang tindih.
  3. Mozilla Firefox 11 ini dirilis dengan beberapa perubahan dan perbaikan keamanan. Tersedia untuk sistem operasi windows XP, Vista dan 7 serta Mac OS x10.5, 10.6 dan juga 10.7.

Thursday, March 15, 2012

Tool: Membahas dan Deskripsi Meta Tag Analysis

Membahas dan Deskripsi Meta Tag Analysis - Meta tag sangat penting dibidang SEO (Search Engine Optimalization).  Meta Tag adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian <head> dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk meta data lain tanpa “head”. Jadi, berdasarkan penjelasan itu, meta tag itu sangat penting untuk SEO, karena dalam meta tag tersebut berisi informasi dari blog kalian yang nantinya akan di baca oleh Search Engine. Dah bahkan meta tag berisi perintah kepada Search Engine.



Dahulu, pada pertengahan tahun 1990-an, Meta tag dikembangkan untuk membantu pertumbuhan yang cepat dari halaman web/blog. Namun pada akhir 90-an ada kejadian besar. Banyak Webmaster, umumnya mereka yang berada pada situs dewasa (berisi konten dewasa) menyalahgunakan penggunaan Meta tag, terutama meta tag keyword. Banyak kata kunci yang tidak terkait ditempatkan di situs mereka di bagian Meta tag, menyebabkan situs yang berisi konten dewasa mereka muncul di hasil pencarian, padahal tidak terkait dengan topik.


Akhirnya mesin pencari mulai menghentikan penggunaan Meta tag sebagai kriteria utama untuk melisting situs-situs. Terutama Google, Google selalu mengabaikan penggunaan Meta tag.

Perlu anda ketahui bahwa ada beberapa mesin pencari yang membaca Meta tag dengan cara mereka sendiri. Misalnya searchBC yang merupakan search engine untuk British Columbia. Salah satu Meta tagnya adalah 'revisit after' yang mana meta tag ini tidak didukung oleh google.

Jadi, berita baiknya, bahwa ada ribuan search engine yang ada di dunia maya yang tentu saja akan menggunakan meta tag yang anda gunakan. Jadi, jangan berkecil hati karena google cuma me-index Google Meta Tag. Terus optimasi SEO sobat semaksimal mungkin.

Ok, salah satu tool ini sangat berguna untuk mengetahui seberapa relevan meta tag yang anda buat. dan sekali lagi, Hindarkan SalahMempergunakan Meta Tag!



Meta Tag Analyzer
Check your meta tags!

example: http://www.your-site.com.
URL

(optional)
User Agent * (optional)


Please enter the access code as displayed above.
Access code

Online Meta Tag Analyzer provide by SEOCentro.

Cara Membuat/Memasang Recent Comment

Cara Membuat/Memasang Recent CommentOk tanpa panjang lebar, bagi anda ingin memasang recent Comments langsung saja ikuti langkah-langkah dibawah ini:
1. Login ke Blogger 
2. lalu, klik Design -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript
3. Copy dan paste kode dibawah ini ke dalam kotak 'content'.
<script style=text/javascriptsrc=http://hbhost.googlecode.com/files/recent-comments.js></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><scriptsrc=http://namablog.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script> <style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} </style>

NB :
  • Angka 5 pada a_rc menunjukkan jumlah komentar yang muncul. Ganti nilainya bila perlu.
  • false pada m_rc menunjukkan tanggal komentar tidak ditampilkan. Ketik "true" jika anda ingin menampilkan tanggalnya. 
  • true pada n_rc menunjukkan judul postingan ditampilkan. Ketik "false" jika anda tidak mau menampilkannya.
  • Ganti tulisan namablog dengan nama blog kalian.

4. Kalau sudah klik Save dan lihat hasilnya.

Selamat mencoba dan semoga sukses. ^^

Wednesday, March 14, 2012

Download Aplikasi Blogger For Mobile

Posting kali ini (Download Aplikasi Blogger for Mobile) lumayan bermanfaat bagi yang ingin posting artikel walau kemana-mana. yaitu, kita dapat terus Bloggeran/atau posting di Mobile. Tapi, ini semua hanya untuk Android dan iPhone.

Mudah-mudahan artikel ini dapat bermanfaat. ^^
Ok, agar blog NON-STOP posting artikel langsung aja ke INTI :
1. Login ke akun Blogger kalian.
2. Masuk ke tab Overview 3. Klik tombol 'Get Blogger for mobile'

4. lalu, anda pasti akan di alihkan ke alamat http://www.google.com/mobile/blogger/

5. dan disana pilih Mobile apa yang anda miliki, Android atau iPhone.
6. Next, anda akan diminta memasukan No. HP anda.
7. Terakhir anda akan mendapat SMS yang disana terdapat link/alamat Download.

Happy Blogging with your Mobile. ^^

Cara Membuat Link Sumber Otomatis ketika di COPAS

Waduh, karena maraknya para plagiator yang suka tidak memberi sumber/link aktif setelah mengCopy-Paste, Jadi, ta' posting artikel ini yang berjudul Cara Memberi Link Sumber Otomatis Ketika artikel di COPAS, atau memberi link yang tampil secara otomatis ketika artikel pada postingan blog kita di copy paste orang sangat mudah.
Copy paste
 adalah hal yang wajar, kadang pembaca mengcopy paste sebuah artikel untuk pribadi dan agar apa yang dia peroleh tidak hilang, dan caranya mereka mengcopynya pada blog mereka masing-masing.

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut. Nah, bagi kamu yang ingin jika artikel kamu di copas lalu akan tebentuk sebuah link yang mengarah kepada artikel sobat, saya punya scriptnya, silahkan saja pasang di blogmu.


Sipp, langsung aja ke Bagaimana Caranya ?
1. Login ke akun Blogger kalian.
2. Pilih Design >> Edit HTML (Centang 'Expand Template Widget')
3. Cari kode tag <body>
4. Setelah ditemukan, letakan kode berikut ini tepat di atas kode tadi.

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://anvity.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script> 
5. Terakhir, Save dan ucapkan Alhamdullilah.
Semoga BERHASIL ^^

Script/Kode Simbol-Simbol Pada HTML

HTML Logo Simbol HTML ANVITY
Script/Kode Simbol-Simbol Pada HTML - Melihat judul artikel kali ini pastinya anda selagi blogger sudah tidak asing lagi masalah HTML coding. terlebih lagi yang sudah terbiasa dengan coding HTML serta susunannya. Semoga dengan adannya artikel simbol HTML ini dapat mempermudah seorang Blogger dalam mencari kode yang dibutuhkan untuk blognya. Banyaknya simbol-simbol HTML tidak mungkin kita menghafalnya satu per satu. So, sudah terbukti alasan saya membuat artikel ini adalah untuk menjadi catatan Blogger dalam membuat kode. Kode yang harus anda copy/salin ke dalam HTML adalah HTML Angka dan Huruf. Keduannya sama, Anda bebas memakai yang mana.


  • 1. Simbol Matematika



  • Karakter HTML Angka HTML Huruf Keterangan
    &#8704; &forall; for all
    &#8706; &part; part
    &#8707; &exists; exists
    &#8709; &empty; empty
    &#8711; &nabla; nabla
    &#8712; &isin; isin
    &#8713; &notin; notin
    &#8715; &ni; ni
    &#8719; &prod; prod
    &#8721; &sum; sum
    &#8722; &minus; minus
    &#8727; &lowast; lowast
    &#8730; &radic; square root
    &#8733; &prop; proportional to
    &#8734; &infin; infinity
    &#8736; &ang; angle
    &#8743; &and; and
    &#8744; &or; or
    &#8745; &cap; cap
    &#8746; &cup; cup
    &#8747; &int; integral
    &#8756; &there4; therefore
    &#8764; &sim; simular to
    &#8773; &cong; approximately equal
    &#8776; &asymp; almost equal
    &#8800; &ne; not equal
    &#8801; &equiv; equivalent
    &#8804; &le; less or equal
    &#8805; &ge; greater or equal
    &#8834; &sub; subset of
    &#8835; &sup; superset of
    &#8836; &nsub; not subset of
    &#8838; &sube; subset or equal
    &#8839; &supe; superset or equal
    &#8853; &oplus; circled plus
    &#8855; &otimes; cirled times
    &#8869; &perp; perpendicular
    &#8901; &sdot; dot operator


    2. Simbol dan Tulisan Yunani
    Karakter HTML Angka HTML Huruf Keterangan
    Α &#913; &Alpha; Alpha
    Β &#914; &Beta; Beta
    Γ &#915; &Gamma; Gamma
    Δ &#916; &Delta; Delta
    Ε &#917; &Epsilon; Epsilon
    Ζ &#918; &Zeta; Zeta
    Η &#919; &Eta; Eta
    Θ &#920; &Theta; Theta
    Ι &#921; &Iota; Iota
    Κ &#922; &Kappa; Kappa
    Λ &#923; &Lambda; Lambda
    Μ &#924; &Mu; Mu
    Ν &#925; &Nu; Nu
    Ξ &#926; &Xi; Xi
    Ο &#927; &Omicron; Omicron
    Π &#928; &Pi; Pi
    Ρ &#929; &Rho; Rho
    undefined Sigmaf
    Σ &#931; &Sigma; Sigma
    Τ &#932; &Tau; Tau
    Υ &#933; &Upsilon; Upsilon
    Φ &#934; &Phi; Phi
    Χ &#935; &Chi; Chi
    Ψ &#936; &Psi; Psi
    Ω &#937; &Omega; Omega
    α &#945; &alpha; alpha
    β &#946; &beta; beta
    γ &#947; &gamma; gamma
    δ &#948; &delta; delta
    ε &#949; &epsilon; epsilon
    ζ &#950; &zeta; zeta
    η &#951; &eta; eta
    θ &#952; &theta; theta
    ι &#953; &iota; iota
    κ &#954; &kappa; kappa
    λ &#955; &lambda; lambda
    μ &#956; &mu; mu
    ν &#957; &nu; nu
    ξ &#958; &xi; xi
    ο &#959; &omicron; omicron
    π &#960; &pi; pi
    ρ &#961; &rho; rho
    ς &#962; &sigmaf; sigmaf
    σ &#963; &sigma; sigma
    τ &#964; &tau; tau
    υ &#965; &upsilon; upsilon
    φ &#966; &phi; phi
    χ &#967; &chi; chi
    ψ &#968; &psi; psi
    ω &#969; &omega; omega
    ϑ &#977; &thetasym; theta symbol
    ϒ &#978; &upsih; upsilon symbol
    ϖ &#982; &piv; pi symbol
    3. Simbol lain


    Karakter HTML Angka HTML Huruf Keterangan
    Π&#338; &OElig; capital ligature OE
    œ &#339; &oelig; small ligature oe
    Š &#352; &Scaron; capital S with caron
    š &#353; &scaron; small S with caron
    Ÿ &#376; &Yuml; capital Y with diaeres
    ƒ &#402; &fnof; f with hook
    ˆ &#710; &circ; modifier letter
    ˜ &#732; &tilde; small tilde
    &#8194; &ensp; en space
    &#8195; &emsp; em space
    &#8201; &thinsp; thin space
    &#8204; &zwnj; zero width non-joiner
    &#8205; &zwj; zero width joiner
    &#8206; &lrm; center-to-right mark
    &#8207; &rlm; right-to-center mark
    &#8211; &ndash; en dash
    &#8212; &mdash; em dash
    &#8216; &lsquo; center single quotation mark
    &#8217; &rsquo; right single quotation mark
    &#8218; &sbquo; single low-9 quotation mark
    &#8220; &ldquo; center double quotation mark
    &#8221; &rdquo; right double quotation mark
    &#8222; &bdquo; double low-9 quotation mark
    &#8224; &dagger; dagger
    &#8225; &Dagger; double dagger
    &#8226; &bull; bullet
    &#8230; &hellip; horizontal ellipsis
    &#8240; &permil; per mille
    &#8242; &prime; minutes
    &#8243; &Prime; seconds
    &#8249; &lsaquo; single center angle quotation
    &#8250; &rsaquo; single right angle quotation
    &#8254; &oline; overline
    &#8364; &euro; euro
    &#8482; &trade; trademark
    &#8592; &larr; center arrow
    &#8593; &uarr; up arrow
    &#8594; &rarr; right arrow
    &#8595; &darr; down arrow
    &#8596; &harr; center right arrow
    &#8629; &crarr; carriage return arrow
    &#8968; &lceil; center ceiling
    &#8969; &rceil; right ceiling
    &#8970; &lfloor; center floor
    &#8971; &rfloor; right floor
    &#9674; &loz; lozenge
    &#9824; &spades; spade
    &#9827; &clubs; club
    &#9829; &hearts; heart
    &#9830; &diams; diamond

    Happy Blogging. ^^

    Tuesday, March 13, 2012

    Download CS Extreme V6 Free Full Version

    Sekarang saya tidak akan posting artikel berupa Tips Blogging atau yang lainnya, melainkan Games, yaitu Counter Strike EXTREME V6.

    Ternyata salah satu games yang berkategori Shooting ini telah di liris.
     Pada versi terbaru ini, menurut saya Grafiknya lebih bagus daripada versi sebelumnya. Selain itu, masih banyak fitur - fitur yang baru seperti: penambahan assault riffles, penambahan sub machine gun dan penambahan karakter yang berbeda - beda.

    Kalian pasti sudah tau kan kalau CS Extreme memiliki 6 mode yang berbeda dari versi ke limanya, antara lain: normal mode, death match, ghost mode, zombie mod 3, zombie scenario dan zombie unite. Dan adanya penambahan fiturseperti tool tips. Kalau mau tau lebih lanjut lihat deskripsi, screenshot dan link downloadnya di bawah ini:

    Spesifikasi minimal yang dibutuhkan:
    • OS: Windows Xp / 7
    • Processor: Pentium 4, 2,4 Ghz / better
    • RAM: 1GB
    • Harddrive: 2GB
    • Graphic card: GForce FX Series or better
    Screenshotnya :



    Berikut Link Downloadnya:
    Passwordnya: alisoftware

    NB :Tunggu beberapa saat hingga Download selesai dan form password muncul, lalu masukan passwordnya.

    Selamat mencoba dan semoga berhasil. ^^

    Cara Membuat Efek Power Saving Mode Pada Blog

    Posting pagi, Alhamdullilah akhirnya bisa posting juga, yang akan saya bahas pada malam hari ini adalah mengenai "Cara Membuat Efek Power Saving Mode Pada Blog".

    Ok, biar tau Gimana sih tampilan Power Saving Mode ?,
    langsung aja ke Step by Step :
    1. Login ke akun Blogger anda.
    2. Pilih Design >> Edit HTML
    3. Cari kode </head>
    4. Masukan kode berikut tepat di atasnya.

    <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=100' type='text/javascript'/>
    5.  Save dan semoga Berhasil

    NB : Ganti angka yang bercetak merah sesuai keinginan anda berapa lama tampilan itu akan muncul.

    Sunday, March 11, 2012

    Cara Membuat File Javascript Dengan Notepad (.js)

    Cara Membuat File Javascript Dengan Notepad (.js) - Hi Bloggers! Alhamdullulah pada kesempatan waktu ini saya akan berbagi dan share anything untuk sobat. Bahan bicara yang akan kita pakai kali ini adalah cara pembuatan file javascript atau yang lebih jelasnnya cara membuat file yang berekstemsi .js. Sebelum kita mulai pada inti-nya, pertama anda terlebih dahulu harus tau apa fungsi javascript dan penjelasannya.

    Apa itu Javascript?

    Javascript adalah salah satu dari beberapa bahasa pemograman web dalam dunia internet dan akan diidentifikasi oleh web browser seperti Chrome, Opera, Mozilla, Safari, IE yang biasanya digunakan untuk fungsi tertentu, seperti pembuatan widget, efek, atau interaksi lainnya. Bahasa Javacript ini pertama kali dikembakab oleh Brendan Eich dari perusahaan Netscape yang sebelumnya nama Javascript ini Mocha yang nantinya namanya akan diganti menjadi Livescript dan akhirnya nama tersebut resmi menjadi Javascript yang kita kenal sekarang. Netscape adalah peramban web atau web browser yang populer pada tahun 1990-an. Sebelum adannya Internet Explorer, browser ini sangat terkenal saat itu. Namun, setelah Internet Explorer muncul di dunia maya web browser ini kepopuleran serta pemakainnya justru semakin menurun.

    So, dapat kita simpulkan bahwa Javascript adalah bahasa pemograman era terdahulu. Jika script berbentuk sebuah file, biasanya akan berekstensi atau berformat .js.

    Biasannya pada Javascript ketika dipanggil berbentuk function atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di tag Head pada akan menjamin skript di-load terlebih dahulu sebelum digunakan/dipanggil.

    Untuk contoh pembuatan file javascript, saya menggunakan Javascript alert sebagai isi filenya. Berikut contoh perintah kode Javascript alert:
    alert("WELCOME TO ANVITY BLOG")
    Namun jika kita ingin menyisipkannya di halaman website/blog, tambahkan kode pembuka dan penutup HTML Javascript seperti ini:
    <script type="text/javascript">
    alert("WELCOME TO ANVITY BLOG")
    </script>

    Bagaimana cara membuatnya agar menjadi file javascript?

    1. Buka Notepad. (Start Menu » Run » ketik 'Notepad' » tekan Enter)
    2. Masukkan contoh kode Javascript tadi kedalam Notepad.

    3. Setelah anda meletakan contoh kode tersebut, klik pada kolom File dan pilih Save As.
    4. Ket Beri nama dengan ekstensi .js dan type diberi All Files. Contoh, nama file Javascript saya beri "file_punyaku.js".

    5. Terakhir, Save untuk menyimpan dan ucapkan Alhamdullilah. Done!

    NetQin, Aplikasi Antivirus Gratis Untuk BlackBerry


    Kali ini, saya akan share mengenai artikel yang berlabel Software, yaitu "NetQin, Aplikasi Antivirus Gratis Untuk BlackBerry".
    Sistem Operasi (OS-Operating System) BlackBerry dan perangkatnya sudah banyak menjadi idola pemakainya, bahkan salah satu Merk HP ini dapat dikatakan "BB, HP Sejuta Umat !!",  selepas dari itu sistem operasi pada blackberry juga rentan terhadap virus-virus yang merugikan seperti trojan dan worm.
    Dengan aplikasi NetQin, BlackBerry Anda akan lebih aman dari virus. NetQin bekerja sangat baik untuk menganalisis setiap file, menawarkan kemungkinan menemukan beberapa spyware atau malware. NetQin akan selalu diaktifkan untuk keadaan darurat atau virus.
    Fitur utama dari NetQin Antivirus & Security:
    • Full scan untuk blok virus, malware, dan spyware.
    • Real-time virus proteksi, malware and spyware.
    • Update database virus untuk memastikan Anda mendapatkan perlindungan dari virus, malware, trojan, spyware dan ancaman keamanan ponsel lainnya.
    Backup and Restore:
    • Backup contacts ke SD card atau ke NetQin server securely.
    • Restore contacts kapanpun Anda inginkan.
    • Mengambil daftar kontak lintas platform, tidak peduli Anda menggunakan smartphone lain sebelumnya.
    Anti-Hilang:
    • Anti-Pencurian yang membantu Anda untuk menemukan kembali smartphone Anda yang hilang.
    • Perlindungan keamanan mobile dan perlindungan privasi dalam kasus ponsel hilang.
    • Menemukan smartphone Anda dari jarak jauh hilang dengan GPS atau kartu SIM stasiun pangkalan, dan menampilkannya pada peta.
    • Mengunci dari jauh smartphone Anda dengan mengirimkan pesan teks melaui perintah dari telepon lain.
    • Aktifkan alarm yang sangat keras untuk menemukan spartphone Anda yang hilang jika berada di dekat Anda, bahkan jika pada profil silent (diam) atau vibrate (bergetar).
    • Menghapus dari jarak jauh data pribadi pada smartphone Anda untuk melindungi privasi dalam waktu pertama, termasuk kontak, SMS/MMS, foto, log panggilan, browser history, kalender, bahkan menghapus kartu SD.
    Untuk link Download-nya :
    NetQin Antivirus for Blackberry
    Dan, Semoga Bermanfaat.

    Cara Membuka Semua Format File Dengan Satu Aplikasi


    Alhamdullilah,Akhirnya saya ketemu artikel yang menurut saya sangat menarik dan sangat bermanfaat, yaitu Cara Membuka Semua Format File Dengan Satu Aplikasi.

    Dilihat dari judulnya aja sudah menarik, apalagi kita baca lebih dalam lagi. Tadinya disaat saya sedang Blogwalking, ketemu artikel ini. pertama baca sih saya sudah bingung duluan, "Memangnya ada ya, Aplikasi yang bisa buka semua format file ?".

    Aplikasi ini dapat membuka banyak sekali jenis file tanpa harus anda mendowload Software untuk membuka salah satu jenis file hebatnya lagi aplikasi ini dapa juga membuka file video.
    Dibawah ini adalah jenis-jenis dari file yang dapat di buka :
    • Code Files (.c, .cs, .java, .js, .php, .sql, .vb) 
    • Web Pages (.htm, .html) 
    • Photoshop Documents (.psd)  
    • Images (.bmp, .gif, .jpg, .jpeg, .tiff) 
    • XML Files (.resx, .xml)  
    • PowerPoint® Presentations (.ppt, .pptx) 
    • Media (.avi, .flv, .mid, .mkv, .mp3, .mp4, .mpeg, .mpg, .mov, .wav, .wmv) 
    • Microsoft® Word Documents (.doc, .docx) 
    • 7z Archives (.7z) 
    • SRT Subtitles (.srt) 
    • RAW Images (.arw, .cf2, .cr2, .crw, .dng, .erf, .mef, .mrw, .nef, .orf, .pef, .raf, .raw, .sr2, .x3f) 
    • Icons (.ico) 
    • Open XML Paper (.xps) 
    • Torrent (.torrent) 
    • Flash Animation (.swf) 
    • Archives (.jar, .zip) 
    • Rich Text Format (.rtf)  
    • Text Files (.bat, .cfg, .ini, .log, .reg, .txt) 
    • Apple Pages (.pages)  
    • Microsoft® Excel Documents (.xls, .xlsm, .xlsx) 
    • Comma-Delimited (.csv)  
    • Outlook Messages (.msg) 
    • PDF Documents (.pdf)  
    • vCard Files (.vcf) 
    HATI - HATI !! Aplikasi ini ditanggung Biaya Rp. 0,- !!!
    Semoga Bermanfaat.

    Ziddu

    Media Fire

    Cara membuat Timer Page Load

    Sudah lama tidak posting artikel menarik buat para pengunjung setia .::ANVITY ::. Gara-gara banyak PR dari sekolahku, dan aktif di Facebook buat bahas soal-soal.

    heheheh, sangking seriusnya sampai lupa ama blogku ini yang dari hari ke hari jarang UP TO DATE. Bahkan bisa di bilang blog hantu.

    Tapi, Alhamdullilah kesempatan kali ini saya bisa share mengenai "Cara membuat Timer Page Load".
    Timer Page Load adalah script yang memungkinkan seseorang dapat mengetahui berapa lama suatu halaman (Web/Blog) tersebut loading.

    Ok, langsung aja ke 'How to make Timer Page Load'
    1. Login ke akun Blogger anda
    2. Rancangan >> Edit HTML
    3. Cari kode </head>
    4. Letakan kode berikut ini tepat diatas tag </head>

    <script type='text/javascript'>var d = new Date();var starttime = d.getTime(); //Get the start time</script>
    5. Selanjutnya, cari kode </body>
    6. Letakan kode dibawah ini tepat di atasnya.

    <script type='text/javascript'>var d2 = new Date();var endtime = d2.getTime(); //Get the end time//Find the difference between the start and end timesvar totaltime = (endtime - starttime)/1000;//Round 2 decimal placesvar result = Math.round(totaltime*100)/100;//Output results to a &quot;P&quot; elementdocument.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in: &quot;+ result +&quot; seconds&quot;;</script>
    7. Terakhir, letakkan kode berikut dimana anda akan menampillkan widget ini (bisa di footer ataupun pada widget HTML/JavaScript)
    8. Simpan dan ucapkan Alhamdullilah.


    Selamat Mencoba.