Posting Gambar Berdampingan Dengan Teks

Posting Gambar Berdampingan dengan teks dapat dilakukan pada saat upload gambar dalam keadaan 'Edit HTML' saat posting. Tapi bagaimana jika kita mengedit posting yang sudah terlanjur diposting? Apakah harus upload lagi?

Tujuan Posting Gambar Berdampingan dengan teks ini membuat area posting menjadi penuh dan simpel. Jadi untuk menghemat tempat area posting juga. Sebelum kita membuat Posting gambar berdampingan dengan teks berikut ini cara posting untuk gambar berdampingan.

1. Membuat Posting 2 Gambar Berdampingan.

Caranya :

Posisi menulis pada 'edit html' jika belum klik saja. Tambahkan kode ini :

<table><tr>
<td>alamat gambar sobat (kode gambar sobat)</td>
<td>alamat gambar sobat (kode gambar sobat)</td>
</tr></table>

Jika lebih dari 2 gambar sobat tinggal tambahkan kode <td>alamat gambar sobat (kode gambar sobat)</td> dan seterusnya sebelum </tr></table>

Maka hasilnya adalah sebagai berikut :

2. Posting Gambar Berdampingan Dengan Teks

Caranya :

Upload dulu gambar sobat. Jika sudah, dalam keadaan "Edit HTML" kodenya kurang lebih akan seperti ini :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png"/>

Jika sudah tambahkan kode di bawah ini sebelum tanda "/> pada akhir kode gambar.

style="float:left;margin:0 10px;"

Penempatan teks berada di setelah "/> atau mungkin juga seperti ini  </a>.

Maka hasilnya :

 <<<< ==== !!!

Gambar di samping adalah logo blogger berwarna hitam. Diupload tanggal 16 September 2011. .............................

........................................................................................

........................................................................................

........................................................................................

....................................................................................dst.

Untuk mengembalikan posisi semula cukup enter saja di belakanang kata terakhir yang dibuat berdampingan. Perlu di ingat bahwa membuat Posting Gambar Berdampingan Dengan Teks ini dalam keadaan "Edit HTML". Jika sudah, klik Preview atau Compose untuk melihat. Jika kurang sesuai klik lagi "edit HTML" hingga sesuai harapan. Happy Blogging!

read more...

SEO Ala Sejuta Trik Blogger

Apasih SEO itu? berikut penjelasan dari wikipedia.

Optimisasi mesin pencari (bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Sejalan dengan makin berkembangnya pemanfaatan jaringan internet sebagai media bisnis, kebutuhan atas SEO juga semakin meningkat. Berada pada posisi teratas hasil pencarian akan meningkatkan peluang sebuah perusahaan pemasaran berbasis web untuk mendapatkan pelanggan baru. Peluang ini dimanfaatkan sejumlah pihak untuk menawarkan jasa optimisasi mesin pencari bagi perusahaan-perusahaan yang memiliki basis usaha di internet.

Ada dilema atau kebimbangan tentang SEO itu sendiri. Nah berikut ini adalah cara yang sering dilakukan dan berakibat buruk bagi blog. Berikut ini cara SEO Ala Sejuta Trik Blogger.

1. Tukar Link.

Tukar link merupakan cara pling mudah mendapat backlink dari blog berkualitas lain. Namun perlu diperhatikan jika blog yang kita tukaran link banyak spamnya, itu juga berpengaruh dengan blog kita.

2. Komentar Spam di Blog Lain.

Ada banyak sekali kerugian melakukan spam comment dengan blog lain. Untuk lebih jelasnya silakan cari tahu di google.

3. Validasi HTML

Ada 2 blog yang saya tau sudah valid xhtml yaitu deconstructioncode dan blognya milik hendroprayitno. Bukan maksud apa apa sih, dikarenakan blog mereka sudah tidak bisa dibuka lagi dan muncul pesan hanya undangan yang boleh membuka situs ini. Wah artinya valid template tidak menjamin blog jadi sukses dan berumur panjang. Beberapa layanan google memang tidak valid, tapi apakah ini sebuah jalan SEO agar tampil jadi no1? kalau saya sih menganggap validasi HTML itu adalah bagian dari keprofesionalan seorang SEO itu sendiri dalam mengedit HTML. Dengan maksud HTML blog tersebut tersusun dengan benar. Ya ga?

4. Menyewa Jasa SEO

Cara yang paling mudah namun berbayar yaitu dengan menyewa jasa master SEO yang menawarkan mempromosikan blog kita dan berada di peringkat no.1 Google. Seperti yang saya baca di google webmaster help. Google tidak menjamin website dari hasil jasa SEO. Apalagi yang bersifat fiktif. Artinya apakah kamu semua mendapat penjelasan dari cara mereka membuat web kita berada di peringkat atas google? Belum lagi jika google selalu update tentang alogaritmanya. Nah dari pada uang kamu terbuang percuma, mending usaha yang gratis2 aja.

5. Back Link
Back link berarti timbal balik antara link blog kita dengan beberapa situs. Semisal untuk pencarian "hotel di Indonesia" google akan memprioritaskan atau mementingkan blog yang mempunyai timbal balik dengan blog tersebut. Google juga akan mempertimbangkan dengan google map, google palace dll. Jadi sahabat tahukan bagaimana mengoptimalkan blog kita?ya kita harus mendaftar di beberapa layanan google tersebut untuk mendapat back link.

Nah itulah sedikit pengertian dan cara SEO Ala Sejuta Trik Blogger. Semoga sahabat2 bisa memahaminya.

read more...

Kumpulan Cara Membuat Text Area

Ada berbagai macam cara membuat text area. Ada text area biasa, ada text area sensitif select all ada yang berwarna. Yuk langsung saja membahas Kumpulan Cara Membuat Text Area.

Text area ini dapat diletakkan di area posting dan widget sobat. Caranya kalau di posting sobat harus memencet edit HTML saat memposting. Nah berikut Kumpulan cara membuat text area. Sobat tinggal copy paste pada tampilan berikut ini :

1. Text Area Biasa

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya :

<p align="center"><textarea name="code" rows="6" cols="50"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

2. Text Area Hightlight All

<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><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya :

simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

3. Text Area Berwarna

<center><textarea name="code" rows="2" cols="50" style="background: #EFF5FB; color: #000; border: 1px solid #ccc; border-left: 20px solid #0174DF; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="2" cols="40" style="background:#E0ECF8; color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="2" cols="42" style="background: #F8ECE0; color: #848484; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center></textarea></center>

Hasilnya :

<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI

<center><textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> ISI TEKS/KODE/SCRIPT ANDA DISINI </textarea></center>

Hasilnya :

ISI TEKS/KODE/SCRIPT ANDA DISINI

Masih banyak kumpulan cara membuat text area. Masih banyak juga yang mesti dibenahi dalam membuat text area yang dinamis. Yang pasti dengan info di atas sobat bisa kreasikan sendiri kode-kode di atas itu.

read more...

Tampilan Baru Background Google Homepage

Beberapa hari ini saya melihat beberapa iklan Google yang menggadang produknya melalui televisi, apakah ini dampak dari investasi Google di Indonesia? wah jadi salud ma google. Hari ini 10 September 2011 saya buka tampilan homepage google saya. Tidak seperti biasa dengan background putihnya. Sekarang google mirip bing yang otomatis merubah tampilan baru background google pada homepagenya. Nah gambar di atas adalah gambar tampilan baru background Google pada homepage.

Saya tidak pernah mengubah tampilan background google homepage saya. kok otomatis berubah sendiri? dan setelah saya klik pojok kanan bawah untuk mengganti background google home page saya. Ternyata ada tab baru seperti saat kita upload file gambar di blogger. Ada jejeran gambar yang bisa dipilih untuk dipajang di google home page kita.

read more...

Google Menutup Beberapa Layanan

Google kembali mengumumkan penutupan beberapa layanan mereka yang tak laku di pasaran.
Dalam sebuah postingan di blog resmi mereka, Senior Vice President Google, Alan Eustace, mengatakan bahwa beberapa layanan Google yang ditutup adalah Google Aardvark, FastFlip, Sidewiki, Google Pack, Google Desktop, dan banyak lagi.

"Dalam beberapa bulan ke depan kami akan menutup sejumlah produk dan menggabungkan mereka sebagai salah satu fitur pada produk lainnya," ujar Alan Eustace, dikutip dari situs eWeek.

Ini merupakan bagian dari kebijakan Chief Executive Officer (CEO) baru Google, Larry Page, yang ingin mengembangkan produk inti Google yang lebih fokus, seperti pencarian Google.com, bidang ponsel melalui Android, Chrome pada Desktop, serta YouTube untuk video.

Sebelumnya, Google juga telah menutup beberapa produk lainnya, seperti Google Health, Power Meter, serta produk-produk Google Labs secara bertahap.
Berikut ini daftar lengkap layanan Google yang akan ditutup.
- Aardvark
Adalah layanan tanya jawab yang dibeli Google pada Februari 2010. Sayang, layanan ini tak mendapat sambutan meriah di pasar. Padahal, menurut Wall Street Journal, Google membeli produk ini senilai US$50 juta atau sekitar Rp 427 miliar, tahun lalu.
- Sidewiki
Adalah layanan anotasi yang memungkinkan pengguna untuk meninggalkan catatan dan komentarnya mengenai artikel dan laman web, yang mereka anggap perlu. Karena sepi pengguna, layanan ini akan dihentikan.
- FastFlip
Ini adalah sebuah aplikasi yang mempermudah pembaca mencari sebuah laman berita di Google News. Google mengatakan, layanan ini akan digunakan di produk lainnya.
- Google Notebook
Produk ini memungkinkan pengguna menambahkan link URL dari web dengan catatan yang mereka ketik ke dalam dokumen-dokumen yang telah dipublikasikan di internet. Layanan yang muncul sejak dua tahun lalu itu dibekukan pengembangannya, dan pengguna bisa memindahkan semua data notebook mereka ke Google Docs.
- Google Desktop
Ini adalah software unduhan Google yang memungkinkan pengguna melakukan pencarian teks, email, file komputer, musik, foto, hasil chatting, serta laman web yang pernah dikunjungi, dan lain-lain. Layanan ini tak akan diperpanjang mengingat Google berencana memindahkan semua data dan file pengguna di cloud.
- Google Pack
Adalah sebuah tempat yang menampung berbagai aplikasi Google maupun unduhan gratis dari mitra Google lainnya.
- Google Maps API untuk Flash
Layanan ini diluncurkan untuk menyediakan para pengembang ActionScript untuk bisa mengintegrasi aplikasi mereka dengan Google Maps. Karena kurang populer, Google kini lebih fokus pada JavaScript Maps API bersi 3. Tapi, Google tetap akan menyediakan dukungan bagi konsumen yang menggunakan API ini dari Google Maps API Premier.
- Google Web Security
Fitur-fitur di Google Web Security sudah banyak yang ditambahkan kepada produk-produk Google lainnya, seperti Safe Browsing pada Chrome. Google akan tetap menyediakan support untuk konsumen Web Security.
- Image Labeler
Sebuah game untuk membantu orang untuk mengeksplorasi dan melabeli gambar-gambar di web.
- Subscribed Links
Layanan ini memungkinkan para pengembang untuk membuat pencarian yang lebih khusus ketimbang penelusuran normal. Produk ini hanya akan tersedia hingga 15 September

read more...