MEMBUAT TULISAN BERGERAK PADA BLOG

OTOMOCCOBLOG kali ini mencoba sharing kepada sobat blogger yang pengin blognya tambah cantik dihiasi teks atau kat-kata yang berjalan. Mungkin sudah banyak yang membahas tentang tulisan ini, tapi dengan segala hormat otomoccoblog mengucapkan terimakasih kepada sobat blogger telah berkenan mampir. Takut kepanjangan basa-basinya yuk kita langsung saja utak-atik blog sobat semua.

  

Berikut cara pembuatannya : Tentunya login terlebih dahulu ke Blogger klik Tata Letak dan Elemen Halaman ketika sudah berada di Elemen Halaman klik Tambah Gadget lalu pilih HTML/JavaScript. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center" > Contoh Teks Berjalan </marquee>

2. Teks berjalan dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center" > Contoh Teks Berjalan </marquee>

3. Teks berjalan bolak balik

<marquee direction="left" scrollamount="2" align="center" behavior="alternate" > Contoh Teks Berjalan </marquee>

4. Teks berjalan dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center" > Contoh Teks Berjalan </marquee><marquee direction="down" scrollamount="2" align="center" > Contoh Teks Berjalan </marquee>

5. Teks berjalan dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center" > Contoh Teks Berjalan </marquee>

6. Teks berjalan mondar-mandir

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Teks Berjalan </marquee>

7. Teks berjalan zig-zag nembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">< marquee direction="right"> Contoh Teks Berjalan </marquee></marquee></center>

8. Teks berjalan zig-zag mantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Teks Berjalan </marquee></marquee></center>

Contoh Teks Berjalan Langkah Selanjutnya adalah mengganti tulisan "Contoh Tulisan Berjalan" dengan tulisan atau kata-kata yang anda inginkan.

Ket :

# direction="left/right/up/down" -->

Mengatur arah gerakan teks.

# scrollamount="angka" -->

mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" -->

Untuk mengatur perilaku gerakan : ~> Scroll --> teks bergerak berputar ~> Slide--> teks bergerak sekali lalu berhenti ~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari : < center > ............. < /center > adalah agar tulisan tersebut selalu berada di tengah. 

Demikian ulasan cara membuat Tulisan Bergerak Pada Blog, buat sobat blogger selamat ngulik blognya yaa.

 Selanjutnya

CARA MENAIKAN PAGE RANK DENGAN SITE LINK IN

Sobat Blogger kali ini otomoccoblog akan membagi informasi Cara Cepat Untuk Menaikan PageRank dengan Site Links In. Langsung saja pada intinya untuk mengaplikasikan cara ini dengan mudah, Sobat cukup mengCopas beberapa link di bawah ini tapi dengan syarat harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dan seterusnya dan yang terakhir nomor 10 adalah link blog anda,.dan ingat, urutannya jangan sampai terbalik,  selanjutnya tinggal mengajak teman-teman Sobat untuk mengikuti cara ini (luar biasa) serta sebarkan cara ini ke banyak Situs Jejaring Sosial Sobat Blogger.

1. Harapan Foto Log
2. Free Watch Video
3. Free Internet Informations
4. Raffi Exterminator
5. Tune Up PageRank
6. Setan dari Surga
7. TrafikID
8. Om-Dayz » Never Stop To Learn
9. Seo Killer
10.  Otomoccoblog

Keterangan:  

Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

• Posisi 10, jumlah backlink = 1
• Posisi 9, jumlah backlink = 5
• Posisi 8, jumlah backlink = 25
• Posisi 7, jumlah backlink = 125
• Posisi 6, jumlah backlink = 625
• Posisi 5, jumlah backlink = 3,125
• Posisi 4, jumlah backlink =15,625
• Posisi 3, jumlah backlink = 78,125
• Posisi 2, jumlah backlink = 390,625
• Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

Nah sekarang Sobat Blogger tinggal mengaplikasikan dan pastinya Site Links In untuk Menaikkan PageRank dengan Cepat ini bisa bermanfaat bagi Sobat semua, selamat mencoba!

Selanjutnya

APA ITU SEO (Search Engine Optimization)

Apa yang dimaksud dengan SEO (Search Engine Optimization)? kali ini OTOMOCCOBLOG akan menginformasikan sedikit pengertian SEO (Search Engine Optimization). Mungkin Sobat Blogger sebelumnya sudah sering sekali membaca artikel di blog atau web yang membahas tentang SEO (Search Engine Optimization) ini. Tapi tidak ada salahnya Sobat Blogger untuk menyimak sedikit informasi terkait Apa itu SEO (Search Engine Optimization), karena memang yang telah diketahui bahwa Teknik SEO ini sangat berperan penting untuk kesuksesan kita dalam bisnis di dunia internet ataupun blogging, karena secara teknis web atau blog yang menempati urutan pertama di Google akan memiliki peluang yang lebih besar dalam menarik trafik pengunjung.

Bagaimana cara untuk mengoptimalisasikan SEO (Search Engine Optimization) Blog Atau website? Sobat Blogger bisa mengaplikasikan beberapa elemen di bawah ini untuk mengoptimalisasikan SEO:

  

Nama Domain

Materi-materi yang diberikan di dalam blog atau web sobat blogger, usahakan berhubungan dengan Nama Domain yang telah dibuat.

Title atau Judul Blog Anda 
Keyword atau Deskripsi dan Isi Blog usahakan saling berhubungan dengan Judul Blog Atau Judul Artikel Blog Sobat Blogger.

Deskripsi Serta Keyword ( Meta ) 
Blog atau web Sobat Blogger akan mudah terindex oleh Mesin Pencari seperti Google dan bisa mendapatkan urutan pertama dengan adanya Deskripsi dan Keyword Blog yang optimal.

Kontent atau Isi Blog  
Dengan Kontent Blog yang banyak atau kaya akan kontent membuat blog Sobat Blogger disukai mesin pencari seperti Google, Bing, Yahoo dan lain sebagainya, bukan itu saja dengan kontent yang menarik dan unik tidak hanya sekedar Copy Paste, melainkan buatan atau karya anda sendiri dan blog anda akan mendapatkan trafik yang tinggi dari pengunjung serta akan lebih di pandang dari pada Blog yang hanya mempublikasikan Karya orang lain. 

Sitemaps dan Backlink.

Untuk tambahan cara SEO (Search Engine Optimization) dengan menambahkan Sitemap atau seumpama Peta Blog Sobat, dengan Menyumbit Sitemap ke mesin pencari akan mempermudah bagi mesin pencari untuk menelusuri seluruh isi kontent di blog anda, sedangkan Backlink adalah kegiatan yang sering dilakukan oleh para Blogger dalam melakukan Blogwalking serta mempromosikan Blog ke Jejaring sosial agar lebih mudah mendapatkan Backlink.

Nah, sekarang Sobat Blogger sudah memahami Apa yang dimaksud dengan SEO (Search Engine Optimization) dan bisa mengaplikasaikannya. 

Selanjutnya 

RELETED POST MUNCUL DI BAWAH POSTING, BUKAN DI HOME PAGE!

Seperti postingan sebelumnya Membuat Releted Post Thumbnail dengan LinkWithin pada postingan memang diperlukan untuk menambah tampilan Blog lebih bagus dan supaya pengunjung juga lebih betah nongkrongin Blog Sobat Blogger.

Tetapi Tampilan Releted Post ini terkadang tidak sesuai dengan yang Sobat Blogger harapkan yaitu muncul di halaman Home Page sehingga membuat tampilan Blog kurang elegan bahkan membuat loading Blognya lebih berat.

Nah untuk mengatasi masalah tersebut Sahabat Blogger bisa mengikuti langkah-langkah di bawah ini :

1. Login ke akun Blogger Sobat

2. Klik Template > Edit HTML

3. Cari kode di bawah ini (Untuk memudahkannya tekan Ctrl + F)

    <b:widget id='HTML6' locked='false' title='linkwithin' type='HTML'>

4. Sobat Blogger bisa melihat di kode lain dibawah kode di atas:

 

    <b:includable id='main'>.....<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>.....
</b:includable>
          </b:widget>
        </b:section>
      </div>

5. Tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'> serta </b:if> sebelum <b:include name='quickedit'/> 

 Atau paste di tempat kode yang sudah saya beri tandai titi-titik di atas (kode nomor 4).

Tapi memang setiap template Blog berbeda-beda, Sobat Blogger tinggal menyesuaikan masing-masing templatenya  dan kalau belum berhasil juga, jangan sampai menyerah, terus semangat!

Semoga bermanfaat!

MEMBUAT RELETED POST THUMBNAIL DENGAN LINKWITHIN

Membuat Releted Post Thumbnail Dengan LinkWithin, Banyak cara untuk membuat releted post telah dibahas di banyak posting, otomoccoblog kali ini membahas bagaimana cara membuat releted post bisa tampil di bog Sobat Blogger.

Setelah menanyakan sang mbau rekso alias Mbah Google, berbagai tutorial yang membahas hal ini akhirnya otomoccoblog menemukan cara yang paling efektif Membuat Releted Post Thumbnail di blog yaitu dengan menggunakan widget dari linkwithin.

Selain membuat lebih menarik tampilan Blog Sobat, Releted Post juga bisa membuat orang agar betah mengunjungi dan stay di Blog Sobat. Itu artinya secara otomatis dapat menaikan pageview karena adanya kemudahan navigasi dan tampilan gambar yang menarik dari widget ini.

Widget ini memuat halaman-halaman baik yang postingan  baru dan terutama memuat postingan lama. Pada postingan/artikel yang tanpa image/gambar, Linkwithin  dapat menampilkan page tanpa gambar dengan menampilkan gambar dasar yang berwarna abu-abu dan bertekstur walaupun sedikit. Gambar yang di tampilkan dengan cara acak/random namun tetap menampilkan persamaan melalui judul, tag, atau label.

Baiklah langsung saja bagi Sobat Blogger yang belum memasang widget ini bisa mengikuti langkah-langkah di bawah ini : 

1. Kunjungi LinkWithin; 

2. Pada halaman utama Sobat Bloger mellihat ke bagian kanan bawah disitu terdapat kolom isian;

3. Kemudian sobat isi kolom dengan lengkap : e_mail, url (alamat) blog, platform (Blogger), width (sesuai keninginan Sobat Bloger);

4. Pada pilihan My blog has light text on a dark background  sesuaikan dengan warna tampilan blog sobat. Misalkan warna blog sobat gelap/dark maka centang pilihan tersebut.

5. Lalu klik Get Widget

6. Selanjutnya sobat ikuti prosesnya dan melakukan langkah-langkah sesuai dengan platform blog.

 Klik Instal Widget, lalu Sobat Blogger akan dibawa ke page:

Ganti Title sesuai Keinginan Sobat, kemudian klik Edit Conten dan akan muncul scipt yang Sobat bisa copy dan disimpan di widget Blog Sobat,

Seterusnya Klik Add Widget

7. Sobat akan di bawa ke halaman page element di dashboard, posisi widget atur sesuai selera sobat. Misal sobat ingin di simpan di bawah postingan caranya tarik widget ke bawah postingan lalu kemudian simpan  setelan.

Semoga bermanfaat.

TRANSLATOR ANIMASI BENDERA BERKIBAR PADA BLOG

Mengingat pemasangan translator pada blog ini sangat perlu karena mungkin saja ada pengunjung dari negara asing yang mengunjungi blog Sobat, maka kali ini Otomoccoblog akan menginformasikan cara Memasang Translator Animasi Bendera Berkibar, tetapi ada yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog Sobat semua harus menggunakan bahasa yang baku/ resmi (sesuai EYD), bukan bahasa pasaran atau gaul.

Bagi Sobat blogger yang ingin memasang translate dengan animasi bendera berkibar pada blognya, bisa meng-copy kode di bawah ini pada sidebar Sobat semua  tanpa perlu merubah kodenya kecuali alamat blognya http://otomoccoblog.blogspot.co.id/ diganti dengan alamat blog Sobat blogger. Kemudian paste-kan kode yang dicopy pada widget HTML/ Java Script. 

Bolak-balik dengan searching di mbah google tutorial ini, akhirnya saya mendapatkannya dan silahkan lihat di sidebar saya (kanan atas). Untuk itu saya ingin berbagi untuk Sobat bloger semua yang belum mengetahui.

Langsung saja klik kode-kode di bawah ini di sidebar blog Sobat:

– Bahasa Inggris

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderainggris.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Jerman

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderajerman.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Belanda

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderabelanda.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Portugal

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/3dflags_prt0001-0002a3231382942-iaz.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Italia

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaitalia.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Rusia

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderarussia.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Yunani

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Greek" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cel&hl=en'); return false;"><img alt="Greek" border="0" align="absbottom" title="Greek" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/1275135135607711509667243-1.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Brazil

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Brazilian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazilian" border="0" align="absbottom" title="Brazilian" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderabrazil.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Prancis

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaprancis.gif" style="cursor: pointer;margin-right:3px" /></a>

– Bahasa Spanyol

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spanish" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spanish" border="0" align="absbottom" title="Spanish" src="http://i985.photobucket.com/albums/ae333/dinoo1/Flag/benderaspanyol.gif" style="cursor: pointer;margin-right:3px" /></a>

Baiklah Sobat blogger selamat mencoba ya, and good luck. Jika ada pertanyaan please your write in Post a comment.