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

Dafta Blog Ke 50 Search Engine

Berjumpa lagi bersama saya Mr. Seven atau bahasa populernya orang jawa sering panggil Mas Gaghan ^_^.

Baiklah kita mulai saja tuorial kali ini yang berhubungan dengan Mbah Google, Pakde Yahoo, alias berhubungan dengan SEO atau search engine optimaized.

Karena lumayan banyak Trik SEO yang ada saya akan mulai dari yang paling dasar, Banyak yang bertanya beberapa hari ini yaitu.

Bagaimana sih biar blog saya cepat terindex di search engine????

Mungkin ini salah satu jawabanya, yaitu dengan mendaftarkan Blog anda ke beberapa search engine dan directori, untuk itu saya sediakan 50 SEARCH ENGINE dan DIRECTORY plus dengan peringkat. Fungsinya adalah untuk memperbanyak Traffic atau kunjungan ke blog anda.

Untuk yang ingin mendaftar silahkan langsung saja diklik Nama Search Engine.

No	Search Engine/Directory	Rank Alexa	Rank Google		No	Search Engine/Directory	Rank Alexa	Rank Google
1	Yahoo! Search	1	9		26	WebbieWorld	69,237	4
2	Google	2	10		27	Arakne Links	69,670	4
3	Live Search	248	8		28	Link Centre	70,250	5
4	Wikia Search	2,039	7		29	Pedsters Planet	72,416	4
5	Open Directory	2,511	8		30	SonicRun	75,095	4
6	Cuil	29,870	4		31	Anaximander	76,672	4
7	Exalead	33,433	7		32	Info Tiger	78,172	5
8	MavicaNet	37,264	4		33	Dramba	79,939	3
9	GigaBlast	45,850	7		34	Zeezo	80,745	4
10	ScrubTheWeb	47,727	6		35	Thales Directory	80,861	3
11	What U Seek	49,113	6		36	Directory Storm	83,829	4
12	World SiteIndex	51,468	5		37	A1 WebDirectory	87,503	4
13	BusinessSeek	52,219	3		38	Burf	92,351	4
14	ExactSeek	52,882	4		39	NetInsert	97,278	4
15	EntireWeb	56,827	6		40	Web Linker	101,871	0
16	SearchMe	57,167	6		41	Finest 4	102,023	2
17	IllumiRate	58,558	5		42	Cipinet	104,971	4
18	01WebDirectory	59,440	4		43	Klottra	107,958	0
19	Amfibi	59,956	6		44	My Directorylive	115,382	3
20	Wikidweb	59,956	4		45	FreshTV	116,165	2
21	SearchSight	65,647	5		46	ABD	122,268	0
22	AMRAY	66,076	4		47	SEagency	123,181	2
23	Info Listings	67,105	5		48	Nonar	124,906	4
24	Domaining	67,707	3		49	The Living Link	126,249	4
25	Amidalla	68,260	4		50	Clickey	127,740	5

Itulah tadi Daftar 50 Search Engine Terbaik di dunia saat ini, dan bisa berubah suatu saat. Silahkan submit blog anda walaupun hanya ke sebagian tidak masalah.

Saran saya submit dari ranking yang terbaik terlebih dahulu. Silahkan komen jika ada pertanyaan.

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

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 :







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

Free Blogger Template - 2 Columns

	Demo	Download
GamesHit
	Demo	Download
MobileFhone
	Demo	Download
Daisy
	Demo	Download
Almoda
	Demo	Download
Green Spitial
	Demo	Download
Old School
	Demo	Download
Queensha
	Demo	Download
RedPoint
	Demo	Download
Provogue
	Demo	Download
Bad Mojo

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)







Kode Tombol :

view plain
copy to clipboard
print
?

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 :

view plain
copy to clipboard
print
?

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)








Kode Tombol :

view plain copy to clipboard print ?

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)







Kode Tombol :

view plain copy to clipboard print ?

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)



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



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



4. Atau bisa anda sisipkan dibawah kode.




<data:post.body/>




5. Terakhir Save Template.

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

Lab Komputer © copyright 2010

Source : masterGOmaster

Free Blogger Template - 1 Column

	Demo	Download
General Site
	Demo	Download
Linquist
	Demo	Download
Sound Box
	Demo	Download
Simplex Gallery
	Demo	Download
Extreme
	Demo	Download
The Wall
	Demo	Download
Coffee
	Demo	Download
Girly Compact
	Demo	Download
Garden