Tampilkan postingan dengan label Kontes SEO. Tampilkan semua postingan
Tampilkan postingan dengan label Kontes SEO. Tampilkan semua postingan

Cara Mengganti Next, Preview dan Home Dengan Gambar

Posted by Unknown Selasa, 10 Juli 2012 0 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


         



Di dalam Website atau Blog, untuk melanjutkan ke halaman berikutnya atau mengembalikan ke halaman semula, selalu menggunakan atribut Next, Preview dan Home untuk mempersingkat mencari halaman yang dibutuhkan.


Atribut Next, Preview dan Home dapat kita ganti dengan gambar kesukaan kita, seperti di blog saya ini, maaf bukan promosi lho...
Berikut cara mengganti atribut Next, Preview dan Home dengan gambar di Blog :
1. Login ke Blogger, untuk amannya kita login ke Blogger Draft.
2. Pilih Layout >> Edit HTML.
3. Simpan dulu template anda agar dapat dipergunakan kembali jika percobaan ini gagal.
4. Sekarang cari kode berikut di template anda : <data:newerpagetitle>
5. Ganti kode tersebut diatas dengan <img src="URL Gambar" alt="Next" />
     Kode ini untuk mengganti atribut Newer Post / Preview / Posting Terbaru.
6. Kemudian cari kode <data:olderpagetitle>
7. Ganti kode tersebut diatas dengan <img src="URL Gambar" alt="Preview" />
     Kode ini untuk mengganti atribut Older Post / Next / Posting Terlama.
8. Untuk mengganti atribut Home, cari kode <data:homemsg>
     dengan <img src="URL Gambar" alt="Home" />
    Catatan : dalam template anda mungkin ada dua kode, anda cukup mengganti yang paling 
     atas saja, jangan dua-duanya.
9. Simpan template anda, dan lihat hasilnya.


Catatan : ganti URL Gambar dengan alamat gambar anda di tempat hosting gambar gratis.
               

Selamat Mencoba, semoga berhasil.

Baca Selengkapnya ....

Encode/Decode HTML

Posted by Unknown 0 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


Dalam kesempatan kali ini saya akan membahas mengenai Encode/Decode HTML.
Misal, kita ingin membuat postingan yang berisi script/kode HTML, maka yang harus kita lakukan terlebih dahulu adalah melakukan Encode. Jika hal ini tidak kita lakukan, maka tampilan di layar posting tidak akan sesuai dengan yang diharapkan.
Berikut gambaran memasukkan script/kode ke dalam kotak posting di web/blog.
Script/kode yang ingin kita masukkan kedalam kotak posting adalah : 
                                  
                           <div style="color:red;background:yellow;"> Test </div>

hasil tanpa Encode seperti berikut:


Test


hasil menggunakan Encode:


<div style="color:red;background:yellow;"> Test </div>



Kesimpulan dari gambaran diatas adalah, setiap script/kode yang kita masukkan ke dalam postingan, dibaca dan diterjemahkan oleh HTML sesuai dengan bahasa script HTML, dan script/kode yang kita ketik di kotak postingan tidak akan tampil tanpa terlebih dahulu kita Encode.
Cara melakukan Encode, copy-paste kan script/kode yang ingin di posting ke centricle.com dan klik Encode, jika ingin mengembalikan kebentuk semula dapat klik Decode.
Lalu hasil dari Encode di centricle.com kita copy-paste kan ke kotak posting.

Semoga bahasan ini dapat memecahkan masalah anda,
Selamat Mencoba.

Baca Selengkapnya ....

Create "WordPress" Style Pages For Your Blog

Posted by Unknown 0 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


A few people have asked how I created "Wordpress style" pages which are accessible from the header section. Since I will be making much use of these pages in the near future, I thought it best to explain how Blogger users can create their own blog pages.
Wordpress blogs can include blog pages; these are often used to provide an "about" page or contact information. Such "pages" are separate from the main blog: they do not appear on the main page or archives, and links to these pages from within the template are usually created dynamically. However, updates to Wordpress pages are still included in the blog's feed.

Although Blogger does not currently use blog pages in the same manner as Wordpress, we are still able to mimic this in our blogs with a little effort.
The blog pages you see in my blog are actually regular blog posts which I have make links to from within the template itself. This is how you can create your own:
  • If you haven't already done so, change your "Enable post pages" setting to "on" in your Blogger dashboard. This is done in the Settings>Publishing section, and enables each blog post to appear on it's own page. 
  • Next, you will need to create your "blog pages". To do this, just create a regular post with the title and content you wish to offer as a blog page. For example, an "About" page could be titled "About this blog" with the content being a description of your blog. 
  • Since we cannot omit this post from the archives pages, you will want to consider how easily a reader could find this post within the archives! Usually I change the publishing date when I create post pages to a much earlier date: this ensures that the page does not get mixed in with regular posts so easily, and since such pages are usually "timeless" (they are not news items or contrained by current events) I doubt many readers will care about the date featured on this particular page. To change the posting date of a post, so it appears much further back in the archives (and not on your main page), click on "Post Options" near the bottom of the post editing box, and alter the date manually in the right hand section. 
  • Once you have created your post and changed the date (if you prefer to, that is), you can publish your post. You will need to publish this post in order to discover the permalink to this post so that you can then link back to it from your header or sidebar. A "permalink" is the URL of a particular post page. You can find the permalink url for this page in your browsers' address bar. 
  • To find the permalink for the blog page you have just created, you can either locate this page in your archives, or go to "Edit Posts" in your dashboard click on the "View post" link for this post. Once you have the permalink, paste this into your favorite text editor for later use. 
  • Now you will probably want to create the link to your post page somewhere in your template. The easiest place to place this link is in a widget in your sidebar or footer (though if you are confident in HTML you can also place this elsewhere). To create a regular text link to your blog page, you could use a simple text widget. Write the link text you would like your readers to see, then highlight this text. Click on the hyperlink icon in the editing page, and paste your blog permalink into the box which pops up. Save the widget, and then look at your blog to see the new link to your blog page. 
  • If you would prefer to use an image to link to your post page, you will need to create an image to use as a link, and host this on an external image host. Then create an HTML/Javascript widget, and insert your image using the <img> function, like this :
<img src="http://the-url-of-your-image.com/yourimagename.jpg" />

Then to make this image become a link, you will also need to add anchor links around the image, like this:

<a href="yourpermalinkurl"><img src="http://the-url-of-your-image.com/yourimagename.jpg" /></a>
  • Save your widget and then view your blog to see the image link to your blog page.
You can repeat this for any number of blog pages you would like to create for your blog. As I mentioned before, the only disadvantage is that these pages will appear in your archives, and they will also be published in your blog feed. However, I'm sure the benefits far outweigh the drawbacks of this method, since these blog pages can provide an useful information about your site for your readers.

Baca Selengkapnya ....

Top 10 Yahoo! Internet Searches of 2009

Posted by Unknown 0 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012





(CBS) One of the most telling ways to assess our national interest in economics, politics, and entertainment is to analyze the top web searches of the year. So what are the most searched topics on Yahoo! this year?
Heather Cabot, Yahoo! Web life editor, shared on "The Early Show" what the hottest web topics were in 2009 and what they say about Americans and our national consciousness.



TOP TEN OVERALL YAHOO! SEARCHES FOR 2009
1. Michael Jackson
2. Twilight
3. WWE
4. Megan Fox
5. Britney Spears
6. Naruto (Japanese Anime)
7. American Idol
8. Kim Kardashian
9. NASCAR
10. Runescape



So what overall does this list tells us?
Cabot said people mainly use the Internet as an escape.
"When people do searches on the Web it means that they have 10 minutes to let their heads take a break from the daily grind. Or they have a half an hour away from the kids," she said. "People use the Internet to learn more about entertainment gossip. It's their way to get instant gratification on whatever topic they want to check into further."


In 2009, Cabot said the Web was an integral part of the news cycle as people rushed online to get updates about topics as diverse as the economy, foreclosures, Michael Jackson, unemployment, "Jon &amp; Kate Plus 8," and health care.

As the recession entered its second year, she said old-fashioned thrift become a necessity (the number one economic search was coupons), as those lucky enough to have jobs and homes scrimped, saved, and "stay-cationed."
"People rolled up their sleeves and dug in to shift from crisis to survival, and went online to make sense of the seeming chaos around them by tracking stories -- and welcoming distractions -- throughout the year," she said."


Photos: Twilight Saga Smiles
Photos: "New Moon" Premiere
Photos: "New Moon" in Europe"
Photos: Britney Spears
Photos: "American Idol" Last Season
Photos: "Idol" Dreams
Compelete Coverage of Michael Jackson's Death


The King of Pop knocked the pop princess off her Search perch in 2009, Cabot noted. Britney Spears -- who dominated Yahoo!'s Top 10 Overall Searches for the past four years -- dropped from the No. 1 position to No. 5 this year, behind Michael Jackson, the book and film series "Twilight," World Wrestling Entertainment, and rising star Megan Fox. Michael Jackson's death broke many records on Yahoo!, Cabot said. His memorial was the single most streamed event in Yahoo!'s history, with five million total streams, she said. The popularity of "Twilight" also hit an all-time high in 2009 -- with every "Twilight" book, DVD, and soundtrack release; and with every piece of cast gossip, massive numbers of "Twilighters" went online to search for more.


In 2009, Michael Jackson's sudden death prompted an online search sensation. His life and death became a phenomenon that rivals Elvis Mania, Cabot said. People were all over the Web to reminisce, watch the funeral and buy his music. she said. Cabot added that Jackson's funeral was the most streamed video of all time. Other notes of interest on the top 10 list is that Megan Fox continues to fascinate and titillate.


Cabot added that no matter how many times people say that reality TV is dead, it's still on, and how. Kim Kardashian, a celebrity known mainly for her reality TV show, "Keeping Up with the Kardashians," is No. 8.


TOP 10 YAHOO! MOBILE PHONE SEARCHES
1. Megan Fox
2. Mobile Games
3. Michael Jackson
4. Movies (mostly checking addresses and show times)



"More than ever before, people use mobile devices to discover new things, stay connected and stay informed while on the go," Cabot said. "What's worth noticing here is the difference between what we look for on our computers versus what we look at on our phones. There is still a certain amount of escapism there, Megan Fox is still number one, although the search on the mobile network is dominated by picture downloads, rather than information."


Also worth noticing on the top four, is that people are looking for mobile games to kill time when they are out and about, and movie showtimes. Cabot said people use their cell phone Internet search engines for more practical purposes than their computer Internet.


TOP TEN YAHOO! ECONOMIC SEARCHES
1. Coupons

2. Unemployment
3. Stimulus Plan
4. Cash for Clunkers



Coupons were by far the No. 1 search on the web, showing that people at home are still interested in saving any way they can. The second most important economic concern for people if you judge by the search is unemployment. Many Americans, Cabot said, will not feel this economically dark period will not be over until the job market recovers. The "Stimulus Plan" and "Cash for Clunkers" are also big searches for people as they attempt to look into what the government is doing to help them, Cabot said.


TOP TEN YAHOO! OBAMA SEARCHES
1. Obama Inauguration
2. Obama Biography
3. Obama Speech



Our current president continues to fascinate Internet users. In fact, Cabot said, until the Michael Jackson funeral, the Obama inauguration was the number one streamed video on the web. Cabot added, "People want to know who he is, what he has said, and where he comes from."


Baca Selengkapnya ....

Membuat Kotak untuk Posting di Website / Blog

Posted by Unknown 3 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


Salah satu cara agar tampilan website/blog lebih menarik dan informatif adalah dengan menambahkan CSS (Cascading Style Sheet). Tetapi kali ini tidak akan dibahas apa itu CSS, tetapi langsung menerapkan dan mencoba untuk membuat kotak informasi, peringatan, atau sejenisnya dalam sebuah tulisan di web/blog dengan salah satu fungsi/kode CSS.

Hal ini bisa kita lakukan dengan kode (tag) HTML div. DIV merupakan kode HTML yang akan menghasilkan blok paragraf, biasa saya istilahkan dengan Box, karena dengan menuliskan paragraf atau kalimat diantara tag <div>....</div> maka kalimat/paragraf tersebut akan tampil dalam box yang bisa kita atur tampilannya. Untuk memudahkannya, berikut berbagai contoh dan penggunaan tag DIV.

Color dan Background
Kotak ini sesuai dengan kode HTL berikut:
<div style="color:red;background:yellow;"> ... </div>
Perhatikan bagian setelah style, bagian itulah yang menentukan tampilan box dengan menggunakan DIV. Kode diatas menggunakan 2 atribut, yaitu color dan background. Color akan menentukan warna text dan background menentukan warna latar. Perhatikan pula penulisan tanda titik dua dan titik koma. Atribut warna bisa diisi dengan tulisan seperti : black, blue, green, yellow, red, white dan lainnya. Bisa juga dengan menggunakan kode Heksadesimal, misalnya #FFFFFF untuk putih #0000FF untuk biru dan lainnya. Untuk mempermudah memilih warna terbaik, bisa menggunakan program gratis ColorPic atau lihat Color Code di blog ini.

Border
Pada kotak/box sebelumnya, warna kuning terlihat tanpa garis tepi. Akan lebih menarik jika kita menambahkan garis tepi di sekelilingnya. Hal ini bisa dilakukan dengan menambahkan atribut border. Contohnya sebagai berikut:

Kotak ini sesuai dengan kode HTML berikut:
<div style="color:blue;background:#EBF3FB;border:1px solid #AACCEE;"> ... </div>
Penjelasan nilai setelah border adalah sebagai berikut : 1px menandakan ketebalan garis ( 1 pixel yang merupakan satu garis tipis), solid merupakan bentuk atau rupa garis dan #AACCEE merupakan warna garis. Masing-masing dipisahkan dengan tanda spasi.
Untuk bentuk (style) border selain solid, juga bisa bernilai none, hidden, dotted, dashed, double, groove, ridge, inset, outset dan inherit. Contoh masing-masing bisa dilihat tutorial CSS Border.

Padding dan Margin
Pada box sebelumnya tulisan dalam kotak terlihat terlalu rapat dengan garis tepi (baik kiri, atas, kanan atau bawah). Agar tampilan lebih indah, maka tulisan bisa dibuat agar mempunyai jarak dengan garis tepi (lebih menjorok kedalam). Hal ini bisa kita lakukan dengan menambahkan atribut padding. Berikut contohnya :
Kotak ini sesuai dengan kode HTML berikut:
<div style="color:#990099;background:#ADE4AD;border:2px dashed #006600;padding:5px;margin:10px;"> ... </div>
Nilai padding:5px, berarti tulisan dalam box masuk kedalam sepanjang 5 pixel (1 pixel adalah satu garis tipis). Sebenarnya nilainya bisa diisi lebih detail misalnya padding:2px 3px 4px 5px, yang berarti jarak dari garis atas 2 pixel, dari kanan 3 pixel, bawah 4 pixel dan kiri 5pixel. Urutannya dari atas-kanan-bawah-kiri.
Untuk margin hampir sama dengan padding, hanya saja untuk margin menentukan jarak kotak ke area diluarnya (dari garis tepi keluar, mulai atas-kanan-bawah-kiri). Pada contoh tampilan diatas (yang berwarna hijau), tampak box posisinya menjorok kedalam. Karena margin:10px, maka posisi box sejauh 10 pixel dari atas, kanan, bawah dan kiri. Pengisian juga bisa dilakukan seperti padding.

Width (Lebar Box)
Dengan kode-kode seperti diatas, maka panjang box akan selebar konten atau area yang tersedia. Untuk membatasi lebar kotak, kita bisa menggunakan atribut width. Berikut contohnya:
Kotak ini sesuai dengan kode HTML berikut:
<div style="color:#FFFFFF;background:#FFD4AA;border:2px dotted #FF2A00;padding:5px;margin:5px;width:300px;"> ... </div>
Properti width akan mengatur dan membatasi ukuran box. Pada contoh di atas, nilainya adalah 300 pixel. Sebenarnya masih banyak atribut lain yang bisa disertakan, tetapi sementara 6 atribut diatas sudah cukup untuk membuat tulisan lebih informatif (dengan pemilihan warna yang tepat tentunya).


Catatan :
  • Satu hal yang perlu diperhatikan ketika menuliskan kode tersebut (dalam menulis artikel) adalah harus dalam mode HTML, bukan dalam mode visual.
  • Agar script/kode yang kita masukkan ke dalam postingan sesuai dengan tampilan yang diinginkan, maka perlu melakukan Encode script/kode terlebih dahulu, dapatkan keterangannya disini.
Salam,
Smart Best Info

Baca Selengkapnya ....

Top 100 Gadget Blogs

Posted by Unknown 0 komentar
Agenliga Sebagai Agen Bola Online Untuk Euro 2012 | Fairbet88.com dukung fairplay EURO 2012 | 988BET Agen Bola Untuk Prediksi Piala Eropa 2012


Universal Bullshit Detector Watch by Joey SkaggsVaultz Locking Gadget Box, 5.5 Height x 8.25 Width x 2.25 Depth Inches, Black with Chrome Accents (VZ01378)Soda Can Robug Robot
The Top 100 Gadget Blogs ranking is here to help you find out which of the gadget blogs from around the world are the ones to watch out for. Ranking is based on information from Alexa and Technorati which combined, give the blog a ranking. The lower the rank number, the higher in the top 100 gadget blogs list the particular blog will appear.
Information for the Top 100 Gadget Blogs list is compiled every week. At the bottom of the top 100 list you will find code to add a top 100 blog button to your gadget blog.
Congratulations to all those who made the Top 100. If you own a gadget blog and are not listed then drop us an email and we will add it for you.


Updated June 20, 2009
Rank
Blog
Alexa
Technorati
Score
1
955
1
479
2
1099
5
555
3
6253
18
3145
4
6873
21
3458
5
8247
117
4241
6
10698
71
5420
7
16040
668
8688
8
18045
41
9064
9
16316
925
9083
10
18997
363
9862
11
19838
74
9993
12
19116
933
10491
13
17569
2721
11506
14
20521
1695
11956
15
23326
937
12600
16
15571
5520
13306
17
25428
1469
14183
18
26442
2253
15474
19
31329
1801
17466
20
36782
253
18644
21
24296
6653
18801
22
n/a
n/a
n/a
n/a
23
30860
4267
19697
24
34064
4656
21688
25
37615
2987
21795
26
40678
2048
22387
27
36678
7317
25656
28
43396
3960
25658
29
46015
3458
26466
30
40399
8386
28586
31
34338
13376
30545
32
59375
2577
32265
33
52222
7958
34069
34
57324
6977
35639
35
58643
6769
36091
36
66562
2958
36239
37
57759
11053
39933
38
57434
20662
49379
39
66993
18145
51642
40
77864
32485
71417
41
42127
52956
74020
42
115436
24900
82618
43
144498
11804
84053
44
129934
27226
92193
45
81754
61312
102189
46
112372
51951
108137
47
127213
45776
109383
48
45016
89052
111560
49
69316
80959
115617
50
70260
80959
116089
51
165574
40637
123424
52
170958
50957
136436
53
116881
78979
137420
54
163570
64034
145819
55
255651
22865
150691
56
54106
127121
154174
57
72082
127121
163162
58
142140
92650
163720
59
1177
190579
191168
60
255869
64034
191969
61
119660
136679
196509
62
33597
190579
207378
63
106076
159819
212857
64
144357
141894
214073
65
359055
35379
214907
66
97050
166699
215224
67
210251
122838
227964
68
206821
141894
245305
69
247946
122838
246811
70
188812
153427
247833
71
235168
174039
291623
72
478774
62651
302038
73
268510
174039
308294
74
146387
247606
320800
75
77811
300257
339163
76
353105
166699
343252
77
393918
210407
407366
78
292767
262889
409273
79
348906
247606
422059
80
522108
247606
508660
81
412240
348599
554719
82
181935
509666
600634
83
320291
456335
616481
84
593830
378421
675336
85
576389
413874
702069
86
515181
456335
713926
87
688099
378421
722471
88
1089211
200172
744778
89
194355
661347
758525
90
415872
575630
783566
91
587051
509666
803192
92
853763
378421
805303
93
744810
456335
828740
94
879855
413874
853802
95
1023510
413874
925629
96
1258663
300257
929589
97
1783417
85295
977004
98
543123
777255
1048817
99
1800800
200172
1100572
100
1375980
413874
1101864

Baca Selengkapnya ....