Cara membuat teks berjalan dengan Marquee

CARA MEMBUAT TULISAN BERJALAN

DENGAN MARQUEE

Setelah memposting mengenai bagaimanamembuat navigasi Back To Top dalam sebuah blog, kali ini akan membahas bagai mana cara membuat tulisan bergerak diatas Header blog anda, mungkin teman-teman pernah melihat sebuah blog yang anda kunjungi, dan itu menarik bukan? oke dari beberapa contoh yang saya temui dalam berbagai blog yang saya kunjungi memberikan inspirasi kepada saya untuk meng otak atik tulisan berjalan ini maka jadilah hasilnya seperti ini.

contoh scrip gambar diatas,:
<center>
<p><div style='border: 2px solid #993300; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:3px; background-color: #FFFFFF; width:600px; padding:6px 10px 7px 10px;'>
<marquee direction='left' scrollamount='3'> Selamat Datang di Website <a href='http://ferianggriawan1.blogspot.com/search/label/fery%20cell/' style='color: #2844FF;'> Fery Cell</a>   | Grosir Pulsa Eletrik Semua Operator dan PLN,  Silahkan <a href='http://ferianggriawan1.blogspot.com/2012/10/brosur-pulsa-fery-cell.html' style='color: #2844FF;'> download Brosur Pulsa</a> Proses Transaksi Cepat Dan Tepat. Cp: 089698431671 | Jangan Lupa Like dan Tinggalkan Pesan Anda Pada Kotak Pesan Disamping Kanan | </marquee> </div></p></center>


Dari contoh gambar diatas, ada beberapa hal yang harus kita lakukan ketika akan membuat teks berjalan di blog yaitu:

1. baca bismillah saat anda melakukannya.
2. Masuk ke Blogger anda, pilih Rancangan kemudian pilih Edit HTML
3. Centang Expand Expand Template Widget
4. Tempatkan posisi tulisan tersebut sesuai dengan model template anda, bisa saja di simpan di bawah ,

atau di posisi mana yang tepat menurut anda.
5. Radius untuk memperbesar/memperkecil ukuran pada sisi border
6. px (pixel) untuk menentukan besar kecilnya ukuran/bentuk, bisa borderm huruf, tinggi atau lebarnya (dalam tulisan ini keberulan tentang text area)
7. scrollmunt berfungsi untuk menghitung kecepatan teks tersebut berjalan, lebih besar angkanya maka lebih cepat.
8. Ingat, sebelum ada klik SIMPAN TEMPLATE, sebaiknya lakukan dulu PRATINJAU, supaya kalau masih ada perubahan, adan tinggal kembalu ke EDIT HTML.
9. Jika dianggap sudah pas, silahkan klik SIMPAN TEMPLATE.

nah selamat mencoba dan terus berkreasi sehingga dapat menambahkan ilmu dan pemahaman bagi pembaca, yupz. salam berbagi ilmu.

Lihat Selengkapnya

Cara Membuat Navigasi Back To Top

CARA MEMBUAT NAVIGASI BACK TO TOP

Setelah membuat ulasan mengenai  cara mengoptimalisasikan menu Label kali ini saya akan mencoba membahas mengenai bagaimana cara membuat navigasi Back To Top. Sebenarnya ada banyak tutorial yang memberikan contoh maupun tips dan trik bagaimana membuat navigasi back to top. sebelum membahalas lebih lanjuta mengenai pembuatan navigasinya, terlebih dahulu saya akan memberikan definisi sederhana. navigasi Back To Top ,, intinya sih.....penunjuk panah yang biasanya ada di bawah kanan layar web maupun blog yang dapat memudahkan pembaca saat mau balik  lagi ketas, gak harus geser-geser scroll bar.

hasil browsing pembuatan navigasi back to top ini saya dapatkan dari blognya Pak Agus Hamdani, dan langkahnya sangat simple banget!. oke langsungv saja masuk pada topik pembahsan.
langkah pertama:
1.Buka Blog Anda
2. Pilih Rancangan
3. Tambah Widget
4. Pilih Edit HTML/Javascript
5. Copy kode di bawah ini dan Paste di Kotak Edit HTML

<br /> <style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://i1128.photobucket.com/albums/m486/syamsudin1/backtop.gif"/></a></div>.

nah hasilnya tingggal dilihat dalam blog anda.!

selamat mencoba. dan semoga dapat memberi pengetahuan baru bagi para pembaca.

Lihat Selengkapnya

Optimalisasikan Fungsi Label

OPTIMALISASI FUNGSI LABEL

Setelah mengetahui bagai mana cara membuat sub menu navigasi . kali ini saya akan mencoba bagaimana mengoptimalisasikan LABEL pada setiap artikel yang teman-teman buat. mungkin bagi sebagian orang label tidaklah terlalu penting dalam penataan dan proses indeks dari sebuah artikel yang sudah dibuat maklum saja bagi pemula LABEL ini biasanya terlupakan oleh mereka. Hal lain yang muncul mungkin karena jumlah posting bagi pemula belum begitu banyak sehingga label belum dianggap sesuatu yang sangat sangat membantu dalam menampilkan posting tertata lebih rapih.

Sebelum lebih jauh menjelaskan apa dan bagaimana Optimalisasi "LABEL" pada Posting Blog, perlu difahami apa itu LABEL. Definisi LABEL pada posting, sebenarnya merupakan kategori dari sebuah tulisan, yang intinya gambaran umum dari tulisan tersebut. Sebuah posting, tentu memiliki kategori dari masing-masing tema yang dibahas. Ketika kita menulis sebuah tema besar misal dengan judul "Optimalisasi LABEL pada Posting Blog", maka label/kategori pada tulisan ini adalah "Tutorial" dan "Blog" (boleh juga ditambahkan).

Hal yang perlu diperhatikan dalam membuat label/kategori harus memiliki hubungan dengan tema/materi postingan yang anda buat.Cara Penulisannya, Jika jumlah label pada satu posting lebih dari satu maka masing-masing dipisah dengan tanda koma dan spasi, hingga nama label tersebut akan muncul dan terrekam secara otomatis.

Fungsi Label, Adapun fungsi label adalah untuk mengelompokan tulisan berdasarkan kriteria tertentu atau yang memiliki kesamaan topik (kategori). Dengan memberikan label pada postingan akan mempermudah pembaca untuk mengadakan penelusuran dan postingan terkait. Selain itu, fungsi dari label/kategori untuk memuncul fungsi Related Post atau Artikel Terkait. Related Post atau Artikel Terkait tersebut tidak akan terlihat jika posting yang dibuat tidak memiliki label/atau kategori.

 Optimalisasi Label Manfaatkan label sebagai menu navigasi berdasarkan kelompok atau kategori posting. Caranya bisa dengan menambahkan widget label dengan berbagai bentuk, bisa berbentuk list, dropdown, could tag, ataupun juga flash animasi. Kita juga bisa memfaatkan label untuk menu horizontal di header. Pemnafaatan tersebut dapat membantu pengunjung atau pembaca blog mencari postingan yang diinginkan sesuai kelompok atau kategori tertentu.

Label di Blogger bukan url yang sebenarnya atau bukan permalink, untuk SEO. Maka sebaiknya label jangan diikutsertakan sebagai link yang harus diindeks search engine. Caranya adalah dengan membuat link label bersifat nofollow. Jika kita menambahkan link label secara manual di bagian isi postingan atau sebagai menu navigasi tambahan, bubuhkan fungsi rel=nofollow.

Contoh:

http://ferianggriawan1.blogspot.com/search/label/tugas%20kuliah

 PENTING!!!

"Jangan terlalu banyak membubuhkan label pada suatu postingan, agar tidak membingungkan pengunjung atau pembaca blog. Usahakan tidak lebih dari 4 label yang digunakan untuk mengkategorikan suatu postingan. Selain itu agar label yang kita ingin optimalkan bisa muncul di breadcrumb" 

Yupz, semoga dengan mengetahui cara  mengoptimalisasikan label dapet menambah pengetahuan baru bagi para pembaca semua.

Lihat Selengkapnya

Cara menambah Sub Menu Navgasi

CARA MENAMBAHKAN

SUB MENU NAVIGASI

Bagi para pemula yang baru menggunakan blogger, biasanya akan merasakan kesulitan ataupun merasa bingung mengenai penambahan sub navigasi. dalam dunia dunia blogger penambahan sub menu navigasi sangatlah penting selain akan mempercantik tampilan blog, juga memanfaatkan serta mengefisiensikan tampilan blog, sehingga pengunjung menjadi semakin betah berlama-lama di blog kita.
Yang perlu diperhatikan saat menambahkan script sub menu navigasi adalah tag HTML pembuka dan tag HTML penutup harus matching (sama). Jika tidak, maka akan muncul jawaban seperti ini : Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar. Pesan error XML: The element type "li" must be terminated by the matching end-tag "". Error 500

Adapun langkah-langkahnya adalah sebagai berikut :
1. Login ke Blog anda
2. Pilih Rancangan > Edit HTML (jangan lupa centang Expand Template Widget)
3. Cari salah satu Menu Navigasi Blog Anda yang akan anda tempatkan script sub-menu navigasi
4. Copy script HTML di bawah ini :

<ul class='children'/>
<li><a href='http://alamatbloganda.blogspot.com'>Sub Menu Navigasi</a>
<ul class='children'>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
</ul>
</li>

5. Paste dan tempatkan dibawah salah satu menu navigasi Blog Anda
6. Klik PRATINJAU Terlebih dahulu untuk memastikan apakah berhasil atau tidak
7. Jika berhasil, klik SIMPAN TEMPLATE

 Catatan :
Ganti Tulisan alamatbloganda Rubah tanda # dengan tautan link sub menu sesuai label posting Rubah Tulisan warna Biru Sesuai Label Posting Blog anda, jika tautannya hanya internal blog


Nah selamat mencoba kawan.
tutorial ini berdasarkan referensi dari pak agus hamdani.

Lihat Selengkapnya