Showing posts with label tips blog. Show all posts
Showing posts with label tips blog. Show all posts

Saturday, April 28, 2012

Cara Membuat Marquee (Tulisan Berjalan) di Blogger

Cara membuat marquee (tulisan berjalan) di blogger – Anda sedang mencari tutorial cara membuat teks berjalan? Ya, di sini kita akan bahas bagaiman cara membuat tulisan berjalan (marquee).

Marquee (tulisan berjalan) yang dipasang di blogger kadang bisa membuat tampilan blog menjadi indah. Blog akan terkesan lebih dinamis. Selain itu marquee juga bisa dijadikan sebagai solusi untuk menampilkan sebuah data yang terlalu banyak, sehingga bisa dipasang dalam sebuah widget yang kecil. Nah, nanti datanya sendiri yang akan berjalan memperlihatkan dirinya sendiri satu persatu.

Untuk membuat tulisan berjalan (marquee) itu sangat mudah karena hanya dengan kode HTML sederhana sudah akan tercipta sebuah tulisan berjalan. Kode HTML untuk membuat tulisan berjalan di kenal dengan perintah Marquee.

Kode dasar perintah marquee adalah sebagai berikut :
<marquee>Tulisan disini akan berjalan</marquee>
Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah :
bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks

direction="left/right/up/down" » Mengatur arah gerakan teks

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)

title="pesan" » Pesan akan muncul saat mouse berada di atas teks

scrollmount="angka" » mengatur kecepatan geraka, semakin besar angka semakin cepat gerakannya.

scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" » Mengatur jumlah loop

width="lebar" » Mengatur lebar blok teks dalam pixel atau persen


Agar lebih jelas berikut saya sertakan contohnya :

Contoh marquee dari gerakan :

Contoh hasilnya :

marquee dari kanan ke kiri

ganti kata "left" dengan keinginan anda yaitu bisa : right,  up, down .

Contoh marquee dengan variasi hurup dan warna latar belakang :

Contoh hasilnya :

marquee dengan variasi hurup


Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover="this.stop()" onmouseout="this.start()" . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain.

Contoh, silahkan arahkan pointer mouse anda ke area marquee di bawah ini :

Contoh kodenya :


Contoh hasilnya :

silahkan tunjuk ke sini

Contoh kode marquee yang di dalam nya terdapat link :
Contoh hasilnya :

cara membuat blog
Membuat blog
Pasang Iklan Pasang Iklan
Membuat blog
cara membuat blog

Itu adalah beberapa contoh variasi kode marquee yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Cara memasang tulisan berjalan / marquee di blog

Bila anda bertanya, sesudah membuat kode marquee lalu untuk di pasang di blognya bagaimana? Tentu jawabannya ya terserah anda mau di pasang di mana. Namun, sebagai contoh berikut adalah cara memasang kode marquee di sidebar blogger.
  1. Silahkan login ke blogger dengan akun anda.
  2. Klik pada nama blog anda.
  3. Klik menu Tata Letak
    tata letak
  4. Klik Tambah Gadget
  5. Klik pada widget HTML/Javascripthtml widget
  6. Pasanglah kode marquee yang telah anda buat sesuai degan yang Kang Rohman terangkan diatas. kode marquee
  7. Klik tombol Simpan
  8. Selesai.
Demikian tutorial cara membuat marquee / tulisan berjalan. Mudah bukan? Semoga artikel cara membuat tulisan berjalan (marquee) ini dapat bermanfaat bagi anda.

Dikutip dari : www.krtutorplus.com

Friday, December 16, 2011

Download Templet Blogspot yang SEO Friendly

Download Templet Blogspot yang SEO Friendly – Iseng-iseng saya mencari kembali templet blog yang bagus, sederhana dan pastinya SEO Friendly. Emang dalam waktu dekat ini saya merencanakan akan membuat satu blog kembali. Tujuan dari pembuatan blog kali ini adalah untuk trial and error teknik SEO yang selama ini saya bayangkan. Kira-kira kalau dipraktikkan bagaimana hasilnya.

Untuk mendukung niatan saya tersebut, saya membutuhkan templet blogspot yang SEO friendly atau dengan kata lain udah SEO banget deh. Sehingga nantinya diharapkan tidak perlu lagi terlalu banyak mengedit templet.

Alhamdulillah saya menemukan templet blogger SEO friendly sesuai yang saya harapkan. Inilah fitur-fiturnya
- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan dinamic meta tag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog anda.
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Bisa berfungis 2 coloum atau 3 coloum
- Sangat cocok untuk menambah penghasilan dollar dari adsense
- Tampilan berbeda untuk komentar admin
- Quicklink ke kotak komentar
- Sudah tersedia Autoreadmore
- Sudah tersedia Related Post with Thumnail (Artikel Terkait dengan gambar)
- Sudah tersedia widget "Share" dari Addthis
- Loading blog yang sangat cepat
- Menggunakan konsep minimalis & simple
- dll.
Singkat kata, templet ini tinggal make aja gak perlu operk sana oprek sini. Kecuali kalau kita ingin menambahkan hal-hal yang belum ada di sini.

Jika ingin segera mencoba silakan download disini Template Blogger Super SEO Friendly. Credit: Blog Juragan, dan Selamat Mencoba OK!

Untuk melihat yang sudah saya pake, silakan lihat di Fatih Belajar Bisnis via Internet (blog baru saya yang belum saya apa-apain). Keindek google juga belum karena memang belum disubmit ke mesin pencari manapun.

Sunday, July 10, 2011

Mencoba Cara Keluar Dari Google Sandbox

Mencoba Cara Keluar Dari Google Sandbox, inilah judul artikel Ilmu Komputer dan Internet Pemula kali ini. Artikel ini terinspirasi oleh artikel saya yang tidak muncul sama sekali di hasil pencarian meskipun sudah saya cek menggunakan Tool untuk mengecek posisi artikel di hasil pencarian google.

Peluang Bisnis Online Tanpa Ribet adalah artikel saya yang amblas entah kemana. Perkiraan pertama saya adalah mungkin artikel tersebut disedot google sandbox. Tapi setelah membaca beberapa artikel tentang google sandbox saya berpendapat artikel saya tidak masuk google sandox. Sebab menurut beberapa artikel yang saya baca, postingan yang terkena google sandbox tidak terindek oleh google. Tapi postingan saya, ketika cek dengan alamat URL-nya masih terindek oleh google. Entah benar atau tidak pendapat saya??? Bagaimana menurut anda para ahli???

Meskipun demikian saya tetap mencoba sebuah tips Cara Keluar Dari Google Sandbox. Inilah beberapa tips cara keluar dari google sandbox yang direkomendasikan oleh teman-teman.
  1. Lakukan Edit sederhana terhadap artikel yang dicurigai terkena google sandbox. Bisa menambahkan beberapa kata atau kalimat, bisa juga menambahkan gambar. Setelah itu kemudian publish kembali artikel tersebut.
  2. Buatlah postingan yang memberikan link terhadap artikel yang dicurigai masuk google sandbox. Postingan ini juga salah satu usaha untuk mendongkrak artikel saya Peluang Bisnis Online Tanpa Ribet agar muncul kembali ke permukaan hasil pencarian google.
  3. Cari backlink berkualitas yang mengarah ke artikel yang dicurigai masuk google sandbox. Saran saya lakukan secara natural, jangan mencari backlink secara membabi buta. Maksimal 7 backlink perhari.
  4. Terakhir sabar dan berdoa. Kalau segala usaha sudah dilakukan, apa lagi yang harus dilakukan kecuali berdoa. Hehehe….

Itulah yang saya lakukan, Mencoba Cara Keluar Dari Google Sandbox untuk mendongkrak kembali postingan saya Peluang Bisnis Online Tanpa Ribet yang hilang entah kemana. Mudah-mudahan dengan cara ini, artikel saya akan kembali muncul meskipun tidak bisa masuk top 10 hasil pencarian paling tidak masuk di 10 halaman teratas hasil pencarian. Amiin.

Wednesday, June 15, 2011

Cara Mudah Membuat Permalink di Blogspot

Permalink atau permanen link adalah link permanen yang menuju pada halaman tertentu (wikipedia). Sebenarnya saya tiak akan mempublikasikan cara membuat permalink di blogspot pada blog saya, karena itu bukan hasil keratifitas saya. Alhasil saya juga dapat dari blog orang lain.

Ada banyak blog yang membahas cara mudah membuat permalink di blogspot, sehingga tidak ketahui siapa pendahulunya. Jadi maaf nih saya tidak bisa menyebutkan ini hasil karya siapa. Posting cara membuat permalink ini semata-mata karena permintaan dari pembaca di blog sederhana ini.

Langsung aja, ke cara mudah membuat permalink di blogspot. Langkah petama tentu harus login ke blogger dan masuk ke Edit HTML, kemudian klik atau centang Expand Widget Tempalates.



  • Berikutnya,cari kode ]]></b:skin> (gunakan Ctrl+F untuk membantu pencarian),setelah ketemu kode tersebut,persis diatasnya letakkan kode css berikut :
    .membuatpermalinkblogger
    {border: 1px solid #EFF0F1;
    padding: 5px;
    background: #ffffff;-moz-border-radius:5px;}

    .membuatpermalinkblogger a
    {background:none;}
    img.float-right {margin: 5px 0px 0 10px;}
    img.float-left {margin: 5px 10px 0 0px;}





  • Selanjutnya,cari kode berikut:
    <data:post.body/> atau <p><data:post.body/></p>
    Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p><data:post.body/></p>
    <div class='membuatpermalinkblogger'>
    <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>
    <b:else/>
    <p><data:post.body/></p>
    </b:if>




  • Lalu simpan Templates,selesai :D




  • Bagaimana jika saya menemukan dua(2)kode <data:post.body/>,misal karena saya telah membuat read more/baca selengkapnya?

    Memang,setelah anda merubah template menambahkan fasilitas read more,akan ada 2 kode <data:post.body/>,seperti ini:

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
    </b:if>


    Betul tidak,ada dua kode ? solusinya,tinggal menyelipkan kode permalink diatas diantaranya,jadi kira-kira kodenya akan menjadi seperti ini:

    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <div class='membuatpermalinkblogger'>
    <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
    </b:if>

    Lalu simpan templates dan lihat hasilnya.

    Permalink blogger ini hanya akan terlihat saat anda membuka suatu posting bukan halaman utama blog anda.

    Nah itulah cara mudah membuat permalink di blogspot yang mudah-mudahan bisa membantu anda yang sedang mencari tutorial cara membuat permalink.

    Tuesday, May 3, 2011

    Mendaftarkan Blog di Technorati

    Bagi kebanyakan blogger,service ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.
    Apa sebab?
    Berdasarkan informasi dari beberapa sobat blogger, dan dari isi menu technorati, dapat ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai blog/rss directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.
    Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis rss feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink dan rangking blog..
    Fokus kali ini adalah kepada cara claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:
    1. Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran ini!
    2. Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join”
    3. Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi. Buka email dari technorati dan klik link aktifasinya, semisal seperti ini img-technorati-claim-blog-token-email-aktifasi-welyhariyantodotcomSetelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.
    4. Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil, atau melalui link ini
    5. img-technorati-claim-blog-welyhariyantodotcomMulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://welyhariyanto.com, lalu klik “Claim”
    6. Halaman selanjutnya, isi formulir dengan benar:
      • Blog tittle : isi dengan tema blog Anda, misal blog ini temanya adalah “Tutorial Website – Tips Blogging – Info Binnis Online”
      • URL : alamat blog, misal http://welyhariyanto.com
      • Feed : rss feed blog, boleh alamat default seperti http://welyhariyanto.com/feed/, atau service pihak ketiga semisal feedburner
      • Linking blogs : disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi
      • Site description : keterangan blog, sesuaikan dengan tema blog
      • Site categories : beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori
      • Site tags : isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.
      • Lalu klik “Proceed to next the step”
    7. Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile” atau link ini
    8. Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.
    9. Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu X5A4QEEQK84H (berbeda untuk tiap blog), adalah kode token yang harus kita tulis di halaman blog kita. Posting sebuah artikel yang berisi kode token tersebut, lalu publish. Postingan terserah Anda, bisa halaman kosong hanya berisi kode token, atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini. :)
    10. Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya.


    Thursday, April 14, 2011

    Tips Mengecek Posisi Halaman Web atau Artikel di Google

    HTML clipboard
    Muncul sebagai top ten hasil pencarian google adalah keinginan setiap blogger. Semuanya memperebutkan posisi Top Tens SERP Google, sehingga berbagai macam upaya optimasi terus dilakukan.

    Apalagi para peserta konstes SEO pasti menginginkan artikel mereka berada di halaman pertama google. Kontes SEO yang masih hangat, dimulai 1 April 2011 yaitu kontes SEO Meriahkan Pesta Ulang Tahun Bersama GarudaFood. Kalau sobat belum ikut silakan ikut.

    Lalu bagaimana kalau artikel kita tidak mucul di halaman pertama google??? Nah bingung kan, ada dimana artikel kita. Kalaua masih ada di halaman 1 - 3 hasil pencarian google, mungkin masih bisa mudah dalam mencarinya. Tapi gemana jika seperti saya, posisi artikel saya entah ada dimana. Padahal saya memposting 3 artikel untuk ikut kontes SEO Meriahkan Pesta Ulang Tahun Bersama GarudaFood.

    Sekedar untuk mengobati rasa penasaran, saya gunakan Web Tools Google Top 1000 Serps Checker untuk mencari keberadaan artikel saya ada dimana. Caranya sangat mudah, klik Web Tools Google Top 1000 Serps Checker, tentukan mesin pecarinya Contoh saya akan mencari artikel saya pada Google.Co.Id maka saya pilih Indonesia (www.google.co.id), kemudian masukan keyword dan url web/ blog kita, Centang pada Note: type in your domain or key URL can highlight your SERP ranking Check here if you also want to see Top 10 Alexa Traffic, terakhir klik SERP.

    Tunggu beberapa saat, wusss........ artikel saya dengan keyword Meriahkan Pesta Ulang Tahun Bersama GarudaFood ada di poisi 700 dan 731 (cuma dua artikel yang saya temukan, ada kemungkinan yang satu lagi masuk San Box Google, wkwkwkwk)

    Nah bagi sobat yang belum tahu atau belum mencoba, silakan coba Tips Mengecek Posisi Halaman Web atau Artikel di Google dari saya ini. Mudah-mudahan bermanfaat.

    Catatan : tips ini hanya berlaku untuk pemula bodoh seperti saya, kalau yang dah pada pinter ngapain pake cara ginian, toh artikel sobat dah muncul sebagai top ten hasil pencarian google.

    Thursday, April 7, 2011

    Bisa Submit URL ke Dmoz

    HTML clipboard
    Dmoz adalah direktori web/ blog yang katanya masih keluarga google (bener gak informasi ini???). Menurut informasi yang saya dapat pula, bahwa dmoz adalah direktori web/ blog yang dikelola secara menual oleh ribuan relawan dari berbagai negara. Sehingga ketika kita mensubmit URL web/ blog kita tidak langsung diindek dan belum tentu diterima.

    Menurut mitos yang saya dengar, apabila web/ blog sudah terindek oleh dmoz, maka akan dimanjakan oleh google (lagi-lagi bener gak nih mitos???). Entahlah....!!! Yang jelas saya adalah orang yang bingung ketika ingin mendaftarkan URL ke direktori dmoz. Ketika sudah masuk ke www.dmoz.org selalu berputar-putra tidak pernah menemukan form pendaftaran (ada yang sama pengalaman denga saya???). 

    Namun akhirnya kebingungan dan kelinglunga saya di dmoz terpecahka sudah. Tadi pagi saya berhasil menemukan form yang pendaftaran dengan kategori yang tepat untuk blog saya. Kalau sobat kebetulan juga mengalami kebingungan seperti saya, gak salahnya menggunakan link ini untuk mendaftar di dmoz. Silakan aja langsung klik submit dmoz kategori komputer bahasa indonesia.

    Denga mengklik link di atas maka anda akan langsung diarahkan ke form pendaftaran dengan kategori komputer dan bebahasa Indonesia. Setelah terbuka, langsung aja deh isi form yang tersedia, saya tidak ingin mengajari sobat dalam mengisi form, yang pastinya dah pada pinter. Setelah selesai mengisi form dengan lengkap, jangan lupa masukan kode verifikasi yang disediakan. Kemudian klik submit.

    Selesai sudah mensubmit web/ blog ke dmoz. Perkara diaprove atau gak, saya gak tahu. Punya saya sendiri aja belum tentu diaprove. Makasih dah membaca artikel sederhana ini.

    Sunday, March 20, 2011

    Menggunakan Script Auto Hide

    HTML clipboard
    Script auto hide adalah script yang digunakan utuk menyembunyikan sesuatu secara otomatis. Ini adalah salah satu tips blogging yang sering digunakan oleh banyak blogger. Biasanya digunakan untuk menyembunyikan gambar dalam sebuah postingan, atau membuat widget auto hide. Kalau saya suka menggunakan script ini untuk menyembuyikan gambar yang terkesan fulgar padahal sebenarnya tidak. Contoh penggunaan script ini, saya gunakan pada postingan yang berjudul Cerita Panas Malam Pertama.
    Postingan tersebut sengaja saya buat untuk bersaing dengan web/blog yang menggunakan keyword yang sama yaitu cerita pans, cerita malam pertama dan cerita panas malam pertama, yang secara kebetulan pas saya melakukan searching, keyword tersebut masih didominasi web/blog bercontent sronok. Nah dengan melihat postingan tersebut tentu sobat juga ada inspirasi mau membuat apa dengan script auto hide ini.
    Oke jangan kelamaan bercelotehnya, langsung aja kita praktik. Yang tertarik dengan script auto hide silakan langsung copy paste aja script di bawah ini :
    Keterangan :
    "MONTOK MENGGIURKAN" adalah kalimat yang akan muncul sebagai tombol.
    "Disini masukkan kata-kata atau gambar atau apa aja" adalah tempat anda meletakan kalimat atau gambar yang akan di sembunyikan.
    Untuk bisa menggunakan scrip ini, saat memposting harus menggunakan mode HTML Code.
    Oke sobat selamat berkreasi dengan script auto hide.