Search This Blog

painting
Showing posts with label Aksesoris. Show all posts
Showing posts with label Aksesoris. Show all posts

Friday, September 17, 2010

Membuat Widget Popular Post

Pada kesempatan kali ini saya akan membahas tentang apa itu Widget Popular Post dan bagaimana cara membuatnya???. Buat teman-teman semua yang belum mengetahui apa yang dimaksud widget popular post, saya akan mencoba menjelaskan sedikit.

Widget Popular Post adalah widget yang menampilkan Posting yang paling sering atau paling banyak diminati oleh para pembaca. Sehingga anda akan mengetahui Posting mana yang paling banyak menyumbang rate click untuk web anda, dan juga berguna untuk memperbanyak rate click.

Mungkin itu yang bisa saya jelaskan, tidak perlu panjang lebar langsung saja ikuti langkah berikut untuk membuatnya.





1. Masuk/Login ke blogger.com » Layout » Add a gadget » html/javascript


2. Kemudian Copy Paste kode berikut ini.


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++){
var href = "'"+obj.value.items[i].link+"'";
var item = "<li>"+"<a href="+href+">"
+obj.value.items[i].title+"</a></li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render
=json&_callback=pipeCallback&_id=
1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2
"Alamat Blog Kamu"&num=10" type="text/javascript" ></script>
<span style="font-size:80%">Distributed
<a href="http://gaghan22.blogspot.com" target="_blank">
SevenWebster</a></span>


3.
Ganti tulisan "Alamat Blog Kamu" dengan alamat/url blog anda. misal : "Alamat Blog Kamu" »
gaghan22.blogspot.com
(hilangkan tanda petik)

4. Langkah terkhir simpan dan lihat hasilnya, jika ada yang kurang puas dan belum berhasil, komen saja dibawah ini.











© copyright 2010 Writer : Gaghan
Distribute : SevenWebster
Silahkan COPY PASTE, tapi dengan syarat cantumkan link kami / link sumber. Trimakasih

Wednesday, September 15, 2010

Recent Posts with thumbnails

Pada posting ini saya akan menjelaskan tentang cara membuat Recent Post di blogger dengan gambar atau bahasa populernya saat ini adalah Recent Posts widget in Blogger with image thumbnails.

Seperti yang anda lihat berikut ini, merupakan contoh gambar widget yang akan kita buat :



recent



Kelebihan dari widget ini adalah tersedia jumlah comment pada setiap post.

Jadi ikuti langkah berikut untuk install widget ini di blog anda.





  1. Masuk/Login ke blogger.com » Layout » Add a gadget » html/javascript

  2. Kemudian Copy/paste kode berikut ini:


Copy kode :


;



KETERANGAN (sesuaikan dengan blog anda) :




  1. boxwidth - Lebar widget (sesuaikan dengan elemen blog anda)

  2. cellspacing - jarak antar cells

  3. borderColor - warna border / warna garis pinggir

  4. thumbwidth & thumbheight - lebar dan tinggi gambar tumbnail (disarankan tetap agar lebih baik)

  5. fntsize - ukuran font untuk judul

  6. acolor - warna judul

  7. aBold - ingin menebalkan judul atau tidak (jika ya isi true jika tidak isi flase)

  8. numposts - jumlah post yang ingin anda tampilkan

  9. home_page - isi dengan alamat/url blog anda



Silahakan anda edit sesuai dengan kebutuhan dan selera anda. Jika masih kurang jelas dan ada pertanyaan, kami sediakan kotak komen yang berada dibawah atau melalui buku tamu.














© copyright 2010
Rewrite by : Gaghan
Source : bloggertricks
Silahkan COPY PASTE, tapi dengan syarat cantumkan link kami / link sumber. Trimakasih

Tuesday, September 14, 2010

Pasang Tweet Buttons

Saya beri gambaran sedikit mengenai Tweetmeme, bahwa bila anda menekan tombol tweet pada blog ini berarti anda sedang mempromosikan blog anda sendiri ke komunitas Lab Komputer begitu pula jika anda mentweet pada blog lain, maka blog anda akan berkembang kepopulerannya oleh anda sendiri setiap kali anda mentweet. 

Jadi saya sarankan agar anda mempunyai akun tweeter mulai sekarang. Besar kemungkinan anda yang sering blogwalking dan menemukan tombol Retweet jangan membuang kesempatan untuk mentweetnya.

Dibawah ini saya sudah menyediakan tombol tweet 2 macam jadi anda bisa memilih sesuai keinginan.




Tombol Tweet disebelah kiri (Style Normal)



kiri normal



Kode Tombol :






  1. <div style="float:left;padding:4px;">  


  2. <script type="text/javascript"> 



  3.     tweetmeme_url = '<data:post.url/>';



  4.     tweetmeme_source = 'user_name_tweeter_anda';  


  5. </script> 


  6. <script type="text/javascript"


     src="http://mastergomaster.googlecode.com/files/tweet_mGm.js">  



  7. </script> 



  8. </div>   




Tombol Tweet disebelah kanan (Style Normal)







Kode Tombol :






  1. <div style="float:right;padding:4px;">  


  2. <script type="text/javascript"> 



  3.     tweetmeme_url = '<data:post.url/>';



  4.     tweetmeme_source = 'user_name_tweeter_anda';  


  5. </script> 


  6. <script type="text/javascript"


     src="http://mastergomaster.googlecode.com/files/tweet_mGm.js">  



  7. </script> 



  8. </div>   




Tombol Tweet disebelah kiri (Style Compact)




kiri kompak



Kode Tombol :




  1. <div style="float:left;padding:4px;">  

  2. <script type="text/javascript"> 

  3.     tweetmeme_style = 'compact';

  4.     tweetmeme_url = '<data:post.url/>';

  5.     tweetmeme_source = 'user_name_tweeter_anda';  

  6. </script> 

  7. <script type="text/javascript"

     src="http://mastergomaster.googlecode.com/files/tweet_mGm.js">  

  8. </script> 

  9. </div>   





Tombol Tweet disebelah kanan (Style Compact)



kanan kompak



Kode Tombol :




  1. <div style="float:right;padding:4px;">  

  2. <script type="text/javascript"> 

  3.     tweetmeme_style = 'compact';

  4.     tweetmeme_url = '<data:post.url/>';

  5.     tweetmeme_source = 'user_name_tweeter_anda';  

  6. </script> 

  7. <script type="text/javascript"

     src="http://mastergomaster.googlecode.com/files/tweet_mGm.js">  

  8. </script> 

  9. </div>   







CARA PASANG TOMBOL TWEET





  1. Masuk/Login ke blogger.com --> Rancangan --> Edit HTML

  2. Cari kode brikut : (untuk mempermudah search dengan Ctrl + F)

  3. <div class='post-header-line-1'/>

  4. Sisipkan kode tombol Retweet yang sudah anda pilih tadi di bawah diatas.


  5. Atau bisa anda sisipkan dibawah kode.


  6. <data:post.body/>

  7. Terakhir Save Template.




NOTE : Ganti tulisan user_name_tweeter_anda (yang disorot warna biru), dengan username tweeter yang anda miliki.










Lab Komputer
© copyright 2010

Thursday, February 26, 2009

Tulisan Gaya Koran (Drop Cap)

Drop Cap yaitu tulisan yang bergaya koran atau sobat bisa melihatnya di MsWord atau juga ada yang mengatakan Paragraf yang huruf awalnya Besar,


hal seperti itu dapat dipasang di blog kita lho.... untuk carnya silahkan perhatikan berikut ini:

1. Login di blogger dengan ID anda


2. Klik menu Layout


3. Klik Tab Edit HTML




4. Pada kotak Edit HTML paste kan kode berikut persis di atas kode ]]></b:skin>


/* kode untuk drop cap

----------------------------------------------- */

.dropcap {

float:left;

color: #000000;

background:#ffffff;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}


6. Jika sobat ingin memasangnya di posting maka cara postingnya seperti ini <span class="awal">hurup awal </span>

Contoh:

<span class="awal">A</span> pakah anda tau dengan Drop cap,jika anda lihat di Microsoft Word,di MS Word ada sebuah fasilitas yang bisa digunakan untukmembuat huruf besar di awal kalimat,yaitu Drop cap.efek Drop cap dapat dijadikan sebagai salah satu alternatif agar postingan pada blog anda terlihat lebih menarik dan bergaya seperti majalah atau koran.seperti pada postingan ini huruf A diawal kalimat lebih besar dibandingkan huruf yang lainnya,lalu bagaimanajika kita ingin menerapkan hal serupa


Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)


Sunday, February 22, 2009

Pasang Kalender & jam di blog

Untuk memasang Kalender/ Tanggalan di blog caranya cukup simple dan Trik kali ini kita akan memanfaatkan Situs penyedia Kalender Gratis...... Truzzzz apa donk nama Situsnya??

1. Sebenarnya ada banyak ce situsnya tapi yang menurutku paling banyak dikunjungi adalah http://www.free-blog-content.com. <-- silahkan di klik

2. Carilah kalender yang sobat sukai kemudian Copy kode yang ada di bawah gambar kalender itu.

3. Untuk menambahkan ke dalam blog:

- Sign in ke blogger

- Klik menu layout (Tata Letak)

- Klik menu Elemen Halaman

- Klik tulisan Tambahkan sebuah elemen halaman

- Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

- Akan muncul form baru kemudian Pastekan kode kalender yang telah sobat Copy tadi.

- Klik tombol SIMPAN



4. Selesai deh mudahkan......




Untuk memasang Jam di blog seperti ini:

1. Silahkan klik link berikut --> http://www.clocklink.com

2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?

3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll

4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi

5. Klik tombol yang bertuliskan Accept

6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

7. Set ukuran jam yang anda sukai di samping tulisan size

8. Copy kode HTML yang di berikan pada notepad

9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan

10. Selesai






Terima kasih buat Kang rohman


Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)


Pasang Statistik & Tracker

Mengetahui Pengunjung blog datang dari mana saja, kali ini aku akan bahas tentang masalah ini. Untuk dapat mengetahui pengunjung blog kita datangnya dari mana aja kita bisa menggunakan sebua situs yang Menyedikan Tracker yaitu, http://www.sitemeter.com

1. Silahkan kunjungi situs tersebut.

2.
klik tulisan Sign Up untuk melakukan pendaftaran


3. klik tombol Next


4. Klik tombol Next lagi


5. Isi semua tabel yang ada lalu klik Next lagi

6. Isi lagi tabel yang ada, lalu klik Next lagi


7. klik tombol Next lagi


8. klik tombol Next lagi

9. Setelah proses sign up selesai, sobat harus melakukan aktifasi, silahkan buka email yg sobat gunakan tadi




10. Buka email dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com


11. Silahkan login dengan id yang diberikan tadi.


12. Jika sudah login, Klik menu Manager


13. Klik Menu Meter Style untuk memilih gaya dari site meter anda


14. Pilih style yang disukai, kemudian klik Select


15. Klik menu HTML Code


16. Klik tulisan Adding site Meter to a Blogger.com Site


17. Copy semua kode HTML yang di berikan

Selesai, Sobat tinggal memasangnya di blog


Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)


Mengetahui Siapa yang Menjiplak Blog

Bagi para sobat yang ingin mengetahui siapakah yang menjiplak Blog/Web sobat dalam hal ini mungkin yang dijiplak kebanyakan adalah Artikel. Oleh karena itu aku akan memberitahu bagaimana cara mengetahui siapa yang menjiplak blog kita. Silahkan baca berikut ini.

1. Ada sebuah situs bagus yang menyediakan layanan untuk Hal diatas, yaitu http://www.copyscape.com

2. Silahkan sobat kunjungi situs tersebut, kemudian sobat akan disodori Form/Kotak seperti form pencarian di Search engine.

3. Masukkan alamat situs sobat kemudian tekan "Go"

4. Akan muncul pada list dibawahnya siapa saja yang telah mengunjungi/ menjiplak blog sobat

5. Mudah bukan.....

Happy Blogging With Lab Komputer





Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)


Pasang Musik di blog

Untuk para penggemar music dan blogging kali ini aku akan coba menggabungkan kedua hoby itu lho... kok bisa, Maksudnya untuk para Blogger yang suka sama musik, bisa menambahkan Fasilitas Music Player
di blognya. Caranya sebagai berikut:

1. Silahkan kunjungi situs ini musik-live.net


2. Kemudian sobat akan menemukan Music player yang keren truzz untuk cara memsang di blog

- Silahkan Copy kode yang ada dibawah skin music player.

- Sign in ke blogger

- Klik menu layout (Tata Letak)

- Klik menu Elemen Halaman

- Klik tulisan Tambahkan sebuah elemen halaman

- Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

- Akan muncul form baru kemudian Pastekan kode kalender yang telah sobat Copy tadi.

- Klik tombol SIMPAN

3. Selesai....

Nb. Katanya Musik-live sudah gak bisa di pasang di blog, Truzzz untuk Alternatif selain musik-live yaitu:

- www.song2play.com

- www.songhere.com

- www.tunefeed.com

- www.iwebmusic.com

Silhkan kunjungi situs diatas terserah sobat.....



Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)


Sunday, February 15, 2009

Beribu Cara Meningkatkan Alexa Rank


Sebelumnya aku terima kasih dulu sama Mas Andaka karena dah kasih ilmunya

Trilogi Alexa :



  1. Rangking Alexa

  2. Follow Up Rangking Alexa

  3. 1000 Cara Meningkatkan Ranking Alexa



Ibarat sebuat Trilogi, maka ini adalah sequel terakhirku tentang Alexa. Hari ini, tepat sebulan sejak aku mencari info tentang cara menaikkan ranking Alexa lalu mencoba menyimpulkannya menjadi “5 Tips Untuk Meningkatkan / Menaikkan Ranking Alexa“:



  1. Alexa Traffic

  2. Alexa Toolbar

  3. Alexa Widget

  4. Alexa Redirection

  5. Alexa Blog/Content


Dan hasilnya memang luar biasa, blog ini naik sebanyak 1,661,745 rangking dalam 2 minggu. Dan naik 2,638,359 rangking dalam 1 bulan. Lima langkah ini adalah langkah-langkah yang aku coba simpulkan dari sekian banyak tips yang bertebaran di internet (Lihat aja di google.com atau google.co.id jika mau yang versi Indonesia). Dan 5 langkah tadi adalah 5 langkah paling dasar dan termudah. Bukankah dalam mengerjakan sesuatu kita perlu prioritas?




Kembali ke cara-cara meningkatkan ranking Alexa, jika ditelusuri melalui search engine, banyak yang mengklaim memiliki cara untuk meningkatkan / menaikkan ranking Alexa ini. Ada yang menyebutkan 7 cara, 10, 15 bahkan ada yang menyebutkan 20 cara. Bagaimana jika kukatakan kalau ada 1000 cara untuk meningkatkan / menaikkan ranking Alexa?


Coba kita lihat dari yang paling populer, “20 Quick Ways to Increase Your Alexa Rank“. Kenyataannya, banyak tips-tips yang sudah tercakup dalam 5 Langkah tadi. Mari kita ambil contoh :




  • Flaunt your URL in webmaster forums. Webmasters usually have the toolbar installed. You’ll get webmasters to visit your website and offer useful feedback. It’s also a good way to give back to the community if you have useful articles to share with others.

  • Post in Asian social networking websites or forums. Some webmasters have suggested that East Asian web users are big Alexa toolbar fans, judging by the presence of several Asia-based websites in the Alexa Top 500. I suggest trying this only if you have the time or capacity to do so.

  • Get Dugg or Stumbled. This usually brings massive numbers of visitors to your website and the sheer amount will have a positive impact on your Alexa Rank. Naturally, you’ll need to develop link worthy material.

  • Use PayperClick Campaigns. Buying advertisements on search engines such as Google or Exact Seek will help bring in Traffic. Doubly useful when your ad is highly relevant to webmasters.

  • Buy banners and links for traffic from webmaster forums and websites. A prominent and well displayed ad will drive lots of webmaster traffic to your website, which can significantly boost your rank.

  • Optimize your popular posts. Got a popular post that consistently receives traffic from the search engines? Include a widget/graph at the bottom of the post, link to your Alexa post or use Alexa redirection on your internal URLs.

  • Hire forum posters to pimp your website. Either buy signatures in webmaster forums or promote specific articles or material in your website on a regular basis. You can easily find posters for hire in Digital Point and other webmaster forums.

  • Use MySpace . This is a little shady so I don’t recommended it unless you’re really interested in artificially inflating your Alexa Rank. Use visually attractive pictures or banners and link them to your redirected Alexa URL. This will be most effective if your website has content that is actually relevant to the MySpace Crowd.



Nah, semua point di atas sudah tercakup di langkah nomor 1, ALEXA TRAFFIC: Get lot of site traffic! Begitu juga dengan point-point yang lain. Kalaupun ada yang di luar dari 5 point di atas, maka aku harus meng-quote tips berikut:




  • Get friends to review and rate your Alexa website profile. Not entirely sure of its impact on rankings but it might help in some way.

  • Create a webmaster tools section on your website. This is a magnet for webmasters who will often revisit your website to gain access to the tools. Aaron Wall’s webpage on SEO Tools is a very good example.

  • Try Alexa auto-surfs. Do they work? Maybe for brand new sites. I think they are mostly suitable for new websites with a very poor Alexa rank. Note that there be problems when you try to use auto surfs alongside contextual ads like Adsense. They aren’t also long term solutions to improving your Alexa Rank so I suggest using with caution.




Saturday, February 14, 2009

Cara Membuat Langganan e-mail

Sobat dapat melihat di sidebar Lab Komputer ini ada form yang bertuliskan Langganan Posting Via e-mail
nah... sekarang kita akan membuat form tersebut agar pembaca blog/web sobat bisa berlangganan Posting gratis melalui ini lho...

Sekarang ikuti langkah berikut:

1. Sobat harus daftar dulu di http://www.feedburner.com

2. Kemudian saat pertama kali masuk ke situs tersebut, Sobat akan dihadapkan pada Form/Kotak untuk membakar Feed Sobat

3. Dan utnuk alamat Feed Blog sobat biasanya akan seperti ini http://NAMABLOG.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOG dengan alamat blog sobat.

4. Isikan nama feed blogmu ke dalam kotak yang ada, jika blog sobat itu isinya hanya video maka beri tanda centang pada kotak "I am a podcaster". Kemudian klik "next"

5. Kemudian sobat hrus melakukan Pendaftaran isikan data-data yang perlu truzz klik "Activate Feed"

6. Coba lihat dibawah akan ada "Next" dan "Skip directly to feed management" truzz pilih "Skip directly to feed management".



7. Kemudian sobat akan lihat beberapa Tab Menu, kali ini pilih menu "Publicize"

8. Setelah itu disebelah kiri akan ada beberapa menu lagi. PIlih menu "Email Subscriptions".

9. Truzz klik tombol "Activate"

10. Dah capek lom masih da langkah berikutnya lho.... Nah... kalosobat pingin yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".

11. Copy kode tersebut truzzz save

12. Sekarang tinggal di paste blog sobat


13. Oya... satu lagi biar g' tanggung bila sobat ingin menampilkan jumlah pembaca pilh menu "Publicize --> FeedCount" disitu ada script yang harus sobat copy dan pasang di blog.