Laman

Sabtu, 30 April 2011

Cara Mudah Buat Banner Menggunakan MyBannerMaker

Share
Create your own banner at mybannermaker.com!

Liat gambar banner ini? Nah, buat teman-teman yang merasa bahwa melakukan web design merupakan sesuatu yang sulit apalagi jika tidak paham tentang photoshop, mungkin MyBannerMaker merupakan salah satu pilihan yang dapat membantu kita untuk melakukan desain banner.

MyBannerMaker
merupakan layanan web desain gratis yang dikhususkan bagi para webmaster (pemilik website) yang ingin membuat desain banner tanpa harus memahami photoshop, yaitu dengan menggunakan jasa banner generator dalam website ini.

Langkah untuk memulainya pun cukup mudah dan tanpa harus bingung memilirkan desain photoshop untuk memberi efek-efek menarik. Karena, pada banner generator ini sudah disediakan kelengkapan mulai dari desain posisi teks, gambar, maupun efek-efek bergerak pada teks, dan sebagainya.

Dan yang paling penting di website ini kita sudah disediakan ukuran banner standard untyuk berbagai posisi seperti header, horisontal maupun vertikal banner, dan sebagainya.


Selain MyBannermaker, sebenarnya masih banyak lagi banner generator gratis yang tersedia dan kelengkapan yang disediakan juga hampir sama. Jadi, silahkan pilih web banner generator untuk web design yang Kita sukai seperti:

PureSilva BannerMaker

BannerSketch

Xheader

Txt2Pic

AnimationOnline

BannerSnack

Semoga referensi layanan web design gratis ini lebih memudahkan kita dalam mendesain banner untuk kita gunakan dalam blog atau website kita, di forum, dan sebagainya.

Kamis, 28 April 2011

Mengatur Gambar Posting

Share
Melengkapi postingan tentang Wrapping Text di sekitar Image, aku cuma mau nambahin dikit soal naruh gambar/images di postingan biar textnya nge-wrap (apa yah istilah Indo-nya :) ) gambar tersebut di rata kiri atau rata kanan, biasanya kalau ga diseting gambar akan berada di atas text, seperti gambar ini :

Secara defaultnya sih mudah aja kog, yaitu setelah gambar di upload dari menu Add Image dan muncul di bagan postingan, klik gambar kemudian klik tombol alignment rata kiri atau rata kanan sesuai keinginan. Voila! setelah itu text sudah bisa naik ke atas dan mengelilingi gambar.

Bagaimana kalau ngga pengaruh ? gambar masih aja tetep berada di atas text. Kemungkinan bawaan theme-nya juga. Coba buka file stylesheet.css dari theme-nya, bisa dari Cpanel menu File Manager atau pakai FTP atau bisa langsung dari menu Designs >> Theme Editor di admin area (syaratnya file-filenya sudah di CHMOD/change permission dulu agar bisa di save dari admin area).
Kemudian paste kode seperti ini di kolom file stylesheet.css, bisa ambil bagian bawah sekali dari file tersebut kalau bingung mau nempatin dimana (kalau ada kode tentang Image sih bisa aja disisipkan di antaranya).
img.centered, .aligncenter, div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }

img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }

.alignright {
 float: right;
 }

.alignleft {
 float: left;
 }
Jangan lupa menekan tombol “Update Changes” untuk menyimpan perubahannya.
Kembali view page yang ada gambarnya tadi, kemudian refresh (CTR+F5) untuk melihat hasilnya.

Mengatur posisi gambar sejajar horizontal pada blogger

Share
Untuk merubah posisi gambar secara berjajar, perlu Anda lakukan secara manual , karena secara default, blogger tidak mendukung upload menempatkan image/gambar pada lokasi yang diinginkan.
Langkah - langkahnya adalah sebagai berikut
  1. Setelah image/gambar yang diupload dan terlihat di bagian atas, pilih image/gambar dengan klik pada gambar tersebut.
  2. Ketika image/gambar yang dipilih, potong gambar menggunakan CTRL + X pada keyboard dan sekarang arahkan ke bagian posting, di mana Anda ingin meletakkannya (yaitu memindahkan kursor ke sana) dan sisipkan image / gambar tadi dengan menggunakan CTRL + V pada keyboard

Senin, 25 April 2011

MEMBUAT BLOG TERKENAL DENGAN META TAG

Share Kenapa meta tag keyword serta meta tag deskripsi perlu di optimisasi, jawabnya karena sering kali mesin Crawler Search engine terlebih dahulu menyambangi bagian ini di banding dengan bagian-bagian yang lain.

Trik dasar dari teknik ini adalah menambahkan Judul Blog ke dalam meta tag keyword dan meta tag deskripsi. Jika pada posting terdahulu kang rohman pernah memberi tips membuat meta tag seperti ini :


<meta name="description" content=" Deskripsi blog "/>

<meta name="keywords" content=" keyword 1, keyword 2, keyword 3, dst "/>


Contoh seperti ini :


<meta name="description" content=" Panduan praktis membuat blog di blogspot serta download ebook dan software secara gratis "/>
<meta name="keywords" content=" blog tutorial, tutorial blogspot, blogging tutorial, free download, free software, gratis, google adsense, template, favicon, javaScript tutorial, html tutorial, blog tutorial banner, technorati, banner, css "/>



Contoh di atas merupakan pemasangan meta tag yang umum di pakai. Untuk mengoptimalkannya kita sisipkan kode judul blog ( title blog ) ke dalam meta tag tersebut, sehingga kodenya akan menjadi seperti ini :


<meta expr:content='data:blog.pageTitle + " - Deskripsi blog"' name='description'/>

<meta expr:content='data:blog.pageTitle + ", keyword 1, keyword 2, keyword 3, dst"' name='keywords'/>


Contoh seperti ini :


<meta expr:content='data:blog.pageTitle + " - Panduan praktis membuat blog di blogspot serta download ebook dan software secara gratis"' name='description'/>

<meta expr:content='data:blog.pageTitle + ", blog tutorial, tutorial blogspot, blogging tutorial, free download, free software, gratis, google adsense, template, favicon, javaScript tutorial, html tutorial, blog tutorial banner, technorati, banner, css"' name='keywords'/>



Mudah-mudahan dengan meta tag seperti di atas dapat meningkatkan traffik ke blog anda.
Selain melakukan cara di atas, ada pula yang harus di perhatikan dalam hal membuat meta tag deskripsi atau keyword yaitu di antaranya :

  • Jangan terjadi duplikasi antara judul blog dengan deskripsi blog (kata-katanya sama).
  • Sebaiknya jumlah karakter keyword jangan lebih dari 500 katrakter.
  • Untuk jumlah keyword sebaiknya jangan lebih dari 20 keyword. Pemasangan keyword yang terlalu banyak bisa di anggap spam oleh seach engine.
  • Keyword yang di pasang sebaiknya berhubungan dengan isi dari postingan.

MENAIKKAN RANKING BLOG DENGAN META TAG

Share Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :


<meta name="robots" content="INDEX, FOLLOW"/>
<meta name="description" content="Deskripsi dari blog sobat di sini "/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "/>

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat.

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

TEMPAT MENDAFTARKAN BLOG KE SEARCH ENGINE

Share Kalo di postingan yang tentang kumpulan search engine berisi kumpulan search engine mentah alias anda harus mencari url tempat mendaftar dahulu jadi baru setengah perjalanan untuk menuju ke Roma, tapi pada postingan kali ini saya akan menuliskan search engine langung, jadi anda tinggal klik trus tinggal masukin web/ blog anda .....jadi deh....singakat cepat dan menghasilkan.



Kami menyediakan manual bebas dan penyerahan otomatis untuk itu, peringkat tertinggi Internet Gratis Search Engine dan Direktori. The Search Engine dan Direktori terdaftar di bawah ini adalah semua peringkat menurut popularitas. Peringkat ditentukan oleh Alexa.com dan Google.com dan diperbarui secara teratur. Memiliki pertanyaan tentang FWS? Periksa kami FAQ halaman.
Search Engine /
Direktori
Alexa Traffic Rank Google Page Rank
1. Google
2. Yahoo! Search
3. Bing
4. Open Directory
5. ASR
6. ScrubTheWeb
7. EntireWeb
8. ExactSeek
9. SearchSight
10. Amfibi
11. A1WebDirectory
12. SoMuch
13. SecretSELabs
14. Link Centre
15. Web Dunia
16. MasterMOZ
17. RDirectory
18. Skoobe
19. 24 / 7 Web Direktori
20. Info Tiger
21. Info Listings
22. Katalog W3
23. IllumiRate
24. SurfSafely
25. GigaBlast
  1  
4
20
471
2,548
2,821
3,712
6,182
7,695
12,683
12,988
14,181
14,388
15,362
16,167
16,506
16,963
17,063
17,175
17,561
18,483
19,674
19,960
20,256
21,553
10
9
8
8
4
7
6
3
5
3
5
5
0
4
5
5
5
4
4
5
5
4
5
5
7
26. Direktori Storm
27. AgAccess
28. 9Sites
29. Dramba
30. SonicRun
31. Domaining
32. TXT Link
33. IS
34. BusinessSeek
35. 1WebsDirectory
36. Apa U Seek
37. FullLogo
38. Link Hidup
39. OneMillionDirectory
40. Directory My Live
41. MavicaNet
42. Gimpsy
43. 01WebDirectory
44. TowerSearch
45. Cipinet
46. Synergy Direktori
47. Finest 4
48. Web4URL
49. Pedsters Planet
50. Elite Direktori Situs
21,824 
21,927
22,282
22,626
22,971
24,137
25,198
26,188
27,539
28,574
29,710
30,143
33,492
33,775
34,006
34,938
36,289
37,386
38,124
38,743
39,314
40,541
41,205
44,967
46,398
         4
  4
3
2
3
4
3
4
4
3
6
3
4
2
2
5
5
4
2
4
4
2
4
4
3
Di atas merupakan search engine instant, jadi anda tinggal klik dan isi data dan akan terupdate di engine yang anda pillih. Cuma ada beberapa yang ga bisa silahkan di coba -coba lumayan gratisan kan.....hehhehe

Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter.
Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.
Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik banner di bawah :
pingoat_9.gif
Sobat tinggal mengisi form yang di sediakan.
Sudahkan blog sobat terindeks di google? coba masukan alamat blog sobat pada mesin pencari google yang tersedia di bawah postingan ini

Kelemahan Kelebihan Dofollow Blog

Share Sebelum kita memutuskan merubah blog menjadi dofollow, ada baiknya perlu kita ketahui juga apa kelemahan dan kelebihan dofollow blog.

Kelebihan blog dofollow :

Blog yang dofollow akan membuat postingan artikel yang kita punya menjadi banyak diberi komentar oleh pengunjung. Ini dikarenakan karena para pengunjung blog menginginkan mendapatkan backlink secara gratis dari blog dofollow. Backlink ini nantinya akan membantu blog mereka mendapatkan page rank yang lebih baik.
Selain itu blog anda juga menjadi semakin ramai dikunjungi orang dan akan menjadi terkenal sebagai blog dofollow.


Kelemahan blog dofollow

  • Blog yang dofollow menjadi tidak disukai oleh Google karena blog dofollow mempunyai link keluar yang banyak. Sehingga kita jangan kaget ketika mendapatkan blog kita tidak menempati halaman pertama google.
  • Blog dofollow juga menjadi rawan diserang oleh para spammer yang memburu backlink secara gratis. Padahal kita tahu karakter spammer adalah memberikan komentar yang jelek dan hanya sekedarnya saja.
  • Blog dofollow yang mempunyai terlalu banyak link keluar akan menyebabkan blog anda dihapus dari mesin pencari, ataupun kalau tidak minimal google hanya melakukan indeks hanya sebagaian dari halaman blog. Ini bisa menyebabkan pengunjung menjadi berkurang, bahkan bisa jadi malah tidak ada.



Semoga bermanfaat. Silahkan anda putuskan ingin menjadi blog dofollow atau nofollow

Minggu, 24 April 2011

Cara Membuat Dofollow Blog

Share Pada Blogger atau Blogspot terdapat 2 (dua) attribute rel="nofollow" pada body HTMLnya. Pertama adalah pada kolom komentar, dan kedua ada pada Kolom Backlink. Untuk menjadikan Blog kita "You Comment I Follow" atau Do Follow, hanya dibutuhkan penghilangan pada satu tempat saja, yaitu pada kolom komentar. Karena inti yang ingin diraih adalah memberi Backlink, pada pemberi komentar.
Cara menghilangkan Attribute rel="nofollow" pada kolom komentar :

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut

<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>
<data:commentPostedByMsg/>
</dt>
Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

2. Kemudian hapus kode rel='nofollow', lalu "save template". Selesai, Sekarang Blog kita Do Follow :) dan berhenti sampai disini juga SUDAH CUKUP.

Berikut adalah cara untuk menhilangkan attribut rel="nofollow" pada kolom BACKLINK/TRACKBACK. Metode kedua ini TIDAK wajib.. Kolom Backlink/trackback adalah kolom yang disediakan untuk membuat track jika ada yang melakukan Link terhadap Posting tulisan kita. Sekali lagi, kolom ini boleh dibiarkan dan tidak di buat do follow.

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
2. Hapus kode rel='nofollow', lalu "save template". Selesai

Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

Kumpulan Search Engine

Share
Saat ini Search engine sudah menjadi kebutuhan masyarakat. Tanpa search engine, apalah arti sebuah situs. Bukan saja menambah traffic bagi setiap situs, search engine juga memiliki manfaat yang besar bagi dunia SEO. Termasuk diantaranya kontes SEO.
Berikut adalah daftar search engine terbaik Sedunia yang saya ketahui:
  • Search Engine Informasi Umum
1. Yahoo!
http://yahoo.com
Dengan banyak kemiripan besar database situs, bukan berarti Yahoo! ini juga menyediakan hasil pencarian yang sama dengan Google.
2. DogPile
http://www.dogpile.com
Hasil pencarian dari DogPile ini merupakan kumpulan dari search engine besar seperti Google, Yahoo dan WIndows Live Search. Jadi anda tidak akan melewatkan sesuatu di internet melalui hasil pencarian anda.
3. AltaVista
http://www.altavista.com
Anda bisa mencari website, audio, gambar, video dan berita melalui situs ini. Selain itu, anda juga bisa mengarahkan hasil pencarian anda apakah itu seluruh dunia atau negara tertentu saja, seperti US dsb.
4. Windows Live Search
http://live.com/
Melalui search engine ini, anda bisa mencari seluruh isi web di databasenya atau membuat sendiri halaman personalisasi anda dengan diisi informasi yang anda miliki.
5. Zuula
http://www.zuula.com
Hasil pencarian dari mesin pencari ini adalah kumpulan dari banyak mesin pencari, selain itu anda bisa menspesifikasi search engine apa yang ingin anda dapatkan hasil pencariannya. Anda juga bisa menambahkan Zuula ini pada search box firefox
6. Mamma
http://www.mamma.com
Search engine berbasis meta ini tidak hanya membantu anda untuk mencari informasi dari web dan video tetapi anda juga dapat mencari pada white pages dan yellow pages.

GOOGLE VS LINTAS BERITA

Share Tentu anda sudah tahu, sangat banyak peluang pintu masuk pengunjung untuk sebuah blog. Mulai dari mesin pencari, social network, social bookmarks, bookmarks browser, followers, blogroll, back link dan lain-lain. Tapi di sini saya hanya ingin menimbang antara google dan Lintas Berita.

Jujur, saya bukan seorang master SEO dan juga bukan ahli soal situs social bookmarks. Tapi saya hanya seorang master bandel. Alias blogger udik yang nakal uji coba, kadang melawan arus, melawan kebiasaan yang sudah lazim. Karena itu jika ada diantara anda yang ahli soal ini saya akan langsung angkat tangan. Sebab postingan ini hanya saya tulis berdasarkan pengalaman.

Kenapa google?
Karena hingga saat ini google masih merupakan mesin pencari nomor satu yang paling banyak digunakan para penggila dunia maya.

Kenapa Lintas Berita?
Karena hingga saat ini Lintas Berita merupakan situs social bookmarks nomor satu di Indonesia.

Keduanya, sejauh yang saya alami merupakan mata air sumber pengunjung yang sangat menggiurkan dibanding beberapa pintu masuk pengunjung lainnya.

GOOGLE:

Kelebihan google adalah hanya dengan satu kali submit blog, maka cepat atau lambat semua konten blog anda akan terindeks secara otomatis dalam data basenya. Baik konten yang lama maupun yang akan anda update berikutnya. Apalagi sejak adanya fasilitas google caffeine, yang membuat setiap update terbaru sangat mudah terindeks di halaman pencarinya. Singkat kata google adalah senjata penembak pengunjung all in one. Satu klik untuk semua konten. Otomatis untuk selamanya. Kecuali bila anda kena tampar oleh google alias kena bann karena melakukan kesalahan.

Setelah itu anda tinggal menunggu pengunjung kesasar sendiri ke blog anda tanpa harus anda undang seperti blogwalking dan submit tulisan ke social bookmarks. Meski anda tidak blogging, tidak membuka komputer, atau setelah anda masuk kubur pun, peluang arus masuk pengunjung akan tetap ada. Inilah kelebihannya.

Tapi jangan lupa kekuranganya juga ada, meskipun hal ini juga bisa diartikan sebagai tantangan. Semua situs di dunia maya akan bertarung di sana, seperti medan tempur hukum rimba. Tidak ada wasit tidak ada polisi. Yang kuat akan menang bertengger di halaman pertama dan rangking teratas. Sedangkan yang lemah akan ditendang dan digilas hingga tenggelam di akar google. Di sinilah kekuatan SEO diperlukan. Mulai dari optimasi template (memasang meta tag, meta keyword, dsb), optimasi konten (pada judul dan tubuh tulisan, mengintai kata kunci yang lagi trend dan seterusnya). Nah, jika anda malas dan muak dengan semua ini, resikonya tentu anda akan kalah bersaing.

LINTAS BERITA:

Kelebihan dari mengirim tulisan ke Lintas Berita, asal judu tulisan anda menarik, memikat, bila perlu bisa menyihir pengunjung Lintas Berita, maka dalam waktu satu hari blog anda bisa menyedot ribuan pengunjung. Walaupun hanya untuk satu tulisan. Walaupun blog anda hanya berisi satu tulisan. Tidak seperti google dimana kekuatan SEO harus ditunjang dengan banyaknya konten. Yang anda perlukan hanya kejelian dalam membuat judul tulisan. Walaupun isi tulisan anda amburadul juga tidak masalah, bahkan dengan hanya judul tulisan tanpa isi pun juga bisa. Tentunya ada resiko yang anda tanggung (Saya tidak tanggung jawab). Tapi yang jelas, kekuatan yang anda perlukan hanya bertumpu pada judul tulisan.

Tapi kelemahan dari Lintas Berita juga ada. Jika google adalah senjata penembak pengunjung all in one, maka Lintas Berita hanya one by one. Satu klik untuk satu tulisan. Anda harus mengirim tulisan pada blog anda secara manual satu per satu. Kelemahan lainnya, jika anda mengirim tulisan disaat yang tidak tepat, disaat tidak banyak pengunjung Lintas Berita lagi online, maka tulisan anda hanya akan terbuang percuma, jadi timbunan sampah. Selain itu setiap tulisan anda yang sudah terkirim akan dihapus dalam rentang waktu yang telah ditentukan. Saya lupa berapa lama sebuah tulisan masih aktif di sana (Inilah kelebihan saya: tidak menguasai detailnya).

Nah, jadi kesimpulannya mana yang terbaik?
Menurut saya yang terbaik adalah gabungkan saja keduanya. Jadi setiap kelebihannya bisa anda dapatkan. Dan setiap sisi kelemahannya masing-masing bisa saling diatasi. Kecuali jika anda tidak butuh pengunjung, tulisan ini pun tidak perlu anda hiraukan.

Icon Twitter Burung Terbang di Blog

Share
Maraknya pengguna twitter dan facebook saat ini membuat mereka berinovasi bagaimana membuat akun mereka yang tampil di blog atau situs lebih menarik dengan harapan para pengunjung blog / situs akan tertarik untuk add di akun mereka sehingga menambah jaring pertemanan menjadi semakin luas.


Berikut ini adalah tutorial membuat icon twitter dengan animasi burung yang bisa terbang mengikuti arah gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak yang ada pada blog/situs yang sengaja saya share dari rekan netter imemoz.com. Caranya cukup mudah dan gampang.Berikut adalah langkah-langkahnya:
Pengguna Platform Blogger
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.
Pengguna Platform Wordpress
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.
Copy script berikut ini kemudian paste di blog atau situs anda.
<script type=”text/javascript” src=”http://imemovaz.googlecode.com/files/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://4.bp.blogspot.com/_9B1yqig9iAg/TVKEXsnAUMI/AAAAAAAAAII/o7TYnYBuC6k/s1600/birdsprite.png”; var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1″,”h2″,”h3″,”h4″,”p”,”code”,”object”,”a”,”b”,”strong”,”span”); var twitterAccount = “http://twitter.com/NamaTwitterAnda”;var tweetThisText = “Twitter – NamaTwitterAnda http://UrlSitusAnda/”;tripleflapInit();
</script>

Memasang Tombol Like Facebook Di Blog

Share

facebook likeDengan cara ini maka semua postingan blog anda akan muncul di halaman profil Facebook sehingga dapat dinikmati oleh teman facebook anda.

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu dengan memasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini





Kalau anda ingin membuat tombol like dalam bentuk ini




maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.


Selamat mencoba. Semoga bermanfaat...

Memasang Tombol Facebook Share Dalam Postingan Blog

Share

tombol facebook shareSelain facebook like yang sudah pernah saya bahas sebelumnya, Facebook juga memperkenalkan widget lain yang cukup terkenal yaitu Facebook share.

Sesuai namanya, widget ini berguna untuk membagikan sebuah halaman situs ke profil facebook.

Lalu apa bedanya antara Facebook like dan Facebook share?


Secara umum kedua widget tersebut sama-sama berguna untuk membagikan sebuah halaman situs ke Facebook. Sebagai contoh anda menyukai postingan ini maka anda bisa membagikan halaman ini ke teman facebook anda dengan menekan tombol facebook like atau facebook share.

Nah yang berbeda adalah cara penyajiannya. Jika anda membagikan melalui facebook like maka halaman ini akan muncul pada menu 'recent activity' sedangkan dengan facebook share halaman akan muncul pada menu 'News Feed'.

Agar lebih jelas perhatikan screenshot berikut:

Contoh tampilan posting yang dibagikan melalui facebook like

facebook like
Contoh tampilan posting yang dibagikan melalui facebook share

facebook share
Ok... sudah jelas ya perbedaannya. Sekarang mari kita pelajari cara memasang tombol facebook share dalam postingan blog. Untuk cara memasang tombol facebook like bisa anda baca disini.

1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>

4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

Tombol Fshare tanpa counter

tombol fshare tanpa counter

Kode:
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>


Tombol Fshare dengan counter diatas

tombol fshare dengan counter diatas




Kode:
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping

tombol fshare dengan counter disamping

Kode:
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

6. Jika sudah simpan template anda dan lihat hasilnya.

Cara Membuat Tulisan Berjalan 2

Share
Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog. 

Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee  seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda.  Untuk lain-lainnya anda bisa ber experiment sendiri" mudah ko'k.
 01. Tulisan berjalan ke kanan.

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />  

02. Tulisan berjalan dengan gambar.

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />  


03. Tulisan berjalan ke atas.

<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>  


04. Tulisan dapat memantul.

<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>  


05. Tulisan berjalan akan berhenti jika dibayangi cursor.

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>  

06. Tulisan zig-zag

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>  

07. Tulisan Bouncing around

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />   

8. Tulisan berjalan lambat

<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>  

Cara Membuat Tulisan Berjalan 1

Share Jangan hanya diam, itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa? kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa menjadi daya tarik atau menarik perhatian orang.

Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.

Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping


<marquee direction="left"><b>Selamat Datang di Belajar Ngeblog di BLOG </b></marquee>



Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.

Berikut ini adalah kode untuk tulisan berjalan ke atas

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Belajar Ngeblog di BLOG</b> </marquee>


Selamat Datang di Belajar Ngeblog di BLOG

Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmalnya menjadi sebagai berikut:

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<a href="http://bisnis4shared.blogspot.com/">LINK 1</a>
<a href="http://bisnis4shared.blogspot.com/">LINK 2</a>
<a href="http://bisnis4shared.blogspot.com/">LINK 3</a>
</marquee>

Bisa juga kita gunakan untuk aplikasi newsflash. Kode HTMLnya sebagai berikut

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="bisnis4shared.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
 </script>
</marquee>

Jangan lupa mengganti bisnis4shared.blogspot.com dengan URL kamu sendiri, sebagai recent post.

Jumat, 15 April 2011

Widget Gratis

Share
Ibarat rumah, blog desainnya harus bagus agar pengunjungnya terus betah berkunjung. Selain desain, bagian penting yang harus kita perhatikan adalah bagian finishing. Agar blog kita tampak bagus, perlu kiranya untuk menambahka pernak-pernik sesuai dengan kesenangan kita.
Salah satu caranya adalah dengan menambahkan widget (aplikasi kecil) yang biasa diletakkan di sisi kanan atau kiri blog. Misalnya kita bisa menambahkan widget counting down suatu peristiwa, peringkat blog kita, jumlah statistik, banner twitter, badge facebook dan lain-lain.
Jika kita buka www.widgetbox.com di sana tersedia ratusan widget yang bisa kita pakai dengan gratis. Bahkan tidak perlu register untuk mendapatkan scriptnya. Contohnya widget tentang video, humor, ramalan cuaca, foto bahkan mp3 al quran 30 juz dengan terjemahan bahasa indonesia.
Selain dengan widget, kita bisa memperindah blog dengan menyisipkan rss berita-berita yang bisa kita ambil dari detikcom, detiknews, detiksport, detikot dan lainya. Atau jika berminat, juga bisa menambahkan komentar terbaru, postingan terbaru, blogroll (list link) atau kalender acara yang sudah disediakan oleh blogdetik.
Namun harus hati-hati. Tidak perlu kita memasang semua widget yang ada. Pilih salah satu atau dua yang sekiranya mendukung isi maupun tampilan blog kita. Karena kalau kita memasang secara sembarangan akan berpengaruh pada kecepatan loading kita. Jadi jangan sampai tampilan blognya sangat bagus namun tak bisa dibuka, sia sia bukan?

Download 58 Widget Gratis

Share
Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. *heuheu* Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.
Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya* hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda.
Note: Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang *kesannya* memasang widget yang berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi PLP.1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangad* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.
3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.

Meningkatkan Posisi Website Pada Search Engine

Share
Melakukan Pendaftaran (submission)
Bagaimana melakukan pendaftaran ? Gampang, Anda tinggal mengisi form pendaftaran URL yang disediakan masing-masing search engine. Misalnya untuk Google, form pendaftarannya ada di http://www.google.com/addurl.html. Setelah itu tunggu beberapa minggu dan lakukan pengecekan apakah website Anda sudah terlisting atau tidak. Caranya, masuk ke situs search engine yang bersangkutan kemudian ketikkan domain Anda sebagai kata kunci, misalnya ilmukomputer.com. Jika URL Anda muncul pada hasil pencarian (search result), berarti website Anda sudah terdaftar. Bagaimana jika tidak muncul ? Ada dua kemungkinan penyebab. Pertama, karena crawler search engine memang belum sempat berkunjung dan membaca isi (content) dari web Anda. Kedua, crawler sudah berkunjung namun tidak dapat membaca content karena sesuatu hal, misalnya pada saat web server Anda down atau kelebihan traffic. Pada kasus kedua, search engine biasanya akan berusaha membaca ulang URL tersebut dalam jangka waktu tertentu, namun cara terbaik adalah melakukan pendaftaran ulang apabila website Anda sudah benar-benar siap.Sekarang kita asumsikan pendaftaran website Anda sudah berhasil, apakah itu sudah cukup ? Tentu saja tidak, Anda perlu melakukan pengujian berikutnya. Coba ketikkan keyword atau frase umum yang berhubungan dengan isi website. Misalnya jika website Anda menawarkan produk furniture khas Indonesia, cobalah cari dengan kata kunci "furniture indonesia" misalnya. Jika website Anda muncul di halaman pertama atau kedua, itu sudah bagus. Namun jika website Anda muncul di halaman-halaman belakang, janganlah berharap traffic terlalu banyak. Sangat kecil kemungkinan visitor akan dapat menemukan URL Anda. Mau tidak mau, website Anda harus berjuang memperebutkan posisi 20 besar dari ratusan bahkan jutaan website pesaing.
Teknik Optimalisasi Search Engine Dalam bahasa Inggris disebut Search Engine Optimization (SEO), adalah cara yang harus ditempuh apabila website Anda tidak berhasil menduduki posisi 20 besar untuk keyword yang diharapkan. Ada dua faktor utama yang harus diperhatikan pada proses SEO, yaitu :
• Faktor Internal (berhubungan dengan penulisan content website dan HTML) • Faktor Eksternal (berhubungan dengan link popularity)

PENULISAN KODE HTML

Share DASAR -DASAR PENULISAN KODE HTML
Bagi anda yang pengin belajar tentang penulisan kode HTML berikut adalah sedikit mengenai dasar - dasar cara penulisannya. Tulisan ini hanya memuat perintah kode HTML yang sangat sederhana. Tulisan ini mkungkin sangat cocok bagi mereka yang baru mengenal HTML.

Html singkatan dari hypertext markup language, merupakan program penulisan informasi sebuah homepage. Dalam Tulisan ini akan coba saya perkenalkan dasar – dasar penulisan Kode HTML. Sebagai latihan Anda bisa menulis kode – kode HTML berikut ke Microsoft frontpage, atau program lainnya untuk mengetahui hasil setiap perintah kode HTML. (Untuk FrontPage setelah anda membuka halaman kosong sebagai latihan tulis kode HTML di Bagian menu “HTML” kemudian untuk melihat hasilnya silahkan tekan tombol “Preview” atau “Normal” yang ada disebelahnya. Saya menyarankan pakai FrontPage karena kebanyakan program tersebut sudah terinstal di komputer.
Sebelumnya ada saran dikit: cara yang baik dengan mempelajari bagaimana orang lain telah menuliskan kode-kode nya pada setiap halaman html adalah lakukan : klik menu "View" dan klik "Source". Cobalah lakukan langkah ini pada saat anda sedang membuka halaman html dokumen orang lain yang anda buka, download atau copy dari internet. Dengan langkah ini maka anda akan melihat sendiri di layar monitor komputer anda berbagai kode yang dituliskan pada halaman html tersebut.

1. Menulis judul pada halaman homepage

Setiap dokumen HTML sebuah homepage perlu diberi judul. Berikut adalah tampilan pada saat anda melakukan perintah penulisan judul atau title :
<title>Sinungku document</title>
Ubahlah teks "Sinungku document" dengan judul artikel anda. Penulisan judul biasanya dimulai dengan tanda tag <title> dan diakhiri dengan tanda tag </title>. Judul tulisan sebaiknya dituliskan pada awal dokumen anda.

ACESORIS WIDGET

Share
7. Peta Kampung Kita

Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net

Caranya,
(a) masuk ke http://feedmap.net;


(b) Klik "Explore Blog", akan muncul peta dunia; 

(c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia. 

(d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang; 

(e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi; 

(f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse; 

(g) Akan tampil menu "Add Blog", klik menu ini; 

(h) Akan muncul kotak, isi alamat blog Anda.

(i) Klik submit; 


(j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda; 

Cara Praktis Promosi Blog

Share
Setelah membuat blog dan memposting tulisan, curhat, puisi dan cerpen serta diari Anda, cobalah tiga hari kemudian cek blog Anda di http://technorati.com/search, pakai kata kunci nama Anda atau link Anda seperti http://kolom-mario.blogspot.com (pemakaian http://.. ini perlu untuk membentuk link). Apabila masih belum muncul di technorati.com, berarti ada setting-an blog Anda yg perlu diperbaiki. Ikuti petunjuk sbb:


(1) Log-in ke http://blogger.com dan masukkan id dan password seperti biasa;
(2) Klik judul blog Anda;
(3) Klik "setting", trus klik "publishing"
(4) Di bagian paling bawah ada menu "notify weblogs.com" pilih "yes".
(5) Klik "Save Settings" dan "republish". Selesai.

Jangan lupa, menu "comments" dibikin publik supaya orang mudah memberi komentar. Caranya:

(1) Klik "Setting", trus klik "comments". Di "settings comments" ini ada berbagai pilihan, pilih sbb:
(a) Comments --> pilih "show";
(b) Who can comment? --> pilih "anyone";
(c) Comments default for comments --> pilih "New Posts have comments"
(d) Backlinks --> show
(e) Show comment in pop up window? --> pilih "yes"
(f) Show Word verification for comments? --> pilih "yes"
(g) Enable comment moderation? --> pilih "no"
(h) Show profile images on comments? -->pilih "yes"
(i) comment notification address --> isi dg email anda.

Terakhir, klik "Save Settings" dan "Republish". Selesai.

PROMOSIKAN Blog

Share Setelah selesai membuat blog, hal yg tak kalah pentingnya adalah empromosikan/memperkenalkan blog milik Anda pada dunia ramai. Apa gunanya membuat blog kalau isi curhat, puisi, cerpen, refleksi dan opini Anda yang diposting tidak dibaca orang, bukan?


Ikuti langkah-langkah promosi blog sebagai berikut:

(1) Daftarkan di blog directory

Daftarkan blog Anda ke berbagai direktori blog (blog directory). Sedikitnya, daftarkan di tiga blog directory terbesar dan terpopuler, yaitu (a) http://technorati.com (b) http://feeburner.com (c) http://blogdigger.com. Ikuti seluruh petunjuk pada ketiga blog directory tsb ketika mendaftar.

Blog-blog directory ini nantinya secara otomatis akan mengirim data blog dan posting-posting anda ke berbagai search engine, termasuk tiga search engine besar yaitu http://google.com, http://msn.com, http://yahoo.com.

(2) Link-trade, Link Exchange atau Tukar Link

Ajak teman anda yg memiliki blog untuk saling tukar link. Link URL anda di blog dia, dan jangan lupa anda juga memasukkan link blog teman anda tsb. di blog anda. Dalam dunia blog, ini disebut juga dg istilah BLOGROLL. Dan blogroll ini salah satu penyebab cepatnya popularitas blog di seluruh dunia, mengalahkan website yg biasa.

Blogroll atau link-exchange tidak harus melalui permintaan, bisa juga dg saling suka rela. Umpamanya, ada seseorang blogger (pemilik blog) yg memasang link Anda di blog dia, apabila Anda tahu, maka Anda juga "berkewajiban" menambah link blog dia di blog Anda. Apabila tidak, maka akan dicap sebagai "blogger pelit". Di dunia maya pun, sebagaimana di dunia nyata, orang pelit akan selalu teralienasi. Dg kata lain, sedikit "tamu"nya. :)

Nah, bagaimana cara mengetahui ada yg mengelink blog Anda? Caranya mudah: tulis di kotak http://technorati.com/search alamat blog Anda atau blog siapa saja yg ingin Anda ketahui. Contoh blog ini, http://kolom-mario.blogspot.com, setelah itu tekan search, anda akan tahu siapa saja yg ngelink ke blog tsb.

Sebagai langkah pertama 'proyek' tukar link, Anda bisa mencoba dg memasang link blog http://afsyuhud.blogspot.com di sidebar blog Anda. Dalam waktu tidak lama, alamat blog Anda akan tampil di blognya.

(3) Berkunjung ke blog lain

Untuk menambah teman untuk diajak blogroll, sempatkan berkunjung ke blog2 lain, dan berkomentar di bukutamu atau tagboard mereka atau berkomentar di tulisan mereka sambil jangan lupa memasang alamat blog Anda di blog mereka. Dalam waktu tidak lama, mereka akan "bertamu balik" ke "rumah" atau blog Anda.

(4) Aktivitas posting
Usahakan sedikitnya satu kali posting setiap harinya. Posting yg teratur di blog, akan membuat tamu datang secara teratur juga.

(5) Alamat blog di signature email
Tulis alamat blog Anda di signature email. Sehingga setiap anda menulis email ke pribadi atau ke milis, alamat blog anda akan selalu muncul, dan "menggoda" orang untuk berkunjung. Memposting ringkasan tulisan di blog Anda ke milis juga akan sangat menggoda member milis untuk datang ke blog Anda.

Mendaftarkan Blog ke Blog Directory

Share
Mengapa harus mendaftarkan blog ke blog directory? Pengaruhnya apa untuk blog kamu? Begini, setelah sebelumnya kamu mendaftarkan blog ke search engine utama maka langkah selanjutnya adalah mendaftarkan blog ke blog directory atau web directory. Hal ini berguna untuk menaikkan PageRank blog kamu. Bila PageRank atau situsmu telah naik, maka secara otomatis blog kamu akan semakin bisa memenangkan hasil pencarian di search engine. Sebagai contoh search engine Google dan Yahoo adalah pemain terbesar di dunia saat ini.
Banyak di internet yang menyediakan jasa direktori untuk blog. Kamu tinggal pilih saja. Namun tidak semua yang bisa menerima blog kamu. Mengapa? Karena ada beberapa blog directory yang mengharuskan konten artikel blog dalam bahasa Inggris. Namun jangan bingung dulu sebab banyak juga blog berbahasa Indonesia yang bisa diterima oleh blog directory. Satu hal yang pasti sebelum blog kamu diterima, blog kamu harus memenuhi persyaratan standar mereka. Blog kamu akan direview dulu. Syarat yang paling umum adalah blog kamu tidak mengandung konten pornografi, tidak menyalahi undang-undang hak cipta, tentang kekerasan dan ajakan perang, dan lain-lain.
Berikut contoh blog directory yang saya pakai. 

You can try this blog directory to increase your Blog Pagerank.

Technorati
MyBloglog
BlogCatalog
PR CheckerInfo
Dmegs
Webkios
10Pagerank
Podcastzoom.com
Bloggernity
Blog Toplist
Zimbio
Increase Page Rank
Directory Syndicate
Directory Now
For Links Directory
TheGeneralDirectory
10Directory
Fast Approvals
Link Directory Site
SubSeo
Sun Directory
AddSiteNow
Speedy Directory
Welcome Links
Powerfull Directory
www.SeoSubmissionDirectory.info
www.ForeverLinks.info
Free Casino Directory

Dan jangan lupa pula untuk mendaftarkan blog kamu ke ODP-Open Directory Project. ODP dengan alamat http://www.dmoz.org sangat mementingkan kualitas dari blog kamu. Jadi blog kamu harus benar-benar telah memenuhi standar qualifikasi mereka baru bisa diterima oleh ODP. Jadi demikianlah secara singkat tentang blog directory. Ada banyak blog directory di internet baik yang di Indonesia maupun yang di luar negeri dan kamu tinggal pilih saja wink. Sedikit tips dari Bang Del sebelum kamu benar-benar siap untuk mendaftarkan blog ke blog directory:

  1. Blog harus benar-benar sudah jadi dan tidak dalam kondisi under construction.
  2. Biasanya bila blog kamu telah diterima oleh blog directory tersebut maka ada semacam reward yang harus kamu berikan. Apa itu reward? Reward adalah balas jasa yang harus kamu berikan. Kamu juga harus memasang link mereka pada blog kamu. Bisa berupa text link ataupun banner link.
  3. Daftarkan blog kamu ke blog directory dengan PageRank tinggi. PageRank Checker bisa kamu gunakan untuk mengecek PageRank blog directory tersebut. Hal ini berguna untuk mengangkat PageRank blog kamu juga.
  4. Pada blog directory, kamu akan mengisi formulir pendaftaran secara lengkap. Jadi sesuaikan blog kamu dengan kategori pilihan yang mereka sediakan. Hal ini untuk memudahkan pencarian blog pada direktori blog tersebut.
  5. Demikian tentang cara daftar blog ke blog directory, semoga bermanfaat.

Promosi Blog ke Search Engine

Share
Sudah punya blog? Bagus, kalau sudah. Sekarang aku mau share ilmu murah tapi bukan murahan lo. Sekali lagi, ilmu ini udah basi dan sudah banyak dibahas. But it’s okay, daripada aku ga nulis sama sekali, mending aku nulis yang udah basi sekalian biar tambah basi, he.he… Salah satu promosi blog yang paling mendasar adalah dengan mendaftarkan blog ke search engine. Kenapa harus didaftarin bang? Follow the next step please…

Sebab kalau blog ataupun situsmu belum didaftarkan blog ke search engine, maka blogmu atau apapun namanya akan menjadi blog atau situs yang mati untuk beberapa lama sebelum akhirnya Google menemukannya secara alami. Kenyataannya kan kita bermain di dunia internet. Logikanya, bagaimana cara orang untuk bisa menemukan blogmu atau isi artikel postingmu di internet? Ada banyak cara. Mungkin bisa jadi kamu mempromosikannya melalui sms ke temanmu memberitahukan alamat blogmu, bilang langsung pas lagi ngumpul atau membuat stiker kecil atau selebaran yang di dalamnya telah tertulis alamat situs atau blogmu.

Tapi cara yang paling sering digunakan orang untuk menemukan blogmu atau isi artikelmu di internet adalah dengan mengetikkan kata atau keyword di search engine. Bisa jadi dia mencari sesuatu yang perlu saat itu, maka dia langsung nyari ke search engine. Dan search engine memunculkan hasil pencariannya.

Kamu kenal Google kan? Yups benar sekali, pasti semua pengguna internet di dunia ini mengenal Google sebagai pemain terbesar dalam dunia internet. Google itu rajanya search engine. Namun apakah hanya Google? Ow tidak-tidak, masih banyak yang lain. Masih ada Yahoo! AOL MSN dan ODP sebagai direktori situs web terbesar sepertinya.

Terus apa kaitannya nama-nama di atas dengan searh engine bang? Okey, langsung aja ke topik utama ya. Google, Yahoo!, MSN, AOL, ODP adalah situs tempat anda mendaftarkan blog atau situs mu. Tujuannya agar nanti bila ada orang yang mencari artikel atau blog yang berkaitan tentang blog atau situsmu, maka blog atau situsmu akan muncul di hasil pencarian search engine mereka (tapi ga tahu juga di halaman berapa). Biasanya halaman jutaan bagi blog yang baru dibuat. Jadi harap bersabar, okey. Punyaku juga masih halaman jutaan koq hingga ini kuposting, so tenang aja masih ada teman seperti diriku.

Daftarkan blogmu ke Google
klik http://www.google.com/addurl.html
Isi alamat blog pada kotak URL dan masukkan juga thema tentang isi blogmu. Singkat saja tapi benar-benar merupakan inti dari thema blogmu. Masukkan kode di formulirnya lalu klik Add URL. Selesai..

Daftarkan blog ke Yahoo!
klik http://siteexplorer.search.yahoo.com/submit
Namun sebelumnya kamu harus sudah punya email di Yahoo! Untuk formulis pertama. Masukkan alamat blogmu di kotak isian. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com (untuk blogger)
http://namablogkamu.wordpress.com (untuk wordpress)
Formulir kedua, kamu masukkan nama feed blogmu. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com/atom.xml (untuk blogger)
http://namablogkamu.wordpress.com/rss.xml (untuk wordpress)
Lalu tekan tombol submit. Selesai..

Daftarkan blog ke MSN
klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
MSN adalah milik Microsoft, jasa layanan search engine-nya lumayan banyak digunakan pengguna internet untuk mencari berita dan informasi. Masukkan kode verifikasinya lalu tuliskan alamat blog kamu di kotak formulirnya. Setelah itu tekan subbmuit URL. Selesai.. Sebagai catatan situs ini telah berubah menjadi Bing. Search engine akan di redirect ke Bing.
Daftarkan blog ke ODP

klik http://www.dmoz.org/add.html
Kalau bagaimana dengan ODP bang? ODP (Open Directory Project) bukan search engine. Namun hampir semua search engine seperti Google, Yahoo!, MSN, AOL, Alexa, Lycos, Theoma, Ask Jeevess mengacu pada data base (directory) yang di simpan oleh ODP. So, aku menyarankan dn merupakan keharusan juga sih untuk mendaftarkan blogmu atau situsmu ke ODP. Daftarkan blogmu dengan menyesuaikannya pada kategori yang telah mereka sediakan.

Ingat banyak peraturannya di sana, jadi kamu harus berhati-hati dan mengisi formulir pendaftaran dengan harus benar-benar mengikuti aturan main mereka. Kalau enggak, ga bakalan situs atau blogmu mereka masukkan. Kalau blogmu ga memenuhi kualitas dan kualifikasi yang mereka tentukan, jadi maap saja kalau blogmu ga terdaftar. Tapi patut untuk dicoba. Kalau sudah mendaftar, tunggu aja sampai satu bulan apakah blog atau situsmu sudah diindex sama ODP. Dan ingat jangan mendaftarkan blog atau situs yang sama sebelum satu bulan atau mungkin bisa jadi 3 minggu (if you lucky). Blog bang del aja sampai sekarang belum diterima ODP .
By the way, setelah kamu mendaftarkan blogmu ke Google, Yahoo!, MSN, ODP dan search engine yang lain, kamu harus menunggu beberapa lama (bisa sebulan atau mungkin sampai tiga bulan) agar blogmu bisa di index dan di crawl oleh mereka. So, bersabarlah dan banyak-banyak menulis konten di blogmu sambil menunggu untuk di index search engine.
Sebenarnya masih ada cara yang lebih cepat mendaftarkan blog ke search engine yaitu dengan menggunakan jasa layanan pendaftaran search engine otomatis yang banyak terdapat di internet. Nanti saja dibahas, kalau aku sempat dan rajin menulis aja ya, he.. Oia, hampir lupa. Ilmu ini kudapat dengan membaca buku judulnya Google Is My Salesman oleh Bob Julius Onggo dan dari berbagai sumber di internet yang sangat banyak bertebaran. Ok, cukup dulu ngetiknya udah capek. Kalau masih ada yang belum jelas (kurang detail) bisa ditanyakan disini atau kamu cari di internet juga bisa.

RSS Submit to RSS Feed Directory

Share
RSS Feed sudah saya tulis di artikel RSS Feed Adalah. Dengan RSS submit to rss directory atau mendaftarkan rss ke rss directory bisa mengoptimalkan rss yang sudah ditambahkan pada situs web. Optimasi RSS erat kaitannya dengan kita yang sedang mencoba berbisnis online di internet yaitu untuk mendapatkan pelanggan yang lebih banyak lagi. Jadi sebenarnya artikel ini buat siapa ya? Bisa buat siapa saja, bagi yang mencoba berbisnis di internet maka tulisan ini akan sangat berguna. Selain itu juga dapat meningkatkan trafik kunjungan pada situs web yang kita kelola. Cara mudah mempromosikan rss feed adalah dengan mendaftarkan rss feed ke berbagai directory rss feed sehingga lebih mudah dikenali oleh rss feed search engine. Ternyata RSS Feed juga punya search engine sendiri dan baru saja saya tahu tentang ini.

Ada banyak situs yang menyediakan jasa pendaftaran RSS ke RSS Directory baik itu yang gratis maupun berbayar. Di sini saya rekomendasikan cukup satu saja. Silahkan daftarkan RSS Feed kamu melalui Allscoop Rss Submit, tidak dipungut biaya dan Allscoop Rss Submit akan mendaftarkan RSS kamu ke 50 rss directory melalui software yang bisa di download di sini. Bila sudah dicoba, nanti akan ada beberapa rss directory yang meminta submit manual silahkan mengisi form yang mereka minta. Tidak berbebada dengan tips seo lainnya seperti ketika kita ingin mengeping update blog pada blog ping service seo tips, maka lakukan pendaftaran RSS cukup satu kali saja.

Blogspot menyediakan pilihan setting RSS Feed ke FeedBurner, inilah yang akan kita optimasi ke RSS Search Engine dengan mendaftarkannya ke RSS Directory. Untuk rss bawaan blogspot adalah alamat url kita ditambah atom.xml di belakan alamat url sehingga menjadi
http://alamatblogkamu.blogspot.com/atom.xml.
Namun bagi blogspot yang sudah setting rss ke rss feedburner alamatnya akan menjadi
http://feeds.feedburner.com/namafeedblogkamu.
Contohnya rss feed Bang Del:
http://bangdel.blogspot.com/atom.xml
http://feeds.feedburner.com/bangdel

Jadi kita tinggal pilih rss mana yang mau didaftarkan ke rss directory, tergantung setting rss pada blog kamu. Satu hal lagi, sebagai balas jasa yang mereka sediakan maka biasanya kita akan diminta untuk memasang text link atau banner link rss directory tersebut pada blog kita. yah, itung-itung malah buat ningkatin PR blog di search engine. Semoga saja dengan mendaftarkan RSS Feed ke direktori RSS Feed akan semakin meningkatkan feedcount pembaca artikel kita. Bagi siapa saja yang ingin mendapatkan artikel gratis dari Bang Del silahkan untuk mendaftarkan diri pada form berlangganan yang telah tersedia di blog ini. Sepertinya beberapa kali saya menulis tentang SEO ( Seaarh Engine Optimization), kenapa ya question. Mungkin saya memang tertarik dan ingin belajar SEO lebih banyak lagi.

Setting Feed Blog Ke Facebook

Share
Facebook, siapa sih yang ga kenal dengan dirinya. Semua penguna intenet saat ini pasti kenal yang namanya facebook. Sebagai ajang promosi facebook patut diandalkan. Tak terkecuali seorang blogger pun akan memanfaatkan facebook untuk mempromosikan blognya, termasuk saya. Anda dapat mempromosikan artikel posting di facebook dengan setting feed blog ke facebook. Dengan feed blog berada di facebook, maka secara otomatis artikel blog Anda akan terkirim ke facebook berupa catatan facebook dan semua teman Anda di facebook akan membaca artikel tersebut. Efeknya, akan menghantarkan pembaca menuju blog Anda dan trafik-pun meningkat. Artikel akan terkirim ke facebook walaupun Anda tidak sedang login di facebook. Bagaimana, tertarik untuk membuatnya? Kalau tertarik, silahkan ikuti cara berikut. Oia, saya sudah ganti setting bahasa facebook ke bahasa Indonesia. Oke, mari kita teruskan.
Cara setting feed blog ke facebook
  1. Masuk ke facebook Anda. Arahkan kursor ke menu Pengaturan selanjutnya pilih dan klik menu setting aplikasi. Jika sudah, pada halaman berikutnya pilih dan klik catatan. pengaturan aplikasi
    catatan
  2. Halaman berikutnya, cari menu pengaturan catatan biasanya di sebelah kanan monitor. Silahkan klik ubah pengaturan impor. Setelah itu masukkan URL feed blog Anda. Contohnya untuk blog bang del, feed default blog adalah
    http://bangdel.blogspot.com/feeds/posts/default atau http://bangdel.blogspot.com/atom.xml
    Nah, karena saya sudah merubah feed blog ke feedburner, jadinya saya menggunakan feed
    http://feeds.feedburner.com/bangdel
    Terserah saja mau pakai feed yang mana. Perhatikan kotak kecil persyaratan dari facebook yang harus dicentang. Jika sudah dicentang, klik tombol mulai mengimpor. Selanjutnya akan tampil halaman untuk mengkonfirmasi impor blog dan klik tombol Lanjutkan.
    pengaturan impor blog
    Konfirmasi Impor Blog
  3. Selesai
Bagaimana, sangat mudah bukan. Mungkin selama ini Anda promosi artikel posting blog ke facebook dengan layanan share dari sosial bookmark setiap kali ada artikel baru. Namun dengan setting feed blog ke facebook akan memudahkan pekerjaan Anda, dan bekerja secara otomatis. Dijamin dapat meningkatkan trafik kunjungan ke blog Anda.

Menambah Elemen Di Bawah Dua Sidebar

Share Posting ini hanya untuk melengkapi desain template menambah sidebar di bawah dua sidebar blogger. Sungguh kalimat yang sangat membingungkan bukan? Saya saja bingung koq. Agar lebih mudah, silahkan baca postingan menambah elemen di bawah sidebar. Di sana dijelaskan bagaimana kita dapat menambah dua elemen sidebar di bawah sidebar utama.
bottom sidebar
Jadi sekarang kita akan menambahkan satu elemen lagi di bawah kedua sidebar tersebut. Mungkin sudah mulai jelas ya. Oke, sekarang masuk ke utak-atik template. Biasanya saya pakai Minima White sebagai acuan.

Menambah elemen di bawah dua sidebar
  1. Login ke blogger dengan id anda
  2. Masuk ke menu Tata Letak
  3. Pada tab menu, klik Edit HTML
  4. Backup template anda, klik Download Template Lengkap
  5. Sekarang cari kode ini :
    #sidebar-wrapper {
    width: 220px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
  6. Silahkan diganti dulu nilai width 220px; dan properti float: $startSide; dengan nilai lebar sidebar yang anda rencanakan. Misalnya width: 350px dan properti menjadi float: right; Jadinya seperti ini :
    #sidebar-wrapper {
    width: 350px;
    float: right;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
  7. Jika anda telah membuat dua sidebar di bawah sidebar utama seperti pada tutorial yang sebelumnya, silahkan tambahkan hanya kode yang berwarna hijau saja.
    #left-col {
    width:170px;
    float:left;
    word-wrap:break-word;
    overflow:hidden;
    }
    #right-col {
    width:170px;
    float:right;
    word-wrap:break-word;
    overflow:hidden;
    }
    #bottom-col {
    width:170px;
    float:right;
    word-wrap:break-word;
    overflow:hidden;
    }
    Sehingga kodenya akan menjadi seperti ini :
    #sidebar-wrapper {
    width: 350px;
    float: right;
    $startSide
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
    #left-col {
    width:170px;
    float:left;
    word-wrap:break-word;
    overflow:hidden;
    }
    #right-col {
    width:170px;
    float:right;
    word-wrap:break-word;
    overflow:hidden;
    }
    #bottom-col {
    width:170px;
    float:right;
    word-wrap:break-word;
    overflow:hidden;
    }
  8. Sekarang membuat id untuk bottom sidebar yang dinamai sebagai “bottom-col” tersebut. Carilah kode ini :
    <div id=’sidebar-wrapper’>
    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
    <b:widget id= dan seterusnya…
    <b:section class=’sidebar’ id=’left-col’ preferred=’yes’/>
    <b:section class=’sidebar’ id=’right-col’ preferred=’yes’/>
    </div>
  9. Sisipkan kode berikut di bawah kode tadi :
    <b:section class=’sidebar’ id=’bottom-col’ preferred=’yes’/>
  10. Sehingga secara keseluruhan menjadi seperti ini :
    <div id=’sidebar-wrapper’>
    <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
    <b:widget id= dan seterusnya….
    <b:section class=’sidebar’ id=’left-col’ preferred=’yes’/>
    <b:section class=’sidebar’ id=’right-col’ preferred=’yes’/>
    <b:section class=’sidebar’ id=’bottom-col’ preferred=’yes’/>
    </div>
  11. Sekarang klik tombol SIMPAN TEMPLATE
  12. Selesai
Mari kita uji hasilnya dengan masuk ke Tata Letak lalu klik Elemen Halaman. Saya harap sudah ada elemen sidebar baru di bawah dua elemen sidebar kiri dan kanan seperti ditunjukkan oleh gambar di atas. Oke, selamat mencoba.

Mendaftarkan Sitemap Blogger Ke Google

Share Mendaftarkan peta situs atau sitemap blog pada google webmaster tools memudahkan google mengindex seluruh halaman posting blog. Bila seluruh postingan telah diindex, berarti halaman postingan akan mudah ditemukan oleh mesin cari. Pengunjung yang datang dari hasil mesin cari akan sangat bernilai bagi blog atau website. Disebut sebagai pengunjung yang alami dan murni. Manfaat lainnya adalah dengan mendaftarkan sitemap blog ke google webmaster tools akan memudahkan google menentukan pagerank blog atau situsweb. Google sangat menganjurkan untuk mendaftarkan sitemap situsweb. Banyak fitur bermanfaat lainnya yang bisa didapatkan di google webmaster tools. Salah satunya google sitemap dengan submit sitemaps.

Blogger tidak memberikan pilihan untuk memodifikasi XML sitemap. Blogger bisa mendaftarkan rss.xml atau atom.xml blog sebagai sitemap. Caranya sangat mudah, hanya dengan menambahkan atom.xml di akhir alamat blog. Untuk blogger alamat url-nya adalah seperti ini
http://NamaBlogKamu.blogspot.com
Maka alamat sitemap blog setelah penambahan atom.xml akan menjadi seperti ini
http://NamaBlogKamu.blogspot.com/atom.xml?redirect=false
Atom.xml blogger hanya mengirimkan 25 posting terbaru. Nah, bagaimana kalau blog telah memiliki posting lebih dari 25 artikel? Agar google mengindex seluruh posting maka kita menambahkan atribut ini
start-index=1&max-results=100
Sehinga secara keseluruhan sitemap menjadi seperti ini
http://NamaBlogKamu.blogspot.com/atom.xml/atom.xml?redirect=false&start-index=1&max-results=100
Setelah sitemap didaftarkan, maka semua url posting blog akan terkirim ke google webmaster tools dan lebih mudah diindex mesin cari google.
Ikuti langkah di bawah ini.
  1. Loggin with your google id to google webmaster tools
  2. Kemudian pada kamu akan dibawa pada halaman home. Disana akan terdapat blog kamu yang sebelumnya sudah didaftarkan dan blog sudah diverifikasi oleh google webmaster tools. Jika belum, kamu bisa ikuti cara daftar verifikasi blog ke google webmaster tools.
  3. Pilih blog yang akan kamu daftarkan sitemap-nya ke google webmaster tools.
  4. Kemudian kamu akan dibawa ke menu dashboard. Silahkan klik site configuration » Pilih Sitemap.
  5. Klik tombol Submit a Sitemap
  6. Isi formulir kode sitemap pada kotak isian dengan kode atom.xml?redirect=false&start-index=1&max-results=100
  7. Google Webmaster Tools Sitemap
  8. Klik tombol submit sitemap
  9. Bila tidak ada masalah maka akan mucul pemberitahuan has been added as a sitemap seperti ini http://NamaBlogKamu.blogspot.com/atom.xml/atom.xml?redirect=false&start-index=1&max-results=100 hass been added as a sitemap.
  10. Google Webmaster Tools Has Been Added Sitemap
  11. Selesai
Sedikit tambahan tentang adanya syntax ?redirect=false. Syntax ini hanya sebuah trik untuk mengelabui google. Dengan penambahan syntax ?redirect=false diharapkan Google tidak menemukan adanya URL posting yang buntu atau dead link, restricted, atau unreachable. Dengan demikian maka tidak ada lagi warning dari google dan sitemap dapat berjalan mulus megirimkan semua url posting ke google webmaster tools. Semoga dengan mendaftarkan sitemap blogger ke google webmaster tools akan meringankan tugas google untuk mengindex artikel-artikel yang telah diposting pada blog.

Menambah Elemen Sidebar Blogspot

Share
Menambah kolom sidebar blogspot sebenarnya agak sulit namun asik. Kalau kita memilih template minima maka akan terdapat dua kolom saja yaitu kolom pada bagian postingan dan kolom pada bagian sidebar. Banyak blogger yang suka hanya dua kolom saja namun ada juga beberapa blogger yang suka blog dengan tiga sidebar atau bahkan empat sidebar. Sebenarnya kalau dicari template blog untuk blogspot yang tiga sidebar dan empat sidebar sangat banyak dan tinggal download saja dan dipakai. Namun bagaimana kalau kita mencoba modifikasi template default minima menjadi beberapa sidebar. Tentunya ada rasa kepuasan tersendiri bukan? Itung-itung buat belajar dan nambah kemampuan trik blogspot yang kita miliki.
Elemen pada template blogger ada tiga, yaitu:
  • Elemen Header
  • Elemen Outer
  • Elemen Footer
Untuk Elemen Outer masih dibagi menjadi dua bagian:
Elemen Main, elemen ini adalah elemen tempat kita menyimpan posting artikel. Jadi bila kita membuat artikel posting, maka postingan akan masuk ke bagian ini.
Elemen Sidebar, elemen ini adalah tempat untuk menambahkan asesoris lainnya untuk mempercatik blog dan menambah widget seta tools lainnya.
Untuk siapa saja yang suka berkreasi dengan kode-kode HTML, inilah salah satu cara terbaik untuk mengasah ilmu HTML. Karena dengan membuat elemen sidebar blogspot tambahan, maka kamu akan dihadapkan dengan kode HTML. Menambahkan kolom sidebar berarti perlu memperhatikan kode-kode pada Outer Wraper berikut.
/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Dengan menambahkan elemen sidebar baru berarti secara logika maka akan terjadi penambahan nilai lebar keseluruhan pada Outer Wraper. Mengapa? Karena seperti yang saya katakan tadi, bahwa outer wraper terbagi atas dua bagian yaitu main wraper dan sidebar wraper. Sekarang bagaimana cara menambahkan elemen sidebar baru atau kolom baru di blogspot? Pertama sekali harus diperhitungkan berapa lebar dari kolom baru yang akan kita buat. Misalnya kita ambil nilai lebar sidebar baru 220 pixel. Maka secara keseluruhan lebar outer wraper menjadi kira-kira 410 pixel + 220 pixel + 220 pixel + 20 pixel = 870 pixel. Bisa ditambahkan 10 pixel lagi untuk sela pada outer wraper sehingga lebar keseluruhan adalah 880 pixel. Kode penambahan sidebar baru dengan nilai di atas adalah:
#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Setelah ditambahkan maka kodenya akan menjadi seperti ini:
/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yang ini adalah tambahan untuk jarak sela */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Kode-kode di atas merupakan langkah pertama yang harus ditambahkan. Berikutnya adalah menambahkan kode id untuk elemen sidebar baru tersebut. Untuk kode id sidebar sebelum penambahan kolom adalah seperti ini:
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>
Karena kita telah menambahkan elemen baru pada sidebar maka kita juga harus membuat id sidebar baru tersebut pada bagian body. Kodenya adalah ini:
<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>
Selanjutnya adalah menyatukan kode sidebar baru tersebut pada kode id side bar yang sebelumnya, sehingga kodenya menjadi seperti ini:
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>
<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>
Selesai dan kolom baru atau elemen baru pada sidebar blogspot telah ditambahkan. Nilai dari header dan footer sebaiknya disamakan dengan nilai outer wrapper tersebut yaitu sebesar 880 pixel. Sehingga menjadi sama dan lebih klop. Mudahkan? Ok, mari bermain kode HTML dengan blog yang bukan blog utama kita. Buatlah blog baru sebagai blog uji coba kamu sebagai bahan percobaan untuk memodifikasi sidebar template minima blogspot.
Loggin di blogger » Klik Layout » Klik Edit HTML » Jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template. Tips untuk memudahkan mencari kode berikut, dengan tekan Ctrl F atau F3 pada kebor maka akan muncul tools kotak cari pada layar bawah monitor komputer.
Cari kode di bawah ini:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Ganti nilai 660px menjadi 880px, sehingga kodenya jadi seperti ini :
#header-wrapper {
width:880px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Cari kode seperti di bawah ini :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Ganti nilai 660px menjadi 880px, sehingga kodenya menjadi seperti ini :
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Cari kode seperti di bawah ini :
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Copy kode berikut dan paste persis di bawah kode di atas :
#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Cari kode seperti di bawah ini :
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Ganti nilai 660px menjadi 880 px, sehingga kodenya akan seperti ini :
#footer {
width:880px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Cari kode di bawah ini :
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>
Copy kode berikut, lalu paste persis di bawah kode yang di atas :
<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>
Klik Simpan Template dan selesai.
Untuk melihat hasilnya, tinggal klik Elemen Halaman dan lihat apakah kolom kamu sudah menjadi tiga elemen. Bila sudah, kamu bisa tambahkan widget baru pada sidebar tersebut dan lihat hasilnya. Sebenarnya kode-kode di atas masih bisa dirubah lagi sesuai dengan selera. Tinggal dibutuhkan kesabaran dan kreatifitas saja. Sebagai tips, jangan pernah takut berhadapan dengan kode HTML. Belajar dan belajar adalah cara termudah untuk berkreasi. Sumber bacaan dari banyak artikel di internet mengacu pada tulisan Kang Rohman di Tips Menambah Kolom Pada Template Baru. Untuk template default minima juga bisa menambahkan elemen baru di atas dan di bawah elemen kolom posting. Menambah elemen di bawah header. Menambah elemen di atas footer. Pokoknya berani bereksperimen dan coba-coba.