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

Cara menerapkan teknik SEO on page pada setiap artikel

Setelah memahami apa yang dimaksud dengan SEO (search engine optimization) pada potingan sebelumnya, kali ini saya akan mencoba memberikan cara dan info bagai mana menerapkan teknik SEO tersebut pada setiap postingan artikel anda, akhirnya aku berselancar kepada mbah google untuk mengumpulkan berbagai macam informasi mengenai cara dan trik untuk menerapkan teknik tersebut (maklum masih newbe ini), meskipun setelah mendapatkan berbagai informasi ternyata pada artikel sebelumnya mengenai Search Engine Optimization sudah menerapkan cara SEO. hehehe

oke guys! langsung saja kita cara menerapkan teknik Search Engine Optimization ternyata merupakan teknik yang menitik beratkan kepada kemahiran dari pemilik bloger tersebut, dimana pemiliki bloger tersebut harus mengusai  apa yang dimaksud dengan JS dan CSS dalam blog itu sendiri, yang menitik beratkan pada struktur artikel yang bagus dan enak dibaca alias original hasil pribadi (bukan copy paste seperti yang sering dilakukan para newbe hehe piss), judul postingan yang easy listening, kecepatan loading blog dan mempunyai link - link yang saling berkaian pada setiap artikel yang dibuat.

Nah apa manfaat dari menerapkan Teknik SEO pada setiap postingan? sudah pasti untuk mendapatkan pagerank teratas pada mesin penacari seperti google, yahoo dan mesin pencari lainnya. selain itu manfaatnya adalah sebagai berikut:

1. Teknik SEO On Page ini mempunyai daya tahan SEO yang lebih lama, itu dikarenakan teknik ini berhubungan langsung dengan kepentingan robot mesin pencari, yang dimana robot tersebut mencari artikel-artikel yang sesuai dengan kriterianya.
2. Teknik SEO On Page juga memberikan dampak khusus bagi user, kenapa? Karena user secara alami akan lebih senang membaca artikel yang lebih mudah dibaca, disinilah keutamaan dari SEO On Page itu (memudahkan user dan robot google membaca).
3. Teknik SEO On Page pun akan berdampak pada sang Admin, Kenapa? Karena secara tidak langsung Admin akan melatih diri membuat dan menampilkan tulisan/karya-karya yang baik, dan hebatnya karya mereka tersebut dinilai oleh manusia dan robot yang tak berhati tersebut.

Nah mantap tidak manfaat dari teknik SEO On Page yang kita terapkan? So pastikan kan,, hehe ^_^. Namun permasalahannya tidak semua Pemilik bloger mengetahui cara tersebut, mungkin beberapa cara yang akan saya jabarkan ini sudah dianggap jadul oleh para bloger profesional, tapi tidak papalah, kalo tidak seperti itu kapan kita yang newbe ini bisa menjadi Bloger sejati seperti mereka, baiklah tidak perlu berpanjang lebar lagi ini lah cara-cara menerapkan teknik Seo On Page sebagai berikut:

1. Usahakan artikel Murni ditulis sendiri

2. Pastikan kita menggunakan 3 Heading tag dalam keyword kita yaitu H1, H2, H3

3. Sertakan gambar pada artikel kita dan jangan lupa untuk mengisi ALT tag pada gambar sesuai dengan keyword yang kita bidik, gambar dengan ALT tag akan membantu kita bersaing dalam pencarian gambar

4. Buat satu anchor text link keyword dan menuju ke artikel itu sendiri

5. Sertakan anchor text link yang melink ke artikel kita yang lainnya namun usahakan bertema yang sama dengan membuat anchor text saling terkait maka membuat bounce out kita semakin rendah.

 dan masih banyak lagi Teknik SEO yang ada pada dunia Bloger seperti penerapan Meta tag pada blog, dan lain-lain lagi, namun kelima cara diatas akan lebih bagus lagi jika anda mengoptimalisasikan postingan lama. dan Semoga Cara Menerapkan Teknik Seo On Page ini dapat bermanfaat bagi anda semua. dan jika anda mempunyai teknik yang lain silahkan dibagi karena jiwa bloger adalah jiwa yang saling berbagi. ^_^

Lihat Selengkapnya

Search Engine Optimization

beberapa waktu lalu saya telah membahas apa yang dimaksud dengan fungsi domain  dan tips dan trik mengenai otak atik kalkulator  kali ini saya akan mencoba membahas mengoptimalisasi dari apa yang disebut dengan SEO.

Okeh Buat para sahabat bloger, pasti istilah SEO atau Search engine Optimization atau istilah dalam bahasa kita adalah "Mesin Pencari" yah kurang lebih seperti itulah,, ^_^ nah istilah ini pasti sudah tidak asing lagi di telinga para sahabat bukan, tapi newbe seperti saya ini akan mencoba berbagi mengenai apa yang dimaksud dengan istilah tersebut.

Definisi dari SEO atau search engine optimization dari beberapa nara sumber, dapat disimpulkan bahwa SEO adalah beberapa trick atau metode yang digunakan para bloger atau pemilik blog untuk menduduki posisi pertama dalam mesin pencarian berdasarkan hasil keyword. dan ada juga yang menyimpul kan bahwa bahwa SEO serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume/jumlah/kepadatan dan kualitas trafik/traffic kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja ataua lgoritma mesin pencari tersebut.

Jadi opini saya mengenai trick dalam optimasi web/blog menggunakan SEO adalah cara yang digunakan oleh pemilik blog untuk mendapatkan hasil trafict terbaik dalam mesin pencari seperti google, yahoo, dan msn dan lain sebagainya.

Dari definisi SEO diatas maka dapat diketahui apa fungsi & tujuannya :

1. Menaikkan pagerank sebuah blog agar selalu terindex pada search engine sehingga dapat ditampilkan dihalaman utama.
2. Mendapatkan backlink.
3. Menaikkan alexa rank jika anda mendaftarkan blog anda di alexa.
4. Mendatangkan trafik atau pengunjung ke website melalui Search Engine.
5. Membantu meningkatkan pencapaian target penjualan melalui Rekomendasi web.
6. Meminimalkan biaya pemasaran online.
7. Membuat blog kita menjadi lebih terkenal.
8. Membangun brand kita di dunia maya.
9. Menambah skill dalam dunia internet.

Dengan SEO maka kita bisa mendongkrak posisi artikel kita di hasil serp. Beberapa kesalahan dalam SEO mungkin sering dilakukan oleh para blogger. Mereka yang sangat bersemangat untuk mengoptimasi blognya sehingga lupa akan efek samping yang didapat. Banyak yang mengoptimasinya dengan OVER ( Berlebihan ) seperti Ping terlalu banyak. Mencari jalan dengan cara Black Hat SEO. Tentunya dengan cara yang berlebihan akan membuat blog atau website tidak terindeks mesin pencari. Definisi Pengertian SEO ( Search Engine Optimization ) harus dipahami dengan baik agar saat mengoptimasi tidak akan salah penggunaan.
Dan semoga penjabaran mengenai Search Engine Optimizalion dapatbermanfaat bagi kalian semua. jangan lupa Originalitas dalam sebuah artikel merupakan jati diri seorang bloger sejati,, ^_^

Lihat Selengkapnya