Showing posts with label WebMaster. Show all posts
Showing posts with label WebMaster. Show all posts
Trik Mendatangkan Visitor , Trafik dan Dollar

Diposkan oleh alan bk on Tuesday, 24 July 2012

     Mempunyai website yang banyak pengunjungnya tentu impian semua Webmaster , Tapi hanya pengunjungsaja tidak cukup karna manusia itu juga butuh yang namanya Uang .
Moneysan adalah situs PTC atau Paid To Click , Moneysan juga mempunyai Credit Site artinya juga agan klik iklan moneysan otomatis agan juga dapat credit site , contoh : agan punya credit site 100 maka nanti 100 visitor akan di kirim ke website agan .
Langsung saja ke TKP :
1. Daftar di SINI
2. Klik Register dan isi Form yang tersedia
3. Jika sudah beres register masuk ke manu PTC dan klik semua iklan yang ada.
4. Masuk ke credit site , terus masukan  berapa banyak visitor yang akan dikirim ke website agan.
Baca Selanjutnya
Manfaat Tukar Link Di Blog atau Website

Diposkan oleh alan bk on Monday, 23 July 2012





    Berikut Adalah beberapa Manfaat Bertukar link:
1. Anda akan mendapatkan banyak link partner untuk blog anda.
2. Ranking blog anda di search engine akan semakin meningkat
3. Anda kan mendapat banyak anchor text dari blog lain
4. dapat meningkatkan pagerank blog anda
5. Pengunjung blog andapun akan bertambah
6. Blog anda bisa mendapat back link dari banyak blog
7. Mempererat pertalian antar sesama blogger

8. Alexa Rank web Anda akan bertambah
Tunggu apa lagi , ayo kita bertukar link http://www.prodiface.com/2012/07/tukar-link_21.html
Baca Selanjutnya
Cara Membuat Widget atau Gadget Komentar Terbaru di Blogger

Diposkan oleh alan bk


     Widget atau Gadget  Komentar Terbaru terkadang sangat penting untuk memantau orang yang berkomentar di blog kita.
Beberapa fungsi dari sebuah widget adalah menampilkan cuplikan-cuplikan tertentu, seperti halnya widget populer post yang berfungsi menampilkan artikel-artikel yang sering dibaca oleh pengunjung. Selain itu pasti kita juga mengenal sebuah widget yang berfungsi mengetahui sebuah riwayat dari sebuah komentar, yaitu new coment. Kita bisa tahu komentar-komentar pengunjung blog dari sebuah artikel walaupun artikel itu udah lama.
1. Login ke Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Scrip
5. Copas Kode dibawah ini
<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#FFFFFF;
  margin:0px 0px;
  padding:10px 10px;
  color:#000;
  border:4px solid #FFFFFF;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}


#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}


#komentar ul li {
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  padding:3px 0px;
  list-style:none;
}


#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:#0C503A;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}


#komentar ul li b:before {
  content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 5,
    jmlkarakter = 200,
    home_page   = "http://prodiface.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>

Silahkan Edit warna dan lainnya sesuakmu ...
Good Luck.
Baca Selanjutnya
Hack Trafik Alexa dengan Smart Click

Diposkan oleh alan bk on Thursday, 19 July 2012

     Alexa Merupakan Situs yang mencatat trafik blog kita, dengan kata lain jika pengunjung blog kita banayk maka trafik rank alexa kita akan tinggi. Pertanyaannya sekarang bagaimana untuk menaikkan trafik rank alexa dengan cepat terutama untuk blog baru. Tinggi atau rendahnya rank alexa kita ditentukan oleh pengujung unik yang datang ke blog kita, Jika anda ingin bersabar untuk menaikkan rank alexa anda bisa baca artikel saya sebelumnya " menaikkan pagerank alexa ",tetapi tapi ada baikknya menggabungkan cara yang sebelumnya dengan cara hacking alexa berikut ini.

Hacking Trafik alexa atau gampangnya cara cepat untuk menaikkan rank alexa bisa dilakukan dengan cara mengirimkan anonymous IP secara random ke Blog kita. Alexa akan menghitungg beberapa IP yang masuk ke Blog kita dan mencatat nya sebagai kunjungan oleh orang lain.IP secara random ataupun beurutan yang kita masukkan ke Blog akan dicatat sebagai trafik yang masuk. Kita bisa memasukkan dan seolah-olah membuat Ribuan trafik yang masuk ke Blog kita.
Hal utama yang harus disiapkan adalah software auto click ( download disini ). Dengan software ini kita bisa menggunakan fasilitas "smartClik". yaitu merekam posisi link target yang sudah kita tentukan kemudian software akan melakukan auto click secara otomatis dengan setingan waktu yang bisa kita tentukan sesuai kebutuhan ( baca panduannya di menu help, software ini cukup simple dan mudah digunakan ) . Setelah software siap sekarang kita buka situs web proxy ( pakai web proxy yang ini saja http://proxy2.info/ ) atau bisa pakai proxy lain tidak apa-apa.

Setelah Anda membuka http://proxy2.info/, masukkan URL blog Anda kedalam "form browse". Setelah Blog Anda terbuka. Perhatikan link "Clear Cookies" di pojok kanan atas web tersebut. Aktifkan Auto "SmartClick" pada software autoclick. Drag dan Rekam posisi link "Clear Cookies". Seting durasi click sesuai dengan kebutuhan Anda. Jalankan AutoClick.

Anda bisa menggunakan banyak web proxy sesuai dengan keinginan Anda. Durasi click bisa disesuikan dengan kecepatan koneksi Anda. Lebih baik berikan durasi 4 menit untuk mereload ulang Blog Anda. Berikan refresh pada saat-saat tertentu agar blog dapat ter-reload dengan baik. Dengan melakukan clear Cookies maka secara otomatis web proxy akan merubah IP nya,karena kita me-reload blog secara berulang-ulang maka seakan kita memasukkan banyak trafik dengan IP yang berlainan pada waktu yang sama.

Saran saya sebelum melakukan ini lepas dulu google adsense yang ada di blog anda karena bisa dikira nyepam pahal emg "ia" dan juga jangan login blogger dulu .
ref : elec_mechanical
Baca Selanjutnya
Cara Mendatangkan Banyak Visitor / Pengunjung Ke Website Kita

Diposkan oleh alan bk

Mempunyai Website yang memiliki banyak visitor tentu ke inginan semua Web Master , Salah Satunya saya.
Mungkin beberapa tips Berikut akan menjawab semua masalah Anda .
1. Buat website sesimpel mungkin dalam artian jangan terlalu banyak gambar atau sejenisnya yang bisa membuat website kita sangat berat untuk di akses
2. Jika Website kita berat di akses maka visitor / atau pengunjung kita bakalan kabur apalagi koneksi internet nya yang lelet.
3. Banyak - banyak promosi di facebook , twitter , dll
Mungkin segitu yang bisa saya share intinya webite kita harus senyaman - nyamannya :D .

Baca Selanjutnya
Cara Claim Atau Verifikasi Alexa

Diposkan oleh alan bk on Wednesday, 18 July 2012

Tujuan dari Alexa Widget Blog Anda yang terpasang selain untuk mempermudah Anda memantau perkembangan rank alexa blog Anda, disini juga dapat melihat status blog Anda pada Alexa, apakah masih dalam keadaan Unclaimed maksudnya belum di Claim/ di Verifikasi ataukah sudah klik banner site info alexa milik saya sebagai contoh, biasanya proses ini yang tidak sedikit para blogger tinggalkan entah karena lupa atau karena memang belum tahu. setelah Anda klik banner diatas coba Anda perhatikan gambar dibawah ini untuk status blog Berbagi Kreativitas Unclaimed atau Claimed. Nah setelah itu bisa Anda cek dengan klik banner Info Site Alexa milik Anda unclamedkah atau claimed.


Langsung saja lihat langkah-langkahnya dibawah ini, Cara Claim/ Verifikasi Alexa pada blog.
1. Masuk dengan mengklik Banner Alexa Site Widget milik Anda, jika belum buat lihat Cara Pasang Alexa Site Widgets
2. Lihat status blog Anda pada alexa, jika belum Claimed seperti gambar Claimed diatas melainkan Unclaimed, maka akan terlihat tulisan "This Site Is Unclaimed. Claim this Site" klik teks link Claim this Site
 3. Setelah itu anda akan dirujuk kehalaman kode claimed blog Anda, jika Anda menggunakan blog sebagai situs Anda pilih Option 2

4. Lanjut..!! perintah gambar diatas mengharuskan Anda untuk melakukan Verifikasi ID alexa Anda, dengan cara Copy Kode yang Saya beri tanda blog pada gambar diatas letakkan pada template blog Anda, dengan cara Edit HTML ->> Processed ->> Centang Expand Template Widget ->> masukkan kode tersebut tepat diatas kode <b:skin><![CDATA[/* lalu simpan template.

5. Setelah template benar-benar tersimpan kembali pada halaman verifikasi kode alexa seperti gambar diatas, lalu tekan tombol Verify my ID, jika proses verifikasi kode ID Anda berhasil  maka ada pemberitahuan "Your site is successfully claimed"
. Selanjutnya pilih tombol Continue, maka Anda akan dihadapkan 2 formulir yang berbeda statusnya, ada yang Formulir Upgrdade Not Free dan Free, untuk Anda yang menggunakan member free isi formulir yang statusnya free untuk Anda dapat isi
7. Isi formulir untuk member free dengan tepat dan benar sesuai dengan data Anda, lihat gambar dibawah

8. Terakhir pilih Tombol Save & Cintinue, silahkan cek status blog Anda saat ini pasti ada perubahan, dan tahap selanjutnya terserah Anda selesai.
Yang jelas gunakan semaksimal mungkin agar blog Anda lebih Optimal lagi mata Search Engine, dengan terus berusaha agar mendapakan posisi yang lebih baik, artikel ini terposting sesuai tahapan yang Saya berikan untuk mendapatkan Rank Alexa Anda lebih baik bisa dibaca disini. OK sampai disini dulu sekian dan terimakasih Salam.

Baca Selanjutnya
Hosting Gratis Indonesia Tanpa Iklan Selamanya

Diposkan oleh alan bk

Hosting Adalah tempat menyimpan file - file atau data sebuah website , Bagi pemula , Hosting Gratis adalah alternatif  banyak hosting gratis tapi memiliki banyak syarat , disini saya akan share hosting gratis namanya Freehost-id dan berikut adalah Feature yang disediakan hosting tersebut :
Price $0.00
Disk space 10000 MB
Data transfer 100000
Max email accounts 5
Max FTP Accounts 5
Max Data Base 5
Max daily unique visitors limit 10000
MySQL Connection Hourly Limit 25000
Mailbox Max Size 50
Max Sub Domains 5
Max Parked Domains Details
Getting Started
Change Password
Change Theme
Change Language
Emails
Manage Emails
Manage Forwarders
Edit MX Record
Webmail
Mail Service Control
Domains
Subdomains
Parked Domains
Addon Domains
Redirects
Website
Import Website
Import Database
Website Builder
Auto Installer
Statistics
Latest Visitors
Error Pages
Website Templates
Files
FTP Access
FTP Accounts
File Manager 1
File Manager 2
Backups
Advanced
MySQL Databases
phpMyAdmin
Cron Jobs
Cron Output
SSH Console
DNS Zone Editor
PHP Info
Other
Password Protect Directories
IP Deny Manager
Hotlink Protection
Folder Index Manager
Fix File Ownership
Reload Account
Untuk info lebih lanjut silahkan kunjungi http://freehost-id.com

Baca Selanjutnya
Membuat Artikel yg Berhubungan (Related Post)

Diposkan oleh alan bk

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?


Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian download "SCRIPT INI"
5. Buka file tersebut kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
7. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Baca Selanjutnya
Cara Membuat Website di 000webhost

Diposkan oleh alan bk

Seperti yang sudah dijelaskan pada artikel sebelumnya (baca disini), 000webhost merupakan layanan webhosting gratis yang top abis. Dengan memakai layanan webhosting ini kamu bisa membuat web yang support database. Sedangkan untuk keperluan blog km bisa mengupload file2 kamu seperti gambar, animasi, suara dll untuk digunakan di dalam blogmu. Tapi dalam ketentuan mereka, kita tidak boleh hanya menaruh file-file kita di hosting tersebut tanpa membuat webnya, jika tidak maka account kita akan dihapus. Nha pada tutorial kali ini, akan aku coba jelaskan sedikit tentang bagaimana cara membuat web di 000webhost. Mungkin tutorial kali ini akan menjadi pengalaman baru bagi yang belum pernah membuat website, karena website itu sedikit beda dibanding dengan blog.
OK kita mulai aja tutorialnya.

1. Bagi yang belum punya account di 000webhost silahkan daftar DISINI. Bagi yang sudah punya, silahkan login di account webhost kamu.
. Bagi yang baru mendaftar maka akan langsung disuguhi form pendaftaran yang salah satu isinya adalah kita disuruh untuk memasukkan domain yang kita inginkan. Ada 2 pilihan domain yang akan kita pakai, yg pertama yaitu dengan menggunakan domain yang sudah kita beli (biasanya nama domainnya "www.domain.com" / "www.domain.net" dll) , yang kedua yaitu dengan menggunakan sub domain gratisan yang dari webhosting tsb (biasanya nama domainnya "www.domain.net78.net" ato "www.domain.890m.com" dll). Pilihan tersebut ada pada kolom "I want to host my own domain" dan "or, I will choose your free subdomain"

Iklan: Bagi yang ingin beli domain silahkan beli di dodoldomain.com, murah lho.

3. Kemudian isikan data2 yang diminta di kolom2 yang lain, trus klik tombol "Create My Account"
4. Kemudian masuk ke "Enter Control Pannel".
5. Pada dasarnya ada dua pilihan dalam pembuatan website ini, yaitu dengan membuat sendiri webnya kemudian kita upload atau dengan menggunakan fasilitas "Website Builder" yang ada. Jika kamu sudah mahir dan pintar bikin web maka "Upload" file adalah pilihan yang tepat. Tapi jika kamu belum bisa membuat web sendiri, maka pilihlah "Website Builder", karena dengan fasilitas ini kita bisa membuat web tanpa harus mendesain terlebih dahulu, kita tinggal memilih template yang disediakan kemudian isi dengan menu2 dan konten yang kita inginkan.



6. Untuk "website builder" disana nanti sudah ada petunjuknya, silahkan diikuti.
7. Kalo sudah jadi jadi webnya silahkan dicek dengan mengetikkan alamat domain / URL kamu di browser. Nha seperti itu lah tampilan webmu.

"CARA UPLOAD FILE DI 000WEBHOST"

Berikut ini akan dijelaskan cara menguplaod file di 000webhost.

1. Login di 000webhost.
2. Kemudian klik link "Go to CPanel"



3. Kemudian pilih "File Manager" (lihat gambar no.5 diatas).
4. setelah itu klik link "Public Html"



5. Untuk upload file klik pada tombol "Upload"
6. Kemudian nanti akan muncul tombol2 seperti "Browse", Klik tombol tersebut kemudian cari file yg ingin diupload. Jika sudah lalu klik tombol/icon "Centang/Cek".
7. Klik tombol "Back" (gambar panah ke kiri) untuk kembali ke menu sebelumnya dan melihat apakah file yang km upload tadi sudah ada atau belum.
8. Kamu bisa mengupload file2 gambar, suara, video, html, php, javascript dll.
9. Untuk mendapatkan link gambar atau file yg lain, misal untuk keperluan membuat float image (gambar sonic yg dipojok), banner, atau yg lain caranya yaitu km klik kanan pada link "open" (di deretan file gambar tersebut) kemudian pilih "copy link location" (bagi yg menggunakan Mozilla). Nha link yg km copy itulah URL atau alamat gambar yg bisa kamu gunakan untuk mengganti misal gambar sonic yang ada di "float image".

Lho...tutorialnya kok jadi begini ya :t
Apa gak nyimpang dari judulnya tuh? :D
Ah gak papa deh....
Baca Selanjutnya
Membuat Kotak Komentar Blogger di Bawah Postingan

Diposkan oleh alan bk

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

 
 
Baca Selanjutnya
Mengganti Kotak Komentar Haloscan menjadi Commentbox Blogspot

Diposkan oleh alan bk

Dulu sebelum kotak komentar blogger/blogspot bisa muncul dibawah postingan, banyak yang menganti kotak komentarnya dengan commentbox dari pihak ketiga, misalnya dari haloscan. Namun setelah blogger merilis kotak komentar yg dibawah postingan maka kini banyak yg berbondong beralih ke kotak komentar original dari blogspot ini. Tapi bagi yg sudah terlanjur memakai haloscan dan sudah terlanjur mengobrak-abrik templatenya tentu akan sayang jika harus mengganti templatenya demi mendapatkan kotak original blogspot ini. Nha berikut ini akan aku ulas bagaimana cara mengembalikan kotak komentar haloscan menjadi kotak komentar original dari blogger.
Ikuti tutorial berikut:

1. Login ke blogger, kemudian pilih menu"Layout--> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Kemudian cari kode berikut :

<!-- start haloscan (part 1) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScan(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScanTB(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a>
</span>
<!-- end haloscan -->

4. Kalo sudah ketemu maka gantilah dengan kode dibawah ini :
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
5. Kemudian cari kode berikut ini : 
<!-- start haloscan (part 2 - post) -->
<script src='http://www.haloscan.com/load/kendhin' type='text/javascript'> </script>
<span class='post-comment-link'>
<p><a class='comment-link' expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScan(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCount(&#39;<data:post.id/>&#39;);</script>
</a> |
<a class='comment-link' expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;' expr:onclick='&quot;HaloScanTB(&quot; + &quot;\&quot;&quot;+ data:post.id + &quot;\&quot;&quot; + &quot;);return false;&quot;'>
<script type='text/javascript'>postCountTB(&#39;<data:post.id/>&#39;);</script>
</a></p>
<script expr:src='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/?m=1&quot;' type='text/javascript'/>
<noscript><a expr:href='&quot;http://www.haloscan.com/comments/kendhin/&quot; + data:post.id + &quot;/&quot;'>Comments</a> | <a expr:href='&quot;http://www.haloscan.com/tb/kendhin/&quot; + data:post.id + &quot;/&quot;'>Trackback</a></noscript><br/>
</span>
<!-- end haloscan -->

6. Kalo sudah ketemu trus ganti dengan kode dibawah ini:
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
7. Trus simpan template kamu.
8. Jika inging menampilkan kotak komentar blogger/blogspot dibawah postingan maka ikutilah LANGKAH DISINI

Semoga beruntung....  
Baca Selanjutnya
Cara Membuat Menu Tab View

Diposkan oleh alan bk

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :




Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.


div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :


<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>
Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.


  
Baca Selanjutnya
Membuat Menu Vertikal (Vertical)

Diposkan oleh alan bk

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');
Pilihan Warna menu vertikal :

blue1.gif
blue2.gif
green1.gif
green2.gif
red1.gif
red2.gif
pink1.gif
pink2.gif
black1.gif
black2.gif


3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D


Baca Selanjutnya
Menampilkan Recent Comments (Komentar Terbaru)

Diposkan oleh alan bk

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://trik-tips.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh. Oh ya recent comments ini bisa juga dipasang didalam "Tab View" seperti punyaku itu.
 
Baca Selanjutnya
Setting Domain dan Hosting Untuk Wordpress

Diposkan oleh alan bk

Sekali-kali buat tutorial untuk wordpress ah, :D
Edisi perdana tutorial wordpress kali ini akan aku coba jelaskan tentang bagaimana cara setting domain dan hosting untuk wordpress. Untuk domain bisa menggunakan sub domain atau bisa menggunakan domain gratis dari co.cc atau bisa juga beli domain murah di www.dodoldomain.com. Sedangkan untuk hostingnya bisa menggunakan hosting gratisan dari 000webhost atau bisa juga membeli hosting murah dari superinhost.com
Ok mari kita mulai saja tutorialnya.

* SETTING DOMAIN
Kita harus memiliki domain terlebih dahulu. Kemudian mengarahkan domain kita ke hosting yg kita pilih. Caranya yaitu dengan mengganti name server domain kita. Bagi yang memakai hosting dari 000webhost biasanya name servernya adalah ns01.000webhost.com dan ns02.000webhost.com sedangkan bagi yang menggunakan hosting dari superinhost.com maka name servernya adalah ns1.superinhost.com dan ns2.superinhost.com

* SETTING HOSTING DAN INSTALL WORDPRESS
1. Masuk ke cpanel Hostingmu lalu cari dan pilih icon fantastico

kalo di 000webhost iconnya ini
2. Setelah itu pilih "wordpress" dan lalu "new installation"

3. Kemudian isikan data-data pada form yg muncul. Kosongkan kolom "Install in directory" jika pingin install wordpress di domain pokok.

4. Kemudian klik tombol "Install Wordpress". Tunggu sebentar kemudian klik tombol "Finish Installation".
5. Untuk untuk masuk ke administrator wordpressnya biasanya melalui URL http://namadomainmu.com/wp-admin. DIsitu km bisa posting2 dan macem.

OK jadi deh wordpressnya. Oh ya, kalo pake hosting sendiri kita bisa ngedit2 template wordpressnya lho.
Selamat Mencoba....

Baca Selanjutnya
Cara Edit / Mengganti Template Wordpress

Diposkan oleh alan bk

Mungkin para pengguna wordpress pernah merasa kesal ketika akan mengganti atau mencoba merubah template wordpress tetapi diharuskan membayar dulu kira2 sebesar $15. Tapi ternyata ada cara supaya kita bisa mengedit atau mengotak-atik template wordpress dengan tanpa mengeluarkan dana sepeserpun alias gratis. Mau tahu caranya? ...

Syaratnya yaitu kamu harus memiliki domain dan hosting terlebih dulu. Untuk domain kamu bisa memakai domain gratis dari co.cc atau jika pingin domain .com/.net/.org km bisa membeli domain di http://domain.superinhost.com. Selain domain kamu juga harus memmiliki hosting. Kamo bisa memakai hosting gratis di 000webhost atau bisa juga beli hosting murah di superinhost.com

Langkah awalnya yaitu kita harus mensetting domain dan hosting kita. Bagi yang belum tahu caranya silahkan BACA TUTORIAL INI. Langkah berikutnya yaitu kita cari atau download template wordpress yang ada dipasaran, dan tentunya cari yang gratisan dong. Coba cari lewat google dengan memakai kata kunci misal "Free Template wordpress" atau "Free Wordpress Themes" dll. Biasanya hasil downloadnya akan berupa file "zip" atau "rar". Extract dulu file tersebut sehingga menjadi folder yang didalamnya terdapat beberapa file.

Langkah berikutnya yaitu login ke cpanel hosting kamu. kemudian pilih "File Manager". Kemudian masuk ke folder "Public_html --> ...wp-content\themes\". Upload file-file yang sudah di ekstract tadi ke folder tersebut. Kemudian buka alamat "http://namadomainmu.com/wp-admin" untuk login ke wordpress administrator (Jangan lupa ganti namadomainmu.com dengan nama domainmu ya). Lalu pergi ke menu "Design --> Themes". Nha maka disitu kamu akan menjumpai template yg telah kamu upload tadi. Untuk mengaktifkannya tinggal diklik aja template yg km suka kemudian "Activate". Trus coba deh buka blog wordpress kamu. Gimana berhasil gak? .... Gampang kan.... :D
Baca Selanjutnya
Highlight Author Comment

Diposkan oleh alan bk

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

   
Baca Selanjutnya
Menampilkan / Pasang Emoticon di Kotak Komentar

Diposkan oleh alan bk

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/> 
4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p> 
5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b> 
Kalo mo yang emoticon kucing pake yang ini :
<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>
6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.
    
    
Baca Selanjutnya