Cara Posting HTML di Blog Mudah

Cara Posting HTML di Blog Mudah.  setiap blogger ingin membuat banyak artikel tentang segala hal mulai dari kebutuhan sehari-hari yang tidak terpikirkan oleh orang lain untuk membuat artikelnya sampai kejadian yang lagi menjadi headline. cara seperti itu sangat baik terutama untuk memanjakan pengunjung website atau blog kita. bayangkan betapa mudahnya orang mencari informasi di web kita karena semua hal telah tersedia. walaupun itu sangat sulit sekali.

sumber gambar: mysusis.com

hal yang sangat penting lagi adalah ketika kita akan posting kode HTML karena hal tidak biasa. artinya jika kita melakukan posting HTML dengan cara manual atau ditulis biasa di halaman blog maka yang muncul bukan kode HTML lagi. kode HTML akan di convert menjadi laman HTML sehingga kode yang dituliskan menjadi tidak terlihat. ini yang jadi masalah. namun jangan khawatir pada kesempatan kali ini akan dibahas cara posting HTML di blog dengan mudah.

bagaimana cara posting kode HTML di blog ?

paling tidak ada 2 cara membuat parse postingan HTML di blog. pertama dengan menggunakan website encoder yang tersedia gratis. diantaranya opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx atau dibawah ini.




caranya copy code HTML yang akan ditampilkan di blog kemudian paste pada kotak diatas. kemudian klik convert dan copy serta letakkan code hasil encode tadi di blog anda. mudah bukan ? copy paste saja. untuk melihat hasilnya publikasikan dulu.

kedua, menggunakan text area. dengan copy code dibawah ini dan ganti tulisan diantara textarea.

<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"> <textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Ganti tulisan ini dengan tulisan atau Kode HTML yang akan anda tampilkan di dalam text area</textarea></div> </form> </div>

textarea akan terlihat seperti ini.

Ganti tulisan ini dengan tulisan atau Kode HTML yang akan anda tampilkan di dalam text area

demikian artikel cara posting HTML di blog mudah. semoga dapat membantu teman-teman yang sedang mencari cara untuk membuat posting artikel code HTML di blog.

Read More

Cara Cepat Buat Recent Post Bergerak Blog

Cara Cepat Buat Recent Post Bergerak Blog. terakhir atau beberapa bulan ini bagi temen-teman yang terbiasa nulis blog pasti tahu kalau salah satu widget recent posts yang ada di blogspot rusak. jika dulu anda telah memakai recent post widget blog dan lancar kemudian ada informasi galat telah rusak maka itu berarti galat recent post yang rusak (broken).

sumber foto: ikhwan-aryadi.blogspot.com

jangan khawatir, sekarang sudah ada cara membuat recent post bergerak di blog dengan mudah. tidak hanya menampilkan judul post tapi juga menampilkan gambar bergerak sehingga posting yang baru kita buat terlihat lebih menarik bagi pengunjung blog.

bagi teman-teman yang mungkin belum tahu apa itu recent post bergerak, recent post bergerak adalah suatu widget yang menampilkan posting atau artikel terbaru yang bergerak dari blog. dan bisa ditentukan berapa jumlah artikel yang akan bergerak. semua bisa diatur dengan mudah dan cepat, begitu juga kecepatan geraknya juga bisa diatur sesuai selera.

langsung saja,

cara buat recent post bergerak di blog secara cepat

sebagai berikut :
1. masuk blogspot seperti biasa. sekarang layanan login yang berada dalam satu perusahaan google menjadi satu pintu saja. jadi anda bisa membuka gmail, blogspot, picasa, youtube dll dari satu pintu login.

2. Masuk kebagian tata letak
3. Klik tambahkan gadget, dalam pilih HTML/Javascript
4. Masukkan kode berikut ke kotak konten <style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 5; var numchars = 0; </script> <script src="http://tipngeblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script></ul>

klik simpan. selesai sudah cara membuat gadget recent post bergerak di blogspot. oh ya ganti nama blog http://tipngeblog.blogspot.com dengan blog anda. semoga berhasil.

Read More

Cara Pasang Meta Tag Blog Mudah

Cara Pasang Meta Tag Blog

Cara Pasang Meta Tag Mudah. punya blog dengan pengunjung masih hitungan puluhan tipa bulannya? mungkin bukan salah artikel yang dibuat tapi blog kita belum tersentuh search engine optimation atau dengan kata lain seo.

blog yang belum di optimasi dengan seo ibarat toko yang berada di gang sempit dan tidak terlihat orang. dengan teroptimasi seo seolah-olah toko kita berada di jalan strategis dan mudah dikenali orang. salah satu cara agar blog kita ter index google adalah dengan cara pasang meta tag.

untuk membuktikan apakah blog kita sudah tersentuh seo atau tidak silahkan kunjungi website metachecker.net. dengan web ini kita bisa melihat apakan suatu blog atau website telah di pasang meta tag atau tidak ter pasang meta tag.

meta tag apa saja yang ter pasang di blog atau website kita? ada beberapa hal yang bisa kita lihat tentang meta tag di web kita diantaranya :

1. author (meta tag tentang penulis website atau blog)
2. deskription (meta tag tentang  deskripsi dari web atau blog)
3. keywords (meta tag tentang  kata kunci blog atau web)
4. robots (meta tag yang digunakan oleh search engine)
5. title (meta tag tentang  judul dari web atau blog)

bagaimana cara pasang meta tag di blog?
cara memasang meta tag di blog ada 2 cara yaitu cara otomatis dan manual. terus terang yang otomatis belum pernah nyoba tapi jika teman-teman ingin mencoba cara pasang meta tag otomatis bisa tanya om google (ada yang berbahasa indonesia kok).

disini akan dijelaskan bagaimana cara memasang meta tag blog manual :

1. Silahkan Masuk Ke Blogger Anda.
2. Setelah itu, Klik Menu Template, Backup Template Anda, --> Klik Tombol Edit HTML.
3. Lalu, Cari kode
 <title><data:blog.pageTitle/></title> atau <b:include data='blog' name='all-head-content'/> atau <title><data:blog.pagetitle/></title> atau <title><data:blog.pageName/> - <data:blog.title/></title> atau <title><data:blog.title/></title>
dengan menggunakan CTRL+F, Kode memiliki kode yang berbeda, tergantung pada template, dan biasanya kode ini terletak di bawah kode

4. Lalu, Hapus dan Ganti dengan kode berikut ini:

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <meta content='Descripsi Blog Anda' name='description'/> <meta content='Keywords (Kata Kunci) Blog Anda' name='keywords'/> <meta content='URL Blog Anda' name='subject'/> <meta content='Deskripsi Blog Anda' name='Abstract'/> <b:else/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if><meta expr:content='data:blog.pageName + " - Deskripsi Blog Anda"' name='description'/> <meta expr:content='data:blog.pageName + " - Keyword Blog Anda"' name='keywords'/> <meta expr:content='data:blog.pageName' name='subject'/> <meta expr:content='data:blog.pageName' name='Abstract'/> </b:if> <meta content='Hak Cipta' name='copyright'/> <meta content='Nama Author Blog' name='author'/> <meta content='UTF-8' name='Charset'/> <meta content='Global' name='Distribution'/> <meta content='General' name='Rating'/> <meta content='INDEX FOLLOW' name='Robots'/> <meta content='1 days' name='revisit'/> <meta content='1 Days' name='Revisit-after'/> <meta content='ID' name='language'/> <meta content='ID' name='geo.country'/> <meta content='Indonesia' name='geo.placename'/> <meta content='global' name='distribution'/> <meta content='blogger' name='generator'/> <meta content='general' name='rating'/> <meta content='global' name='target'/> <meta content='index,follow,snipet' name='googlebot'/> <meta content='follow, all' name='Googlebot-Image'/> <meta content='follow, all' name='Scooter'/> <meta content='follow, all' name='msnbot'/> <meta content='follow, all' name='alexabot'/> <meta content='follow, all' name='Slurp'/> <meta content='follow, all' name='ZyBorg'/> <meta content='follow, all' name='Scooter'/> <meta content='ALL' name='SPIDERS'/> <meta content='ALL' name='WEBCRAWLERS'/> <meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>
script pasang meta tag diambil dari : your-belajarblog.blogspot.com

cara pasang meta tag diatas adalah dengan mengganti kata yang berwarna dengan data web atau blog kita. kata-kata yang perlu diganti adalah :
- ganti kata "Deskripsi Blog Anda" dengan deskripsi blog.
- ganti kata "Keyword Blog Anda" dengan keyword blog.
- ganti kata "URL Blog Anda" dengan url blog.

agar lebih mudah dalam memasang meta tag diatas, gunakan ctrl+f (pencarian).

Read More