Modifikasi Link Judul Posting Dengan Keterangan

Sebenarnya masih banyak tutorial tentang modifikasi judul link. Tanpa basa basi langsung saja trik modifikasi link judul posting dengan keterangan. 


Klik Rancangan/Design kemudian Edit Html dan klik kotak kecil Expand Template Widget

Cari kode dibawah ini

<a expr:href='data:post.link'><data:post.title/></a>

Silahkan hapus dan ganti dengan kode ini

<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>

Lanjut dengan mencari kode dibawah ini

<a expr:href='data:post.url'><data:post.title/></a>

Hapus dan ganti dengan kode ini

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

Simpan Template. (Contoh : Letakkan kursor mouse sobat di halaman judul di atas. Tunggu beberapa detik maka akan muncul keterangan sesuai judulnya)

Kata para master modifikasi link judul posting dengan keterangan akan memperkuat seo blog kita. Dengan adanya keterangan pada judul posting blog kita tentunya menjadi no 1 di google akan semakin cepat! So, selamat berbloging.

Happy Blogging! by. Sejuta Trik Blogger

read more...

Nyuri Fitur Facebook Timeline

Fitur Facebook memang banyak sekali. Apalagi sekarang ada fitur facebook time line. Sebenarnya apasih fitur facebook timeline itu sendiri. Untuk tampilan facebook sekarang ini saya tidak suka dengan tampilan yang selalu berubah-ubah. 

Untuk menyaingi Google+ yang makin eksis facebook membuka timeline yang belum dipublikasikan oleh milyaran penggunanya. Namun kita bisa Nyuri fitur facebook Timeline. Sebelum membahas mencuri fitur facebook timeline berikut tampilan timeline yang baru (lebih keren, lebih mudah dioperasikan dan terkesan elegan). Sebelum diluncurkan sebenarnya kita sudah bisa mengganti tampilan facebook lama kita menjadi facebook timeline. Nah sebelum mengganti tampilan facebook menjadi timeline atau aktifasi facebook timeline silakan dinikmati gambar profil saya yang timeline berikut:

sahabat bisa menilik di link dibawah ini :

 https://www.facebook.com/about/timeline

Memang fitur tersebut belum dipublikasikan bagi pengguna biasa namun untuk developer seperti master2 dapat memakainya. Nah bagi kita yang tidak menjadi developer seperti kita apakah bisa menggunakan fitur ini? Nah tertarik dengan fitur masa depan facebook tersebut? berikut cara nyuri fitur facebook timeline

1. Buka Halaman Facebook Developer, untuk mengaktifkan app developer. Pastikan sebelum membuka halaman tsb, agan sudah login FB terlebih dahulu.

2. Tombol untuk membuat App baru berada di sebelah kanan atas. Setelah diklik, agan akan diminta untuk memberi display name dan name space. Terserah agan mau nulis apa disitu, karena nanti ga akan keliatan juga yg jelas di bagian name space, semua harus huruf kecil. Jangan lupa centang pilihan di bawahnya sebelum lanjut.

Akun FB agan harus telah ter-verifikasi agar bisa menggunakan Facebook Developer, jadi pastikan agan verifikasi dlu akun FB agan.

3. Setelah app diberi nama, maka agan akan diarahkan ke halaman setting app agan. Klik 'Open Graph' yg berada di sebelah kiri layar.

4. Sebuah kotak dialog akan muncul. Sekali lagi, masukkan sesuka agan, karena sama seperti di atas, apa yg akan agan tulis ga akan keliatan juga nantinya Setelah selesai, klik 'Get Started'

5. Saat halaman seperti pada contoh di bawah muncul, agan ga perlu mengutak-atik apapun. Cukup scroll ke bawah lalu klik 'Save Changes'. Agan harus melakukan ini sekitar 3-4 kali.

6. Setelah selesai, agan akan diarahkan kembali ke halaman setting app, yg berarti proses setup-nya telah selesai. Yang perlu sahabat lakukan sekarang adalah menunggu sekitar 5-10 menit, lalu buka kembali halaman Beranda / Home agan sehingga undangan untuk Timeline akan muncul seperti pada gambar di bawah. Klik 'Get it Now'

7. Jika belum muncul, tunggu lagi 5 - 10 menit lalu buka ulang Beranda / Home FB agan
8. Jika Misalnya agan buka FB dari komputer lain dan tampilan Timeline nya ilang, ga usah cemas, buka:
Code:

 http:www.facebook.com/[yourusername]?sk=timeline

Jangan lupa ganti [yourusername] dengan username FB agan. ;-) Semoga sukses pokoknya!


Nah begitulah cara nyuri tampilan baru facebook timeline. Sayangnya hanya developer yang bisa sama2 melihat fitur baru ini. Teman lain yang belum menjadi developer seperti agan akan melihat profil dengan tampilan sekarang sebelum di ubah menjadi facebook timeline.

Seputar verifikasi dan lain2 silakan berkomentar atau kunjungi facebook saya  di http://www.facebook.com/ahmad.maryuki

Happy Blogging! by. Sejuta Trik Blogger

read more...

Mengganti Username Google+

Google+ memang sudah mengudara. Kini saatnya kita berlomba-lomba pindah dari putih biru (SMA) ke bangku kuliah (Google+) he2. Jejaring sosial memang ladang kita mendulang pengunjung blog. So mari kita percantik tampilan jejaring sosial google+ kita. Bagi sahabat yang ingin Mengganti Username google+ berikut penjelasannya.

Pada dasarnya google+ dalam mengganti username google+ tidak serta menyajikan aplikasi atau tool yang ada di google+ tapi kita bisa menggantinya lewat pihak ke 3. Begitu pula tool-tool yang lain. Baik ayo kita ganti user name google+ kita menjadi nama sendiri.

Berikut caranya :
1. Login ke google+ sahabat.
2. Buka link http://gplus.to/
    maka tampilannya akan seperti ini :

3. Masukkan nama pada Nick Name pilihan sobat
4. Isi Your Google+ ID dengan ID Google+ sahabat
5. Klik ADD.

Akan ada pemberitahuan di bawahnya. jika nama sobat belum dipakai orang lain maka sukses mengubah alamat google+ menjadi nama sobat. Jika gagal maka sudah ada yang memakainya.

Dari hasil di atas maka alamat baru kita
a. Yang semula dari https://plus.google.com/100530580758927709441 menjadi New Username : http://gplus.to/ukiahmad
b. Sahabat juga masih bisa menggunakan ID lama sobat.
c. Untuk update nama bila lupa, klik aja update nick name di samping gambar cangkir.

Isikan nickname baru dan masukkan kodenya. (Tentu pada saat update Nick Name terlebih dulu sahabat login ke Google+ dahulu). Maka akan ada pemberitahuan seperti di bawah ini :
Okey.
ID : 100530580758927709441
New Username : http://gplus.to/ukiahmad

Close This Window

Nah semoga berhasil yah sob! Sekarang sahabat sejuta trik blogger bisa mengganti alamat Google+ dengan mudah. Selamat bersosial network.

Happy Blogging!
by. Sejuta Trik Blogger

read more...

Cara Mudah Posting Dengan Emoticon

Hi sahabat sejuta trik blogger? Posting lagi nih seputar posting blog. Kali ini Cara Mudah Posting Dengan Emoticon. Sudah banyak yang menjelaskan tentang Posting Blog dengan Emoticon. Tapi Sejuta Trik Blogger akan memberikan trik untuk mempermudah sahabat semua untuk posting di blogspot dengan emoticon.

Ada banyak alasan kenapa kita menambah emoticon dan memasukkan ke dalam postingan. Ada yang menganggap kalau posting di blogger dengan emoticon itu mencerminkan mood dari penulisnya. Ada juga manfaat emoticon di posting dapat mengusir jenuh bagi pembaca yang sebagian disuguhi dengan banyaknya tulisan.

Adanya emoticon di posting blogspot akan membuat suasana lebih atraktif dan menyenangkan sehingga pengunjung semakin betah dengan adanya gurauan kecil dari emoticon itu sendiri. Baik untuk lebih cepatnya kita praktik saja.

Sejuta Trik Blogger memberikan tips kecil dan mungkin bermanfaat bagi sahabat semua karena dalam menambah emoticon di setiap posting ini sahabat tidak perlu mengedit html sobat. Apa lagi menginstal add ons firefox. Nah berikut ini caranya :

1. Sahabat tinggal posting seperti biasa.
2. Pergi ke alamat free emoticon di bawah ini.
http://www.emoticonsfree.org/
Klik dan sobat akan menemukan emoticon lucu di sana.
3. Jika sudah memilih emoticon Klik kanan pada gambar tersebut.
4. Copy dan Pastekan pada postingan sobat dalam keadaan Edit HTML.
5. Dari hasil kopi paste tersebut saya ambil contoh kodenya :

<a href='http://www.emoticonsfree.org/'><img src='http://www.emoticonsfree.org/wp-content/uploads/mad0025.gif' alt='mad0025 Free Emoticons   Anger'></a>

6. Hapus kode biru
7. Tambahkan kode :

 height="15px" width="auto" style="border:none"

sebelum kode  '>

sehingga kode akhir menjadi

<img src='http://www.emoticonsfree.org/wp-content/uploads/mad0025.gif' alt='mad0025 Free Emoticons   Anger' height="15px" width="auto" style="border:none">

contoh :

Cara ini memang saya mohon atas kekurangan. jangan beri pada saya agar saya tidak  kalau boleh beri dan akhir kata

Happy Blogging! by. Sejuta Trik Blogger

read more...

Marque (Teks Berjalan) Mempengaruhi SEO?

Apakah Marque (Teks Berjalan) Mempengaruhi SEO? Pertanyaan ini terlontar dari sebuat website yang saya ambil untuk Parse Kode Warna blog ini. Disana dijelaskan jika memasang Marque (teks berjalan) mempengaruhi SEO blog kita. Bagaimana mungkin jika logika teks berjalan berulang-ulang kali maka dianggap konten yang sama dan berulang-ulang.

Selain anggapan di atas marque (teks berjalan) juga merupakan spam bagi blog kita. Lihat contoh marque (teks berjalan di bawah ini :

Contoh Marque (teks berjalan)

Bagaimana kawan? Keren bukan? tapi tidak untuk google bot yang katanya merupakan spam. Tapi semua tergantung sahabat semua apakah tetap mau menambah marque (Teks berjalan) atau tidak agar SEO blog sahabat tetap bagus.

Baik berikut ini adalah penggunaan marque di blog

  <MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">


    teks kamu disini


    </MARQUEE>

hasil biasa
==============================

    <MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">


    teks kamu disini


    </MARQUEE>

hasil ada getaran

==============================

    <div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">


    teks kamu disini


    </MARQUEE></b></FONT></div>

hasil untuk variasi huruf dan getaran

==============================

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


    teks kamu disini


    </marquee>

Berhenti saat ada mouse menyentuhnya

==============================
Sumber : Forantum

Happy Blogging! by. Sejuta Trik Blogger

read more...

Parse Kode Warna

Banyak tools kode warna untuk blogger. Seperti Tool Kode Warna punya saya ini. Widget kode warna tersebut menunjukkan kode dari warna. Tapi masalahnya jika kita mempunyai kode dan ingin mengetahui apa warnanya? nah berikut ini adalah solusinya. Anda tinggal memasukkan kode warna contoh #ffffff dan akan muncul di kotak. Mudah kan? selamat menggunakan tool ini!

Happy Blogging! by. Sejuta Trik Blogger

read more...

Google+ Mengudara

Hari ini 23 September 2011 saya coba ketikan google+ di search engine google eh ternyata Google+ mengudara. Dengan bukti gambar di atas google telah siap meluncurkan situs saingan pesbuk ini.

Sekarang untuk mendapat akun google+ ini tidak perlu undangan dari teman yang sudah punya akun google+ dan tak perlu lagi request untuk diundang. Dalam situs resmi tentang google+ di www.gplusinfo.com saya menemukan uraian tentang apa yang baru di sana. Baru-baru ini google+ menawarkan API Google. Saya sendiri belum tahu betul apa istimewanya google API tersebut.

Fitur baru yang katanya lebih dari fitur lama yaitu hangout kalau tidak salah di pesbuk artinya update status. So, ayo lomba ama pesbuk dan beralih ke google+ karena google+ mengudara sobat.

Kiranya itu saja yang dapat saya tulis. Entah apa yang ada di pikiran saya. Apakah saya benci pesbuk atau gimana yang jelas saya lebih suka google+. Lain waktu saya akan menulis bahwa "pengguna google+ aktif lebih cerdas daripada pengguna aktif pesbuk".

Happy Blogging!
by. Sejuta Trik Blogger

read more...

Pembuat Doodle (Logo Google)

Google adalah salah satu Search Engine terbesar dan paling populer setelah Yahoo!. Google bukan hanya inovasi – inovasi teknologi terkini yang banyak dikembangkan, tetapi masalah logo pun mereka yang paling menarik, seperti perayaan tahun baru, olimpiade kemaren, atau peringatan-peringatan lainnya.

Lalu pertanyaannya,siapakah di balik kreasi logo-logo Google?

Dennis Hwang (Hwang Jeong-mok) adalah desainernya. Dennis adalah warga Korea-Amerika, lahir di Knoxville , Tenesse dan di kampung halamannya di Korea (Gwacheon) ia dibesarkan.



Dennis adalah pelukis Doodle yang selalu mengambar logo logo Google yang biasa ditampilkan di hari penting, festival, ataupun holiday. Doodle sendiri adalah logo Google yang ditampilkan itu.

Sekarang, Dennis menduduki posisi sebagai international webmaster di google. Dia mulai menggambar logo nyentrik untuk hari-hari raya pada google dalam peringatan Bastile Day, pada tanggal 14 juli 2000 berdasarkan permintaan dari Larry Page dan Sergey Brin.

Ketika Google mengadakan kompetisi untuk melukis Doodle ke anak-anak, Dennis Hwang sempat memberikan tips. Semoga bermanfaat untuk adik-adik sekalian walaupun tidak relevan tapi tetapi aja tips yang sangat bagus dijadikan masukan..

1. Pastikan design kamu cocok dengan bentuk dari huruf didalam logo Google, tapi jangan biarkan itu membataskan kreatifitas kamu

2. Eksperimenkan dengan berbagai media (tools) untuk melihat yang mana paling cocok dengan design kamu (kamu juga bisa membuat doodle kamu di pcmu sendiri)

3. Jangan membuat design anda terlalu ribet – gambar2 yang simple mempunyai impact paling besar

4. Ingat bahwa design kamu mungkin berakhir di halaman utama Google, jadi bayangkan bagaiman kira2 tampilannya dalam layar Google

5. Untuk mencari inspirasi tema “What I Wish for the World?”, coba pikirkan masa depan dan apa yang kamu jadikan beda dengan sekarang.

6. Ingatkan selalu menggunakan warna dengan benar dan bagaimana warnanya berinteraksi dengan sebuah background putih

7. Hindari unsur komersial dan gambar yang di copyright

8. Mainkan imaginasi kamu – coba buat sebuah doodle yang beda dengan yang lain dan belum pernah dibuat sama sekali.

9. Silahkan gunakan ruang kosong dibelakang ataupun didepan huruf Google, tetapi coba seimbangkan design kamu

10. Have fun…! “Doodle 4 Google” tidak lain adalah tentang kreatifitas dan menikmati membuat sesuatu yang fun.

Apakah sobat juga pengen jadi pemenang design logo doodle dari eropa kayak anak ini? Ayo berkreasi!

sumber : http://wahw33d.blogspot.com/2011/07/inilah-dennis-hwang-sang-pembuat-logo.html#ixzz1YjbjW2BX

Update!
Untuk sejarah Doodle (Orat-oret Google) bisa lihat link dibawah ini :
Sejarah Doodle (Orat-oret Google)

read more...

Kapasitas Upload Gambar di Blogger

Sahabat sejuta trik blogger sering mengupload gambar di blogger? Tahu tidak letak penyimpanan gambar ketika kita upload gambar di blogger? Secara tidak sadar kita telah melupakan ketentuan-ketentuan atau syarat penggunaan blogger yang hanya gratisan tercinta ini. Maksudnya ketentuan ini lebih dikhususkan pada Kapasitas Upload Gambar di Blogger.

Sebenarnya setiap 1 akun google yang mempunyai anak seperti blogger, gmail, dll mempunyai kurang lebih kapasitas 1000 MB ruang penyimpanan/space. Nah untuk sahabat yang ingin mengetahui tentang Kapasitas upload gambar di blogger kita, ikuti cara di bawah ini.

Silakan menuju ke http://picasaweb.google.com/

Jika belum login ke blogger, login terlebih dahulu.

Akan muncul tampilan dasboard blog-blog sobat. Kurang lebih seperti ini

Untuk mengetahui berapa jumlah kapasitas upload gambar di blogger, sobat scroll kebawah dan akan tampil seperti di bawah ini :

dari keterangan gambar di atas saya telah mengupload gambar di blogger sebanyak 12 gambar dan baru menggunakan 0.08% dari jumlah 1024 MB atau 1 GB kapasitas upload gambar di blogger. Bagaimana dengan sahabat?

Apabila sobat khawatir kapasitas upload gambar di blogger 1024 MB itu sedikit. Sejuta trik blogger punya sedikit tips.

1. Jangan terlalu khawatir! 1024 MB itu besar, sedangkan gambar yang kita upload kurang lebih hanya puluhan KB untuk ukuran sedang.

2. Para master blogger sudah mengupload 1000 lebih gambar. Mereka hanya menggunakan 8% dari jumlah total 100%.

3. Kecilkan ukuran gambar yang mau di upload di blogger dengan software pengecil ukuran gambar. Misal fast photo resizer, dll

4. Upload gambar dengan tempat penyimpanan lain. Misal tinypic, googlesite dll.

5. Managemen akun blogger. Artinya membuat akun google yang dipadukan menjadi 1 admin. (untuk managemen akun blogger akan saya posting lain waktu). Atau kalau tidak cari sendiri di Google. ha5x

Sekarang sudah jelas cara mengetahui kapasitas upload gambar di blogger. Semoga menjadi bahan pertimbangan sobat. Happy Blogging!

read more...

Menambah Background Avatar Pada Komentar Pengunjung

Berbicara kotak komentar memang banyak sekali hal-hal yang bisa kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit saya kibagus. Dimana kotak komentarnya lain dari pada yang lain.

 

Pada blog tersebut bahwa setiap komentar apakah itu menggunakan profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai contoh lihat gambar di atas!

Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya kalau kita berbagi pada orang yang belum tahu seperti saya ini. Belum lagi kasus saya mengikuti tutorial tersebut dimana salah satu kode gagal di temukan atau berbeda dengan yang dijelaskan. Baik langsung saja trik menambah background avatar pada komentar pengunjung.

1. Login ke blog kamu!

2. Klik Design

3.  Klik Edit HTML

4. Download Full template untuk backup template kamu

5. Jangan lupa : Centang   Expand Widget Templates

6. Cari kode :

]]></b:skin>

7. Copy dan paste kode ini di atasnya :

#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCbNff-idVlPc9WCGqGY_-LhMBzkfsFOIwJLmYv5iNvXX-6WkIAxsEbS0Y5wbfXsKu3HsyT7mA38oYKfsO54qEh8M_f4tGL5t_83VWJytIpmGQgn68TFG_hRHtKGlydnjOv_I1g1ZhAZ09/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}

8. Cari kode di bawah ini :

<dl id='comments-block'>

Jika kode di atas tidak ketemu mungkin kodenya seperti ini : <dl class='comments-block' id='comments-block'>

9. Hapus kode no 8 dan ganti dengan kode :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

10. Cari lagi kode di bawah ini :

<a expr:name='data:comment.anchorName'/>

11. hapus dan Ganti juga kode no 10 dengan

<b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <div expr:class='data:comment.avatarContainerClass'>
      <data:comment.authorAvatarImage/>
      </div>
      </b:if>

12. Jika sudah simpan template sobat.

Lihatlah salah satu posting sobat yang ada komentar dengan anonymous atau name dan url. Saya rasa sobat sudah bisa trik menambah background avatar pada komentar pengunjung. Dengan trik ini komentar anonymous atau komentar yang menggunakan name dan url akan terlihat avatarnya.

NB.

URL no.7 bisa sobat ganti dengan url sobat. Sebagai referensi sobat bisa menggunakan icon di bawah ini. Ukuran iconnya kurang lebih 35 x 35

read more...

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...

Membuat Label Menjadi 2 Kolom

Gambar di atas menunjukkan bahawa label ditampilkan menjadi 2 kolom. Nah tanpa basa basi, mari kita praktik Membuat label Menjadi 2 Kolom.

Jika di blog sudah ada labelnya, maka tinggal masuk ke html blog sobat. Setelah itu centang kotak kecilnya ya sob. Setelah itu cari kode ]]></b:skin>

Untuk mempermudah gunakan Ctrl+F atau F3 (jika sobat menggunakan mozilla firefox). Jika sudah paste kode ini diatas kode merah tersebut.

#Label1 li {
      float:left;
      width:45%;
}

Simpan deh! atau kalau tidak preview dulu hasil edit label sobat. 

Perlu diperhatikan nama label sobat. Mungkin nama label di atas bisa berbeda dengan nama label punya saya, untuk mengetahui nama label silakan sobat gunakan pencarian dengan Ctrl+F atau F3 dan ketik 'Label1' tanpa tanda petik, jika sama lanjutkan, jika beda silakan sobat ganti dengan nama label sobat.

Tidak semua template mendukung warna background yang mengikuti. Seperti kasus saya, dengan trik ini mungkin warna background tidak selalu mengikuti kotak label. Yang jelas saya sudah mencoba di blog saya yang lain dan berhasil.

Seperti itulah cara Membuat label menjadi 2 kolom. Semoga berhasil

read more...

Cara Mudah Membuat Recent Post Dengan Gambar

Sesuai judulnya Cara mudah membuat recent post dengan gambar, Seperti motto blog ini yaitu belajar mengedit blog dengan menyenangkan. Maksudnya cara membuat recent post dengan gambar, kita tak perlu susah payah mengedit html atau apalah itu. Belum lagi tampilan baru dasboard blogger yang membuat anda harus belajar lagi membuat anda malas edit html. Anda hanya perlu memasukkan data-data yang diperlukan dan pengeditan hanya perlu klik-klik saja.

Tidak percaya? silakan klik tombol dan langsung membuat recent post dengan gambar secara otomatis. Silakan klik gambar di bawah ini (klik kanan dan klik buka Tautan di tab baru/ klik in new tab)

Jika diklik akan muncul seperti tab berikut ini :

Keterangan :

Instructions

Change settings
For a Grid Layout, click the 'Grid Layout' Button, and it will adjust the settings automatically for you
Click 'Add Widget To My Blog' button

instruksi :

mengubah pengaturan 
Untuk Layout Grid, klik Button 'Grid Tata Letak', dan akan menyesuaikan pengaturan secara otomatis untuk Anda

Klik 'Add Widget To My Blog' tombol

Widget Title

Widget Title:

Widget title diisi dengan judul widget sobat

Customize Widget

Blog url: http:///                         (isi dengan url blog sobat)
(You can leave this blank if you are displaying the posts from the same blog to which you are adding the widget) 

(Anda dapat meninggalkan kosong ini jika anda menampilkan posting dari blog yang sama yang Anda menambahkan widget)
 

Number of posts	: (post yang akan tampil)
Maximum title Length	: characters      (Judul yang akan tampil)
Show Thumbnail	: (Tampilkan gambar)
Show Default Thumbnail	:(If image is not present) (Tampilkan Gambar secara default)
Thumbnail Dimension	: px (Dimensi gambar)
Float Thumbnail to	: Left Right None
Thumbnail Margin	: 5px Margin No Margin
Show summary	:
Summary size	: characters
Show post date	:
Show Comment Number	:
Show Read more Link	:
Read More Text	:
Use Full Feed	:

Sorting: published updated

Jika dirasa semua udah beres dan sesuai selera tinggal klik button atau tombol seperti di bawah ini 

 

Reset untuk mengulangi jika anda tidak puas dalam membuat widget

Grid Layout adalah tampilan yang sudah anda buat

Add Widget to My blog adalah tombol membuat widget otomatisnya

Nah gimana sobat, mudah bukan cara mudah membuat recent post dengan gambar? semoga membantu.

Sumber ane di Blogger Widget

read more...