Kamis, 29 September 2011

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

Selasa, 27 September 2011

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:

facebook timeline



sahabat bisa menilik di link dibawah ini :


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

facebook timeline
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'
facebook timeline

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

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 :

g+

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.

g+

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

Senin, 26 September 2011

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. mad0025 Free Emoticons   Anger 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 mad0216 Free Emoticons   Anger saya mohon love0029 Free Emoticons   Loveatas kekurangan. jangan beri pada saya mad0055 Free Emoticons   Anger agar saya tidak  mad0171 Free Emoticons   Anger kalau boleh beri love0039 Free Emoticons   Love dan akhir kata sign0111 Free Sign Emoticon

Happy Blogging! by. Sejuta Trik Blogger

Sabtu, 24 September 2011

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

Parse Kode Warna | HTML Color Code Checker

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


Untuk mencari warna atau cara pakai tools ini ikuti langkah sederhana berikut :
copy code html warna anda, misal #FBFBFB;
paste di form tersebut dan enter
Happy Blogging! by. Sejuta Trik Blogger

Jumat, 23 September 2011

Google+ Mengudara

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

Kamis, 22 September 2011

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
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!
doodle


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)



Rabu, 21 September 2011

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.

Jika belum login ke blogger, login terlebih dahulu.

Akan muncul tampilan dasboard blog-blog sobat. Kurang lebih seperti ini
Kapasitas Upload Gambar di Blogger




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




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. ha5xlove0055 Free Emoticons   Love
Sekarang sudah jelas cara mengetahui kapasitas upload gambar di blogger. Semoga menjadi bahan pertimbangan sobat. Happy Blogging!

Selasa, 20 September 2011

Menambah Background Avatar Pada Komentar Pengunjung

Avatar kotak komentar
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!
login
2. Klik Design
design baru
3.  Klik Edit HTML
edit html lama
4. Download Full template untuk backup template kamu
download ful template
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(http://4.bp.blogspot.com/_pzw_nbUxkVY/TAs4Ib8NlVI/AAAAAAAAAD4/qp2sS0-YfEg/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

icon comentar
icon comentar
icon comentar

Kamis, 15 September 2011

Posting Gambar Berdampingan Dengan Teks

Update 10 Oktober 2018
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 namun tertata rapi agar pengunjung betah membaca artikel sampai habis. Dan dengan tujuan mendapatkan trafik blog dengan banyak kunjungan halaman.

Terdapat 2 cara atau metode untuk membuat gambar berjajar seperti berdekatan namun mempunyai fungsi sendiri. Menampilkan gambar di kiri dan kemudian menyisipkan teks di sebelah kanan gambar ataupun sebaliknya. Caranya dengan html tabel dan pengaturan CSS. Bagaimana melakukannya? Berikut penjelasan saya semoga mudah dipahami.

1. Membuat Posting 2 Gambar Menggunakan HTML Tabel
Caranya :
Saat posting artikel seperti biasa, posisi menulis pada 'edit html' jika masih keadaan "COMPOSE" Klik saja "EDIT HTML". Lalu tambahkan tag html tabel seperti 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 :
logo blogger
logo blogger
2. Posting Gambar Berdampingan Dengan Pengaturan CSS
→ Hasilnya seperti berikut ini:
problemAda problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D


→ Sedangkan kodenya seperti ini :

<img alt="problem" class="kiri" height="100px" src="https://1.bp.blogspot.com/-lmgSTQYm8es/W5CnRBuuAFI/AAAAAAAAEP0/6QUYIQax8iAITE_ke9t5ZQX1lAUfPfG-wCLcBGAs/s1600/010-problem.png" title='problem'/> Ada problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D </br>


→ Lalu yang selanjutnya tambahkan css seperti berikut :

<style> img.kiri { float: left; margin: 5px;} img.kanan { float: right; margin: 5px; } </style>


Teman-teman bisa mengubah ukuran tinggi gambar dengan mengubah nilai css height dengan varian angka 'px' maupun '%' bagi teman-teman yang menggunakan design responsive. Pengaturan tinggi pendeknya serta lebar gambar dapat disesuaikan dengan selera kamu sesuai konten disampingnya.

2 Langkah mudah memposting gambar berdampingan yaitu dengan menggunakan HTML Table dan pengaturan CSS blogger. Beberapa blogger sering mengabaikan tehnik sederhana ini. Namun percayalah saat penggunaan format artikel gambar-text atau text-gambar bisa kanan bisa kiri, saya yakin artikel di blog kita terlihat rapi dan elegant. Untuk faktor seo terutama pengunjung akan dimudahkan dalam membaca dan mempelajari artikel. Terutama bagi aku yang sedang belajar seo blogspot apalagi pemula seperti saya bahwa penggunaan gambar posting berdampingan adalah hal yang selalu saya praktekkan saat posting seperti blog saya yang lain.

Selasa, 13 September 2011

SEO Ala Sejuta Trik Blogger


Update 26 September 2018
SEO for Blogger sejuta trik


Apasih SEO itu? berikut penjelasan dari wikipedia.

Sekilas tentang SEO

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. Selengkapnya → baca tentang apa itu SEO?
Mari lanjutkan membaca tentang SEO karena saya ingin kita melakukan praktek nyata melalui SEO Ala Sejuta Trik Blogger ini. Salah satu praktik nyata dengan hasil sesuai usaha tentu mempunyai nilai kepuasan tersendiri. Jadi semakin banyak atau semakin besar yang kita lakukan, semakin besar pula apa yang kita dapatkan. (Quote : Alexander Dumas - The Three Musketeers)

Cara Kerja Nyata SEO di Blogger

Dari sekian ratus metode SEO karena saking banyaknya artikel berkaitan dengan Optimasi SEO anda mungkin bertanya-tanya bagaimana cara agar optimasi SEO di blogspot dapat berjalan, berikut penjelasan saya. Saya mengambil dari salah satu website penyedia layanan optimasi SEO atau Jasa SEO Internasional yaitu Overflow Cafe SEO. Adalah situs dari Jasa SEO yang memiliki reputasi sangat baik dan mempunyai beberapa staf terkenal seperti Delilah, Desiree, Joshua, Divina, Jeff dan masih banyak lagi. Website tersebut adalah anak perusahaan terkenal dari XML Sitemap Generator. Dengan kantor pusat layanan SEO di Toronto, Canada ini memiliki server tercepat. Tidak hanya itu, bahkan di halaman Google tentang sitemap pihak ke tiga yang juga merupakan protokol terpenting sebuah website turut dimuat dalam halaman tersebut.

Overflow Cafe dalam website resminya membutuhkan waktu 12 bulan agar semua metode yang digunakan dapat bekerja optimal. Dari halaman "how SEO work" terdapat 2 langkah dan dapat disimpulkan cara kerja SEO untuk blogspot yaitu :
A. Penetapan atau targeting terlebih dahulu
Sebuah web atau blog merupakan identitas tentang personal, bisnis lokal, perusahaan, organisasi maupun kategori lainnya membutuhkan segmentasi terlebih dahulu. Untuk itu tetapkan target lokasi dan semua hal yang berkaitan dengan blog kemudian pengembangan lebih lanjut. Disamping itu tetap mengikuti Kualitas pedoman webmaster seperti google.
B. Memaksimalkan SEO On Page setiap halaman
Mesin pencari google lebih menyukai halaman berkualitas untuk itu membangun konten original dan berkualitas serta didasarkan pada sumber terpercaya akan mampu meningkatkan kualitas SEO blog. Secara alami SEO On Page itu memaksimalkan fungsi HTML agar pengunjung betah mengunjungi halaman blog bukan pengunjung yang datang lalu pergi begitu saja. Sebagai dasar yaitu hasil akhir tentang lalu lintas di blog, kenali segala sesuatu yang tidak wajar seperti halaman kurang populer perlu perhatian khusus. Baca → SEO On Page Blogspot
C. Terdaftar dimana saja
Tentu saja blog sudah terindex pada mesin pencari besar seperti Google, Yahoo, Bing, Yandex maupun 300 lebih mesin pencari lainnya. Perlunya mencari atau menambahkan artikel melalui platform media marketing lainnya, direktori blog atau bisnis, dan yang lebih utama adalah bberbagai situs media sosial. Pengaruh media sosial berperan penting dalam lalulintas kunjungan blog. Sebagai contoh yaitu halaman SEO Off Page blog ini.
D. Pelaporan hasil kinerja
Penggunaan webmaster tools dapat menjadi acuan untuk cara kerja lainnya berkaitan masalah atau laporan dalam web master tersebut. Langkah selanjutnya dapat diterapkan jika menemukan indikasi penurunan kunjungan maupun pinalti dari mesin pencari.
E. Penggunaan Design Responsive
Design responsive atau dapat dilihat dalam berbagai ukuran layar maupun gadget dapat menjadi penopang melakukan optimasi SEO. Design responsive perlu perhatian juga karena setiap halaman yang tidak ditata dengan baik akan menimbulkan perbedaan persepsi dari para pengunjung blog.
F. Jasa SEO
Point terpenting SEO selanjutnya yaitu menyewa jasa SEO, membeli backlink, menyewa domain serta langganan situs penyedia webmaster tools berbayar akan mampu menambah daya saing blog kita pada mesin pencari.
Nah itulah sedikit pengertian dan cara SEO Ala Sejuta Trik Blogger. Lihat kumpulan artikel saya lainnya tentang SEO di halaman Belajar SEO Blogspot Tutorial Lengkap.

Senin, 12 September 2011

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 :


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




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


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



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




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




<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 </textarea></center>
Hasilnya :



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.

Sabtu, 10 September 2011

Tampilan Baru Background Google Homepage

Google 10 September 2011
Beberapa hari ini saya melihat beberapa iklan Google yang menggadang produknya melalui televisi, apakah ini dampak dari investasi Google di Indonesia? wah jadi salud sama google. Hari ini 10 September 2011 saya buka tampilan homepage google saya. Tidak seperti biasa dengan background putihnya. Setali tiga uang dengan Bing Search Engine dengan background gambarnya. 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.
Ada gambar asli Indonesia yang turut dimasukkan dalam background tersebut salah satunya gambar yogyakarta. Dan beberapa gambar asli tempat-tempat di Indonesia dengan beberapa ke khasannya. Namun pada laman Google sendiri tampilan tersebut tidak lama. Belum ada pernyataan resmi waktu itu. Mulai saat itu hingga kini tampilan background google tetap sama tanpa perubaha yaitu warna putihnya.
Sekian informasi tentang google semoga menginspirasi siapa saja yang membaca tulisan ini. Happy blogging add keep smart for sharing information.
Last Update : 23 September 2018

Sabtu, 03 September 2011

Google Menutup Beberapa Layanan

fitur google





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

Membuat Label Menjadi 2 Kolom

Label 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 ID target li, serta perintah float, karena css template rata-rata disetting otomatis untuk banyak daftar list atau HTML li. Seperti kasus saya, dengan trik ini hanya merubah posisi daftar list label itu bukan lebar widget. Yang jelas saya sudah mencoba di blog saya yang lain dan berhasil. Untuk versi terbaru design responsive akan saya posting di kemudian hari.
Seperti itulah cara Membuat label menjadi 2 kolom. Semoga berhasil
Last Update : 24 September 2018

Jumat, 02 September 2011

Cara Mudah Membuat Recent Post Dengan Gambar

Recent Post with tumnail

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)

Recent Post with tumbnail

Add Recent Posts Widget


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:
Thumbnail 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



Pengertian Globalisasi

Pengertian Globalisasi Globalisasi adalah proses integrasi internasional yang terjadi karena pertukaran pandangan dunia, produk, pikiran, da...