Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Kamis, 22 September 2011

Cara Mudah Pasang Flash di Blog

Salah satu hal yang membuat pengunjung betah berlama-lama di web atau blog kita selain konten nya yang memang menarik salah satunya adalah tampilan web atau blog kita yang enak di pandang, perpaduan warna yang pas atau bisa juga sederhana tapi enak di pandang, biasanya kita menghiasi blog kita dengan memasang gambar atau banner.

Kalau memasang banner mungkin sebagian besar dari blogger sudah tahu bagaimana cara memasang nya, bisa mebambahkan widget gambar pada menu rancangan dan menambahkan elemen HTML pada blog kita seperti kode ini.


<img src="alamat / link gambar">

Nah sekarang kita akan belajar bagaimana memasang Flash di Blog atau web ? caranya mudah kita hanya perlu menggunakan kode embed Contoh <embed src="" width="" height="" >

src = lokasi file flash di simpan biasanya berformat .swf
height = tinggi file yang ingin di tampilkan
width = lebar file yang ingin di tampilkan

read more...

Rabu, 08 Juni 2011

Cara Membuat Link Berkedip

Assalamualaikum salam sejahtera, mungkin diantara sobat blogger pernah yang melihat alamt link berkedip seperti ini alamat link mungkin ada yang masih bertanya bagaimana cara membuat nya berkedip ?

Cara membuatnya sangat sederhana 
<blink>alamat link</blink>

nah mudah bukan ? semoga bermanfaat wassalam
read more...

Jumat, 12 November 2010

Membuat Text Area Dengan Tombol Copy

Sudah lama gak nulis tentang tips dan trik blog kali ini saya akan mencoba membuat text arae teks are ini biasanya dipakai untuk menmpilkan kode-kode atau tulisan yang ingi kita tampilkan di postingan kelebihan dari text area ini adalah kita bisa menghemat space pada potingan apalagi jika kode-kode atau tulisan yang ingin kita tampilkan sangat banyak atau panjang, ini dia kode nya.

<div align="center">
<textarea cols="20" name="code" rows="6"> Ketikan disini kode-kode atau tulisan yang ingin sobat tampilkan contoh misalnya kode HTML atau kode image atau banner untuk saling bertukar link </textarea></div>

Umtuk atribut center sobat bisa mengganti dengan right agar posisi nya dikanan atau left agar posisinya di kiri sobat juga bisa menambahkan nilai cols="20" untuk menambah lebar text arae dan rows="6" untuk tinggi text area


Selain itu sobat bisa memodifikasi text area dengan tombol otomatis copy untuk kode-kodenya seperti ini


<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Ketikan disini kode-kode atau tulisan yang ingin sobat tampilkan contoh misalnya kode HTML atau kode image atau banner untuk saling bertukar link </textarea></div>
</form>
</div>

Maka tampilannya jadi seperti ini


Nah selamat mencoba dan semoga berhasil wassalam
read more...

Rabu, 03 November 2010

Belajar Membuat Templet Sendiri

Salah satu keinginan yang belum tercapai dari awal ngeblog sampai saat ini adalah bisa membuat templet sendiri, saya adalah orang yang suka sekali menggambar kalo dibilang I Love Design walaupun tidak punya kemampuan mendesain tapi hati tetap keukeuh.. pengen bisa desain karena hoby waktu kecil menggambar dan.

Memang dalam hal belajar membuat templet harus dibarengi dengan usaha yang sungguh-sungguh dan kemampuan menguasai kode-kode HTML dan CSS, jika ingin lebih jauh lagi anda harus bisa Java Script PHP dan lain sebagainya, yang nantinya menuju kepada hal yang lebih besar lagi yaitu sebagai web designer.

Dalam mendesain templet khususnya blog anda tidak perlu mengunakan software yang aneh-aneh cukup dengan notepad saja sebenarnya anda sudah bisa mulai mendesain templet sendiri dan turorial yang membahas tenteng tips dan trik ngeblog sudah banyak bertebaran disana-sini tinggal kita nya saja mau atau tidak mempelajarinya, dalam menutut ilmu apapun memang perlu perjuangan dan pengorbanan jika anda memang merasa kurang dengan ilmu yang ada di internet maka mau tidak mau anda harus berkorban lebih banyak lagi entah itu waktu tenaga atau uang.

Nah untuk memulai belajar mendesain templet sebagai pemula kita belajar dari yang dasar-dasar saja dulu sebelum melangkah ke hal selanjutnya nah dasar-dasar dalam membuat templet Insya Allah aka saya bahas di lain kesempatan semoga tetap semangat dalam belajar. wassalam.
read more...

Rabu, 13 Oktober 2010

Membuat Link Terbuka di New Window Atau Jendela Pop Up

Ternyata ngobrol di forum blogger banyak sekali manfaatnya selain dapat teman blogger baru dan juga dapat ilmu baru, nah ilmu baru yang saya coba tulis ini sebenarnya hanya sebatas arsip pribadi saya, tapi rasanya gak enak kalo cuma disimpan sendiri saja mending dibagikan saja sama sobat semua mudah-mudahan ada manfaatnya dan saya bisa dapat amal...

Sesuai judul kali ini kita akan belajar bagaimana supaya link atau mungkin tepatnya gambar yang mempunyai link jika kita klik akan terbuka di jendela baru atau lebih tepatnya jendela Pop Up jika biasanya kita mebuat kodenya seperti ini

<a href="alamat link disini" target="_blank">nama link</a>

atau

<a href="alamat link disini" target="new">nama link</a>

Kali ini kita perlu melakukan sedikit modifikasi dengan menambahkan kode Javascript pada deretan kode-kode HTML dan CSS. ini kode Javascriptnya dan letakan di atas kode </head>

<script type='text/javascript'>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 200&#39;);&quot;);
}
</script>

jangan lupa disave dulu ya...

selanjutnya kita gunakan kode ini untuk memanggil javascript yang sudah kita pasang pada elemen kode templet kita ini kodenya.

<a href="javascript:popUp('URLGAMBAR')"><img src="URLGAMBAR" alt="KETERANGAN" width="113" height="200" border="0" id="2102" style="display:block; margin:0px auto 0px;" /></a>

untuk demonya bisa dilihat disini, dan sobat klik gambarnya dan lihat apa yang terjadi. o ya saya mau mengucapkan terima kasih untuk kawan saya Z33S atas informasinya. Ingin lebih tau banyak lagi soal tips dan trik seputar dunia blog ? makanya ayo gabung di Foblog tempat ngumpulnya para blogger, makin banyak teman dan ilmu, oke...selamat mencoba dan tetap semangat wassalam.
read more...

Minggu, 10 Oktober 2010

Membuat Kotak Selamat Datang diblog

Kotak selamat datang adalah kotak dialog yang muncul ketika orang membuka blog kita atau setiap kali memuat halaman blog kita cara membuatnya adalah dengan Javascript. ini kode nya.

<script type="text/javascript">
alert("Selamat datang di Yopiblog!");
</script>

kode ini bisa disimpan pada elemen HTML templet diatas kode </head> atau disimpan pada gadget HTML/Java Script, perlu saya beritahu kode ini terkadang mengganggu pengunjung blog kita, karena setiap kali blog kita dimuat maka kotak dialog ini akan muncul silahkan dipertimbangkan kalau memang diperlukan untuk kepentingan tertentu silahkan dipasang. Hanya sekedar sharing mudah-mudahan ilmu yang sedikit ini bermanfaat. Tetap semangat.. wassalam.
read more...

Jumat, 08 Oktober 2010

Cara Membuat Rounded Corner

Sebelum memulai tutorial kita kali ini saya akan membahas sedikit apa itu rounded corner, rounded corner atau bisa diartikan sudut tumpul atau sebuah sudut yang mempunyai ketajaman kurang dari 45 derajat, terkadang kita bosan dengan tampilan sebuah sudut yang itu-itu saja kita juga tentunya ingin berkreasi dengan membuat tampilan sebuah sudut yang tumpul sbenarnya postingan saya ini didapat ketika saya blogwalking di blog teman saya Rastanzshare yang membuat tutorial bagaimana membuat tampilan templet blog dengan sudut yang tumpul disertakan dengan contohnya pada postingannya, dan kode-kode itu harus dipasang pada deretan kode CSS, saya pikir sangat ribet sekali jika membuat contoh tampilannya harus memasangnya pada deretan kode CSS pada kode HTML templet blog.

Akhirnya saya bertanya pada Rastanzshare bagaimana cara memasangnya di elemen widget Java script/HTML akhirnya saya diberi tahu bagaimana cara memasangnya, nah ini dia kodenya.

<div style="-moz-border-radius-topleft: 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>

dan tampilannya jadi seperti ini

Contoh
rounded
corner

perhatikan kode -moz-border-radius-topleft: 10px; ini artinya sudut atas sebelah kiri yang bersudut tumpul dan jika ingin sudu kanan atas yang tumpul maka sobat tinggal menambahkan kode -moz-border-radius-topright: 10px; maka kode nya menjadi seperti ini.

<div style="-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;  background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>

dan tampilannya menjadi seperti ini.

Contoh
rounded
corner

Untuk sudut tumpul bagian bawah kodenya seperti ini.

<div style="-moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>

dan tampilannya seperti ini.

Contoh
rounded
corner

dan ini kode untuk tampilan semua sudut tumpul.

<div style="-moz-border-radius: 10px 10px 10px 10px; background-color: lime; border: 2px solid rgb(255, 0, 0); padding: 6px 0pt 6px 5px;">
Contoh
rounded
corner</div>


Contoh
rounded
corner

sobat bisa merubah nilai 10px dengan yang nilai lebih besar atau lebih kecil semakin besar nilainya maka semakin tumpul sudutnya begitu juga sebaliknya.
semog bermanfaat dan selamat mencoba.
read more...

Jumat, 24 September 2010

Membuat Kotak Pencarian Dengan Teks Otomatis menghilang

Salah satu widget pada blog yang dianggap penting adalah kotak pencarian, kotak pencarian adalah kotak tempat kita mencari suatu artikel atau postingan dengan cara mengetikan sebuah keyword artikel yang ingin kita cari baik itu dari label atau isi dari postingan.

Sebenarnya Blogger telah menyediakan widget kotak pencarian, namun saya lebih tertarik membuat kotak pencarian yang apabila kita mengklik pada kotaknya maka tulisan atau kata yang terdapat dalam kotak itu akan menghilang contohnya pada kotak pencarian diblog saya ini atau pada Kotak pencarian Custom Google yang artikelnya pernah saya tulis disini yang gambar latar Goglenya menghilang saat kita mengklik kotak pencariannya.

nah ini dia kodenya silahkan sobat copy dan tambahkan pada widget HTML/Java Script kemudian simpan di sidebar atau tambahkan pada navbar terserah sobat.



<form action='/search' id='searchform' method='get' style=' text-align:center;'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Cari disini&quot;;}' onfocus='if (this.value == &quot;Cari disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Cari disini'/>
<input id='searchsubmit' type='hidden' value='Search'/>
<input type="submit" value="Submit" />
</form>

Maka hasilnya akan menjadi seperti ini






Oke semoga bermanfaat dan selamat mencoba.
read more...

Rabu, 22 September 2010

Belajar Membuat Web di Webhosting Gratisan

Desain blog merubah tampilan dan warna masih menjadi kegiatan yang mengsyikan maklum lah desain adalah salah satu hoby yang sangat saya gemari, makanya blog pun saya punya beberapa dengan dua akun namun yang aktif saya update blog yang ini yang lainnya hanya skedar untuk menyalurkan hobi ngotak-ngatik tampilan sekalian belajar coding tampilan blog yang walaupun sampai sekarang masih belu mudeng juga... tapi gak apa-apa yang penting tetap semangat ngeblog untuk sharing ilmu dan pengetahuan.

Ngomong-ngomong masalah web atau website tentu sangat erat kaitannya dengan hosting, hosting jika menurut saya adalah sebuah database di dunia online tempat kita menyimpan file-file yang akan menjadi
bahan atau elemen sebuah website baik itu berupa gambar atau tulisan dan lain sebagainya, contoh sederhana adalah blog kita ini yang hostingannya gratis dari Mbah Goggle.

Mungkin bagi sobat blogger kita sudah sangat-sangat hafal bagaimana fitur atau cara menggunakan menu-menu yang terdapat pada fasilitas blogger nah mungkin kita sudah terbiasa ya... tentu kita ingin susana baru dan... ngopi dulu daahhh...!!!

Oke lanjut nah jika kita sudah sangat akrab dengan mbah Google saatnya berkenalan dengan saingannya yaitu om Yahoo ternyata eh...ternyata Yahoo juga menyediakan webhosting gratisan walaupun tidak secanggih layanan Google karena hostingan dari yahoo baru support untuk HTML saja, tapi tidak ada salahnya untuk di coba nah layanan dari Yahoo itu namanya adalah GEOCITIES, layanan ini tidak sengaja saya temukan sewaktu saya ngotak-ngatik blog, waktu itu saya mencoba memasang menu Dtree pada blog yang memasang Javascript juga nah pada kode Javascript itu terdapat link pada http://geocities.com/ kalo tidak salah mudah-mudahan benar...

Yang membuat saya bertanya-tanya kenapa kok linknya menuju halaman yahoo apakah ada eror atau apa...akhirnya saya Googling dengan mengetikan keyword GEOCITIES dan ternyata geocities memang layanan dari yahoo... Nah jika punya akun email di yahoo maka secara otomatis kita juga punya akun di geocities sobat tinggal login aja dengan paswoed dan user name yang biasa sobat gunakan untuk login ke yahoo mail.....fiuh...!!  dulu donk...biar asyik...

Oke dilanjut nah untuk selanjutnya sobat bisa baca kelanjutan artikelnya lain waktu karena saya masih ada keperluanlain biar dapur tetep ngebul.... atau kalau mau praktek langsung sobat tinggal kunjungi saja langsung di  http://geocities.yahoo.com/index.php oke sobat selamat mencoba and happy blogging
read more...

Minggu, 29 Agustus 2010

Cara Pasang Widget Google Custom Search

Sebenarnya Google telah memberikan layanan khususnya kita para blogger untuk memasang widget google pencarian di blog kita, yaitu dengan menambah widget pada halaman rancangan di akun blog kita dan tambahkan penelusuran, Namun saya tertarik dengan search engine ketika berkunjung ke blog nya Mas Doyok search engine yang dipasang ketika kita mengetikan keyword yang kita maksud link nya menuju tab baru dan
khusus untuk keyword yang berhubungan hanya dengan blog Mas Doyok saja.


Seolah-olah kita mempunyai search engine pribadi, saya pun coba googling sana-sini akhirnya saya menemukan kodenya di http://www.esc-creation.com/code/google.txt setelah saya copas dan pasang, memang kode itu berfungsi namun tidak sesuai keinginan saya yaitu mengarah ke halaman yang berisi link khusus dari blog saya sendiri, ahkirnya saya coba lagi cari-cari informasi dan akhirnya saya dapat informasi ternyata untuk bisa seperti itu ita perlu mendaftar lagi di http://www.google.co.id/cse/ dihalaman itu kita bisa membuat Google Custom Search.
1. Anda klik tulisan “Buat Mesin Telusur Ubahsuaian” kemudian anda akan dibawa pada halaman baru dan anda diminta untuk masuk menggunakan akun Google anda.

2. Setelah masuk anda diharuskan mengisi kolom yang telah disediakan untuk member nama mesin telusur anda, nama yang dipakai bebas terserah anda bisa juga menggunakan nama anda atau blog anda ini hanya sekedar pembeda saja. Kemudian anda mengisi mesin telusur contoh Ilmu Iklim dari Ahli Iklim.

3. Pilih Bahasa yang ingin anda gunakan.

4. Cantumkan situs yang ingin anda telusuri pada Google Search anda :

Memformat URL Anda
• Laman terpisah: Menetapkan www.situssaya.com/lamansaya.html hanya akan menyertakan laman lamansaya.html pada www.situssaya.com.

• Seluruh situs: Menetapkan www.situssaya.com/* akan berisi semua laman pada www.situssaya.com.

• Bagian dari situs: Anda dapat menggunakan pola wildcard untuk hanya menyertakan bagian tertentu dari situs. Misalnya, www.situssaya.com/*tentang* hanya akan berisi berkas pada www.situssaya.com yang memiliki tentang dalam namanya.

• Seluruh ranah: Anda juga dapat menetapkan seluruh ranah menggunakan *.ranahsaya.com. Jika Anda menetapkan ranahsaya.com, kami akan mengkonversinya secara otomatis ke *.ranahsaya.com/*. Jika bukan ini yang Anda inginkan, silakan ubah kembali di panel kontrol.
Ini saya ambil dari tutor Google.

5. Kemudian anda pilih edisinya :

Edisi standard : Gratis akan ada iklan dari Google pada tiap lamannya.

Atau edisi berbayar $100 per tahun tanpa ada iklan Google didalamnya.

Jika sudah klik anda setuju persyaratan yang diajukan kemudian klik tombol lanjut.

Nah Google Custom. Search  anda sudah jadi dan email confirmasi akan dikirim ke email Google anda (Gmail) kemudian anda coba mesin telusur anda.

6. Buka email anda jika sudah sukses anda akan dikirim link untuk mengkonfirmasi akun Google Custom. Search  anda, anda akan dikirimi kode unik akun Google Telusur Kustom anda.

Pada kode yang ini :

<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-0151289914910336:5mheztq8ksi" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</div>
</form>

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>


Anda ganti kode ini : partner-pub-0151289914910336:5mheztq8ksi dengan kode unik Akun Google Search anda yang dikirim ke Gmail anda kemudian anda bisa simpan pada widget HTML/Java Script atau pada elemen HMTL blog anda kemudian save selesai Google Search Custom anda sudah jadi. Sekedar tambahan sobat bisa juga menganti kata 'search' pada kode ini : value="Search" dengan 'Go' atau 'Cari' dsb. Selain itu sobat bisa juga mengatur lebar kotak pencarian sobat dengan mengubah ukurannya pada kode : size="31" menjadi lebih kecil nilainya atau lebih besar.

Semoga bermanfaat Wassalaamualaikum.
read more...

Selasa, 13 Juli 2010

Belajar trik dan tips SEO bareng pemula

Bagi seorang blogger harapan yang paling besar adalah jika setiap postingannya menjadi yang pertama dimesin pencariaan, atau dengan kata lain postingannya selalu tampil pada urutan pertama atau minimal tampil pada halaman pertama, orang tentu akan mebuka halaman yang pertama tampil pada mesin pencariaan sebelum membuka halaman berikutnya.

Nah bagaimana cara atau trik supaya tulisan atau postingan kita menjadi urutan yang pertamax atau minimal mejeng di pejwan (kata kaskuser), banyak sekali tips atau tutorial dari teman-teman blogger yang membagikan ilmunya bagaimana agar blog kita bagus di SEO nya.


Sebenarnya tak ada cara yang baku tentang bagaimana agar blog kita cepat terindeks dimesin pencariaan, namun dari semua artikel yang membahas tentang SEO yang pernah saya baca dari masternya para blogger ada beberapa hal yang dapat saya simpulkan atau secara garis besar kesemuanya mencakup hal-hal sebagai berikut.


1. Judul artikel.

Dalam menulis sebuah artikel terkadang kita ingin membuat sebuah judul yang membuat para pembaca penasaran sehingga dengan rasa penasaran itu kita berharap orang akan mebuka link blog kta, tidak salah memang itu merupakan trik supaya orang membaca artikel kita, namun hal yang harus kita ingat orang terkadang mencari judul langsung pada intinya atau dengan kata lain inti dari hal yang ingin dia cari, contoh misalnya seseorang ingin mencari tatacara beternak lele, hal yang paling sering orang lakukan adalah mengetik inti dari hal yang ingin dia ketahui yaitu "cara beternak lele", jadi dalam menulis judul kita buat saja judul yang mungkin orang cari.

2. Isi atau kualitas dari postingan kita.

Hal yang kedua yang harus diperhatikan adalah isi atau kualitas dari postingan kita jika bisa postingan kita harus lain dari yang lain, namun terkadang itu merupakan hal yang sulit terutama bagi para blogger pemula, namun itu bukanlah masalah besar seperti contoh pada postingan ini, kita bisa melihat sudah banyak blogger yang membahas tips dan trik SEO, sebenarnya inti dari keseluruhan artikel tersebut adalah membahas hal yang sama namun yang membuat berbeda adalah cara penyampaiannya masing-masing punya gaya dan cara penyampaiannya masing-masing dan itu sah-sah saja selama bukan copas alias copy paste.

3. Update postingan secara teratur.

Cara yang ketiga adalah mengupdate postingan di blog anda secara teratur, jika 2 cara yang diatas sudah anda lakukan maka hal yang harus anda lakukan selanjutnya adalah bagimana caranya supaya artikel yang ada diblog anda selalu segar terkadang jika sedang semangat-semangatnya ngeblog sehari bisa menghasilkan beberapa tulisan namun ketika ide untuk menulis sudah habis atau belum ada inspirasi baru untuk menulis bisa sebulan atau lebih blog anda tidak pernah diupdate dan itu biasanya menyerang blogger pemula, sebaiknya updatelah blog anda 2 hari 1 posting itu sangat bagus atau minimal 1 atau 2 minggu anda update blog anda.

4. Tulislah artikel hangat

Arti dari tips diatas artinya tulislah hal yang lagi hangat-hangatnya dibahas orang atau banyak dicari orang, contoh misalnya sekarang lagi hangat-hangatnya piala dunia, maka tulislah hal yang berhubungan dengan piala dunia seperti profil team tiap negara, jadwal pertandingan, jalannya pertandingan dan sebagainya.

5. Blogwalking

Untuk mempromosikan blog anda sering-seringlah berkunjung keblog tetangga untuk mempromosikan blog anda, memberi komentar dipostingan mengisi buku tamu dan meminta mereka untuk mengunjungi balik blog kita, denga seringnya dikunjungi blog kita maka orang akan kenal dengan log kita dan jika kualitas postingan kita bagus maka bukan tidak mungkin mereka akan berkunjung kembali dengan suka rela tanpa kita minta.

6. Menuliskan depskripsi blog anda pada meta blog anda.

Jika anda ngeblog diblogspot tentunya blog anda mempunyai kode HTML, nah letak kode meta ada pada deretan kode HTML tersebut untuk mempelajari hal tersebut anda bisa membaca artikelnnya di blognya para master seperti oom, Kang Rohman dan yang lainnya.

7. Daftarkan blog anda di di mesin pencari.

Untuk tips yang satu ini saya sudah pernah membahasnya disini, ini adalah beberapa link mesin pencari yang bisa anda tuju untuk mendaftarkan blog anda dipencarian mesin pencari.

* Google: http://www.google.com/addurl.html
* Yahoo: http://search.yahoo.com/info/submit.html
* Altavista: http://www.altavista.com/addurl/
* DMOZ / ODP: http://www.dmoz.org/add.html
* Alexa: http://www.alexa.com/support/get_archive.html
* MSN: http://search.msn.com/docs/submit.aspx

Itu merupakan sebagian tips SEO dari dan bagi pemula, semoga bermanfaat namun jika ada sobat yang mau menambahkan silahkan beri masukannya dengan senang hati saya akan menerimanya. Wassalam.
read more...

Sabtu, 05 Juni 2010

Cara Pasang Widget berbagi artikel atau Share Pack


Saya sempat penasan dengan widget yang terpasang di blognya oom, yaitu sharebar yang muncul di setiap postingannya, widget yang memungkinkan kita berbagi informasi tentang sebuah postingan di sosial network, yang kita mempumyaiakun didalamnya, melalui widget tersebut kita bisa langsung membagikannya tanpa harus repot-repot membuka alamat sosial networking terlebih dahulu, setelah nyari-nyari dan nanya-nanya sama mbah google akhirnya saya nemu juga dan tahu namanya yaaitu share pack, bagi sobat blogger yang tertarik dan ingin memasangnya bisa baca tutorialnya disini

Selamat mencoba
read more...

Rabu, 02 Juni 2010

Bagaimana cara blog atau web cepat terindeks di mesin pencari

Setelah sekian lama ngeblog akhirnya saya baru tahu apa yang paling dinginkan oleh para pemilik blog atau web, dulu waktu awal-awal kenal dengan dunia blogger saya tidak begitu ngeh dengan yang namanya SEO atau Pagerank jangankan ngeh ngerti juga tidak, bagi saya waktu itu yang paling penting adalah bagaimana supaya blog saya tampil menarik dengan segala gadget atau hiasan lainnya, kebetulan saya paling suka dengan dunia desain, apalagi gambar, dan hobi saya tersalurkan dengan memoles blog.

Sehingga hasilnya seperti yang anda lihat sendiri blog saya terpasang bermacam-macam fitur atau gadget, susah sekali rasanya menghilangkan hobi memoles blog karena memang sudah kadung senang dengan segala hal yang berbau desain, oke kita kembali ke topik awal tentang bagaimana agar blog kita depat terindek oleh mesin pencari entah mbah google, om yahoo, atau mas bing.....

Banyak trik yang dilakuan agar blog atau web kita cepat terindeks di mesin pencari salah satu caranya adalah kita mendapatkan backlink dari blog atau web yang berpagerank tinggi, karena blog atau web yang berpagerank tinggi tentu saja sudah terindeks di mesin pencari atau search engine dan itu bisa berpengaruh pada blog kita, jika kita dapat back link dari web atau blog yang berpagerank tinggi.

Sedangkan cara yang lain yaitu dengan submit manual melalui URL berikut dan ini gratis.

* Google: http://www.google.com/addurl.html
* Yahoo: http://search.yahoo.com/info/submit.html
* Altavista: http://www.altavista.com/addurl/
* DMOZ / ODP: http://www.dmoz.org/add.html
* Alexa: http://www.alexa.com/support/get_archive.html
* MSN: http://search.msn.com/docs/submit.aspx

Sebenernya ini hanya sebagian dari usaha agar blog kita cepat terindeks di mesin pencari, sedangkan cara yang lain kita bahas pada kesempatan yang lain, terima kasih juga untuk link tea atas ilmunya yang saya curi dan share disini.


Oke kawan selamat mencoba dan tetap semangat

Wassalam
read more...

Jumat, 14 Mei 2010

Membuat spoiler di Blog

Jika anda sering berkujung ke forum kaskus tentu anda sudah tidak asing lagi dengan spoiler, spoiler adalah kode untuk menyembunyikan dan menampilkan gambar sehingga anda bisa mengirit tempat atau area postingan anda, spoiler juga bisa membuat postingan anda lebih rapih, jika anda kaskuser tentu anda sudah tahu caranya membuat spoiler, caranya sangat gampang, karena kode yang diperlukan tidak terlalu banyak.

Nah bagaimana cara membuat spoiler di blog tentunya kode yang diperlukan untuk membuat spoiler di blog berbeda denan yang dipakai di kaskus, lansung saja ini dia skrip yang diperlukan untuk membuat spoiler di blog.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

maka tampilannya akan seperti ini.

Judul Spoiler [Judul yang miring] :

[ISI SPOILER]


Anda cukup memasukan alamat imeg anda di ISI SPOILER.

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;"><img src="http://2.bp.blogspot.com/_2Tct7sNIoiM/SRQULZ5mOMI/AAAAAAAAAJo/j7ihDgTZEvA/s1600/enjoy.jpg"></div></div></div>

Jadinya seperti ini.

Judul Spoiler [Judul yang miring] :


Selamat mencoba.
read more...

Selasa, 04 Mei 2010

Cara memparse kode HTML


Bagi sobat blogger yang sedang belajar membuat blog tentunya sobat sering berkunjung ke blog yang memang di buat untuk tutorial ngeblog, berbagai macam tutorial mungkin sobat temui di blog-blog tutorial, mulai dari membuat blog hingga cara mempercantik blog.

Satu hal yang tidak pernah lepas baik itu tutorial bagaimana membuat blog ataupun berbagai macam tips dan trik bagaimana mempercatik blog, semuanya tidak lepas denga yang namanya kode-kode, dari mulai memasang gambar hingga membuat navigasi semuanya tentu memakai kode.

Pernah saya membuat navigasi di blog dengan kode yang sangat banyak, tapi seperti yang sobat blogger tahu menampilkan kode-kode HTML di postingan tidak bisa asal ketik saja, diperlukan tulisan atau kode khusus pula untuk menampilkan kode-kode tersebut.

Tapi kini sobat blogger tidak perlu repot-repot lagi untuk menampilkan kode-kode HTML dipostingan sobat tinggal mencopy atau mengetik kode-kode tersebut disini lalu klik parse yang ada di teks area yang sudah sobat masukan atau ketikan kode HTML atau yang lainnya, maka akan muncul tulisan dengan kode-kode tertentu.

contoh.
sobat copy kode di bawah ini.

<a href="http://yopibloger.blogspot.com/">Yopiblog'S</a>

lalumasukan pada teks area yang ada di bagian kedua dari atas lalu klik parse maka akan tampil tulisan seperti ini.


&lt;a href="http://yopibloger.blogspot.com/"&gt;Yopiblog'S&lt;/a&gt;


sobat tinggal mencopy lalu mempaste kode yang sudah diparse pada postingan anda, maka tampilannya akan muncul seperti yang ingin kita ketikkan.

Selamat mencoba.
read more...

Sabtu, 24 April 2010

Tips agar blog ringan/atau tidak berat


Dulu waktu pertama kali mengenal blog dan mulai berguru dari para masternya ngeblog, seperti kang Rohman, Oom dan juga yang lainnya hampir semua tutorial punya mereka saya terapkan diblog saya maklumlah waktu itu saya belum terlalu paham apa sih kegunaan blog apa itu SEO, CSS, HTML, dan hal-hal yang berkaitan dengan dunia blogging.

Bagi saya isi dari sebuah blog bukanlah hal yang penting bagi saya waktu itu keindahan blog lah yang paling utama, tidak salah memang karena tampilan blog yang menarik akan membuat pengunjung betah lama-lama di blog atau website kita.

Memang indah blog saya waktu itu gambar dan imej bertebaran disana-sini warna background yang cerah menghiasi blog saya ada tulisan berjalan yang siap menyambut pengunjung.

Namun satu hal yang baru saya sadari belakangan, blog saya menjadi lama untuk diakses alias lemot, saya sempet kesel dan bertanya kenapa kok jadi begini ? maklumlah waktu itu saya masih nyubi, sekarang juga masih kok..hehehe...

Ternyata eh ternyata penyebabnya adalah script-script yang bertebaran di blog saya adalah penyebabnya, memang indah blog saya tapi susah di akses, kalau di ibaratkan cewek cantik memang tapi IQ nya jongkok....hehehe....

Oke daripada kelamaan ngobrol ngalor-ngidul gak karuan kali ini saya akan memberikan tips agar blog tidak berat dan mudah di akses.

1. Seperti yang saya singgung di atas terlalu banyak memasang script entah itu berupa gambar atau kode CSS, karena itu akan membuat blog anda menjadi berat, oleh karena itu saya sarankan jangan gampang tergoda untuk memasang ini itu.

2. pasanglah widget atau gadget yang kira-kira penting saja, contoh misalkan kita akan memasang jam, mungkin maksud anda baik ingin mengingatkan pengunjung tentang waktu, tapi bukankah di komputer mereka sudah tersedia jam otomatis, jadi hal itu mungkin tidak terlalu penting.

3. Pasang widget yang dirasa cukup penting seperti label postingan kita daftar link atau buku tamu, mengapa buku tamu cukup penting karena dengan buku tamu kita akan mengetahui siapa saja yang berkunjung ke blog kita, dan kita pun bisa berkunjung balik ke blog dia untuk menjalin silaturahmi.

4. Satu lagi hal yang perlu diingat mungkin kita suka akan warna-warna yang cerah dan kita berharap blog kita pun ingin secerah warna favorit kita, namun hal itu bukanlah hal yang menyenangkan, warna-warna yang terlalu mencolok membuat sakit mata dan membuat pengunjung tidak betah lama-lama di blog kita karena mata mereka sakit karena blog kita cerah se cerah matahari.

Oke sobat kali ini sampai sini dulu ya, lain ali insya Allah saya sambung kembali.

Wassalam

read more...

Jumat, 23 April 2010

Cara membuat gambar yang mempunyai link

Hai sobat sudah lama nih gak membuat postingan coz bingung mau nulis apaan, cape kerja seharian mau nulis udah kecapean, tapi biarpun begitu kita harus tetap semangat menulis walaupun mungkin tulisan ini sudah sering di bahas, tapi gak ada salahnya jika kita bahas lagi.

Dulu sekali ketika awal-awal saya kenal dunia blog saya sempat tertarik dengan kode tukar dengan gambar, waktu itu saya belum tahu bagaimana cara membuatnya, namun seiring berjalannya waktu sayapun menjadi semakin pintar hehehe....

Gak kok saya masih nyubi, makanya trik yang saya bahas kali ini pun masih dikategorikan pemula, masih jauh dibandingkan dengan para master blog seperti kang rohman, oom, dan para master blog yang lainnya yang tidak bisa saya sebut satu persatu.


Oke daripada kelamaan kita langsung saja ke pokok bahasan, pertama-tama anda masuk ke tata letak==>tambah gadget==>tambah HTML/java scrip, ketik atau copy paste kode di bawah ini, kemudian simpan.

<a href="http://yopibloger.blogspot.com/"><img src="http://www.kaskus.us/images/smilies/fd_1.gif"></a>


Maka hasilnya akan seperti ini.
coba sobat klik gambar ini, kemanakah dia akan ngelink...?

Tukar link yuk






Untuk alamat link dan imejnya silahkan sobat ganti dengan alamat link sobat.
read more...

Sabtu, 03 April 2010

Pasang google translate


Gimana ya kalau tiba-tiba ada bule yang berkunjung ke blog kita dan ingin baca isi blog kita, pasti kasian ya karena dia gak ngerti apa yang kita tulis.

Sekarang memang sudah ada layanan Google translate tapi akan merepotkan kalau harus copy paste dulu, terlalu makan waktu jadinya.

Nah daripada harus repot-repot copy paste mendingan kita pasang aja google translate di blog kita, gimana caranya ?

Ini dia caranya.

Copy script dibawah ini.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>


Lalu masuk ke halaman tataletak ==> tambah gadget ==> tambahkan HTML/javascript ==> paste kemudian simpan.

Selamat mencoba.
read more...

Membuat Banner Gratis



Ngotak-ngatik blog emang gak ada habisnya apalagi bagi para newbie seperti saya, pasang ini pasang itu, pasang gambar ini dan itu memang mengasyikan selain mempercantik blog kita, bisa sekalian buat bahan belajar.

Diantara cara untuk mempercantik blog kita yaitu dengan memasang banner di header blog kita, bagi anda yang jago desain tentu bukanlah hal yang sulit untuk membuat banner, namun bagaimana bagi kita yang awam dengan desain atau tidak bisa sama sekali.... ?

Jangan khawatir sobat bagi anda yang awam dengan desain, kini ada layanan untuk membuat banner grentong alias gratis.

Sobat tinggal mengunjungi alamat ini http://www.addesigner.com

Berikut langkah-langkahnya

  1. Anda kunjungi alamat link ini " http://www.addesigner.com "
  2. Kemudian klik design your ad
  3. Karena anda belum registerasi anda akan diminta memasukan alamat email, masukan alamat email anda.
  4. Setelah memasukan alamat email, biasanya link beserta password akan dikirimkan ke email anda.
  5. Setelah sign dengan acount anda maka maka anda pilih desain logo yang anda sukai.
  6. Setelah banner anda jadi maka tugas anda memasukan banner anda ke header anda

Biasanya elemen ini ada diantara kode "header" dan diikuti dengan kode < img src="alamat banner yang sudah anda buat">

Lalu klik simpan templet, selesai

Selamat mencoba



read more...

Jumat, 02 April 2010

Kode Warna HTML


#FFFFFF

#FFFFCC

#FFFF99

#FFFF66

#FFFF33

#FFFF00

#FFCCFF

#FFCCCC

#FFCC99

#FFCC66

#FFCC33

#FFCC00

#FF99FF

#FF99CC

#FF9999

#FF9966

#FF9933

#FF9900

#FF66FF

#FF66CC

#FF6699

#FF6666

#FF6633

#FF6600

#FF33FF

#FF33CC

#FF3399

#FF3366

#FF3333

#FF3300

#FF00FF

#FF00CC

#FF0099

#FF0066

#FF0033

#FF0000

#CCFFFF

#CCFFCC

#CCFF99

#CCFF66

#CCFF33

#CCFF00

#CCCCFF

#CCCCCC

#CCCC99

#CCCC66

#CCCC33

#CCCC00

#CC99FF

#CC99CC

#CC9999

#CC9966

#CC9933

#CC9900

#CC66FF

#CC66CC

#CC6699

#CC6666

#CC6633

#CC6600

#CC33FF

#CC33CC

#CC3399

#CC3366

#CC3333

#CC3300

#CC00FF

#CC00CC

#CC0099

#CC0066

#CC0033

#CC0000

#99FFFF

#99FFCC

#99FF99

#99FF66

#99FF33

#99FF00

#99CCFF

#99CCCC

#99CC99

#99CC66

#99CC33

#99CC00

#9999FF

#9999CC

#999999

#999966

#999933

#999900

#9966FF

#9966CC

#996699

#996666

#996633

#996600

#9933FF

#9933CC

#993399

#993366

#993333

#993300

#9900FF

#9900CC

#990099

#990066

#990033

#990000

#66FFFF

#66FFCC

#66FF99

#66FF66

#66FF33

#66FF00

#66CCFF

#66CCCC

#66CC99

#66CC66

#66CC33

#66CC00

#6699FF

#6699CC

#669999

#669966

#669933

#669900

#6666FF

#6666CC

#666699

#666666

#666633

#666600

#6633FF

#6633CC

#663399

#663366

#663333

#663300

#6600FF

#6600CC

#660099

#660066

#660033

#660000

#33FFFF

#33FFCC

#33FF99

#33FF66

#33FF33

#33FF00

#33CCFF

#33CCCC

#33CC99

#33CC66

#33CC33

#33CC00

#3399FF

#3399CC

#339999

#339966

#339933

#339900

#3366FF

#3366CC

#336699

#336666

#336633

#336600

#3333FF

#3333CC

#333399

#333366

#333333

#333300

#3300FF

#3300CC

#330099

#330066

#330033

#330000

#00FFFF

#00FFCC

#00FF99

#00FF66

#00FF33

#00FF00

#00CCFF

#00CCCC

#00CC99

#00CC66

#00CC33

#00CC00

#0099FF

#0099CC

#009999

#009966

#009933

#009900

#0066FF

#0066CC

#006699

#006666

#006633

#006600

#0033FF

#0033CC

#003399

#003366

#003333

#003300

#0000FF

#0000CC

#000099

#000066

#000033

#000000

#465584

#EEF2F7

#3A4F6C

#00D

#434951

#555

#777

#DFE6EF

#345487

#F5F9FD

#3860BB

#BCD0ED

#C2CFDF

#F0F5FA

#D1DCEB

#003

#900

#CCE9FD

#E4EAF2

#4C77B6

#DFE6EF

#EEF2F7

#F





read more...