Cara Menuliskan Kode HTML Dalam Postingan Blog

Dalam menuliskan kode html di blog ternyata tidak boleh sembarangan. Ada tehnik tersendiri agar kode html yang dituliskan tadi dipostingan akan diterjemahkan ke bahasa html. Jadi jika anda asal comot saja kode html, maka akan langsung diterjemahkan kode html tersebut didalam postingan. Mungkin yang anda dapatkan tidak sesuai dengan yang anda harapkan. Ada 2 cara dalam menuliskan kode html di dalam postingan.

Maksudnya adalah begini. Jika anda menuliskan kode <head> didalam postingan, kode tersebut akan langsung diterjemahkan ke kode html. Jadi kode yang seharusnya anda tuliskan dalam postingan harusnya begini &lt;head&gt; Jika anda masih belum paham ikuti cara berikut :

Cara pertama :

Kode yang < harus anda ganti &lt; dan kode yang > harus diganti &gt; dan kode " harus anda ganti &quot;

Nah...bagaimana jika kodenya banyak. Tentu jari anda akan keriting semua dalam mengganti kode tersebut

Cara kedua :

Masuk ke http://centricle.com/tools/html-entities. Selanjutnya tinggal anda paste kode html yang panjang tadi. Lanjutkan dengan mengklik Encode. Selanjutnya kode yang dikonvert tadi tinggal anda paste ke dalam postingan anda. Mudah...bukan

Cara Membuat Recent Comment HTML Di Blogger

Banyak cara untuk membuat recent comment atau komentar terbaru di blogger. Baik melalui meni widget bawaan blogger maupun memasukkan sendiri kode html. Kalau menurut saya ...sich paling bagus kode html. Sebab menu bisa di kustomisasi sendiri. Widget Recent Comment / komentar terbaru sangat berguna untuk admin blog untuk memantau komentar - komentar terbaru di blog. Daripada anda pusing membuka satu - persatu komentar yang ada di postingan.

Untuk membuat recent comment / komentar terbaru, ikuti langkah - langkah berikut :

1. Login ke account Blogger anda.

2. Masuk ke menu Randangan. Tambahkan widget baru dengan memilih HTML/Javascript

3. Masukkan script berikut

<div style="overflow: auto;width: 200px;height: 300px;text-align: left; "><script style="text/javascript"> function showrecentcomments(json) { var numcomments = 20; var showcommentdate = true; var showposttitle = true; var numchars = 100; for (var i = 0; i < numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } alturl = alturl.replace("#", "#comment-"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<S[^>]*>/g; comment = comment.replace(re, ""); document.write('<br/>'); if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' '); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> berkomentar'); if (showposttitle == true) document.write(' di ' + posttitle); document.write('<br/>'); if (comment.length < numchars) { document.write('<i>'); document.write(comment); document.write('</i>');} else { document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(selanjutnya)</a>'); document.write('</i>');} document.write('<br/>'); } document.write('<br/>'); } </script> <script src="http://3hsoftcom.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script></div>

4. Dalam teks warna biru, masukkan url blog anda

5. Dalam teks warna merah, masukkan banyaknya komentar yang anda inginkan.

6. Jika anda menginginkan scroll, masukkan script berikut tepat diatas script tadi

<div style="border: 0px solid rgb(204, 204, 204); font-size:x-small;font-family: &quot;Trebuchet MS&quot;padding: 5px; overflow: auto; width: 200px; height: 200px; background-color: #ffffff;"> 

7. Simpan widget kamu dan silakan lihat hasilnya

Anda bisa melihat contoh dalam daftar komentar saya. Banyaknya komentar yang saya tampilkan sebanyak 20 dan dilengkapi dengan menu scroll. Selamat bereksperiment

Cara Mempercepat Loading Blog Dengan CSS Compressor

Mungkin jika anda membuka blog ini anda rasakan sangat lambat sekali. Betul karena di blog saya ini penuh dengan widget dan banyak gambar. Memang hal ini akan berimbas pada kecepatan loading blog. Padahal jika loading blog lemot, pengunjung pasti akan merasa kesal dan lama - lama akan meninggalkan blog kita. Ada sebuah situs layanan pengkompress css blog kita. Namanya CSS Drive, dan dengan tool CSS Compressornya kita bisa membuat sedikit lebih ringan loading blog kita.

Jika anda ingin membuat loading blog sedikit cepat, silakan ikuti tutorial berikut :

1. Login ke account Blogger kamu

2. Selanjutnya pilih Tata Letak dan masuk ke Edit HTML. Sebaiknya anda backup terlebih dahulu template anda sebelum melakukan langkah selanjutnya. Agar kelak terjadi error anda bisa mengembalikan lagi ke posisi semula.

3. Lanjutkan dengan mencari kode <b:skin> dan ]]></b:skin> Cara cepatnya bisa anda tekan tombol Ctrl + F. Lalu copy isi kode yang berada ditengah - tengah kode tadi.

4. Masuk ke website http://www.cssdrive.com. Selanjutnya pilih Tool > CSS Compressor.

5. Dalam Compression Mode pilih Super Compact dan dalam Comments Handling pilih Don't strip any comment. Semua pilihan tadi bisa anda atur dan rubah sendiri

Selanjutnya tekan saja Compress It. Maka anda akan mendapatkan kode CSS yang telah dicompress. Copykan ulang kode yang telah di kompres tadi ke template blog anda tadi.

6. Pastekan kode css yang ada di template blog anda tadi ke box Insert CSS Code. Simpan template dan rasakan perbedaannya.

Semoga tips ini membantu para blogger yang loading blognya lama seperti punya saya ini...hehehehe

Zoom Magazine

Platform               Blogger
Template Name     Zoom Magazine
Author                  Herdiansyah Hamzah
URL Author            http://www.herdiansyah.org
Description          Zoom Magazine is simple magazine blogger template with adsense ready, dropdown navigation, image slideshow. It's so easy loading and elegant blogger premium.
Properties            1 Left Sidebar, 1 Right Sidebar, 3 Column, Blogger, Elegant, Fixed, Free Premium, Left and Right, Magazine, News, Slideshow, Web 2.0, White

Live Demo

Download

LK Gallery Premium

Platform               Blogger
Template Name     LK Gallery Premium
Author                  Lasantha Bandara
Description    
Template Features:

- Column: 3 Columns
- 2 Navigation Bar
- 1 Featured content slider
- 125*125 Banner Ads Section
- 468*60 Header Ads banner
- 468*60 Header Logo with the PSD file.
- 1 CSS Search Box
- 3 Column Footer section
- Social Bookmarking Buttons/Badges(Twitter,Digg,StumbleUpon,Facebook) installed
- SEO friendly blogger title hack installed
- Meta tags installed
- Top Bar with Subscribe buttons and Display Day,Month,Year

Properties           1 Right Sidebar, 2 Right Sidebar, 3 Column, Ads Ready, Black, Blogger, Bookmark Ready, Custom Navbar, Fixed, Free Premium, Gallery, Magazine, Slideshow, White

Live Demo

Download

Twitter Freak

Platform Type         Blogger
Template Name      Twitter Freak
Author                   Devy Setiawan
URL Author             http://www.devbook.net
Designer                Dev - Jatayu Global Media
Description           Twitter freak blogger template is a twitter interface blogger template. This template using javascript auto readmore feature with auto thumbneil grab so you done need to make your own read more when you write a post. You can add your pic at blog header with easy way. Make your blog look like your twitter account.
Properties             1 Right Sidebar, 2 Column, Animals, Blogger, Blue, Fixed, Simple, Twitter, Web 2.0, White

Live Demo

Download

Fantastic FaceBlog

Platform                 Blogger

Template Name       Fantastic FaceBlog

Author                    Edo Pranata

URL Author             http://edopranata.blogspot.com

Description             This blog is made similar such as facebook, 3 or 5 columns, Fixed, Auto ReadMore, tabbed content area, Flash tag cloud.

Properties               1 Left Sidebar, 1 Right Sidebar, 3 Column, Blogger, Blue, Custom Navbar, Facebook, Fixed, Left and Right, White

Live Demo
Download

Hacking Interface Semua Website

Apa yang ada di benak anda jika mendengar kata - kata hacking. Pasti suatu cara untuk masuk dan menyusup ke suatu target. Entah untuk mencuri informasi ataupun data yang diincar. Dalam posting berikut kita akan mencoba sebuah script yang berguna untuk mendeface / mengacak - acak antar muka sebuah website / blog. Caranya mudah dan sangat simpel. Hampir semua website / blog bisa anda utak - atik tampilannya.

Ingat.....!!!! Script berikut hanya sebuah permainan script biasa. Anda hanya bisa mengutak atik tampilan yang ada di browser anda. Sementara tampilan aslinya tidak akan berubah. Target kita kali ini adalah situs Youtube. Silakan buka http://youtube.com dari browser anda. Jika sudah terload sempurna silakan masukkan script berikut pada address browser.

javascript: document.body.contentEditable= "true"; document.designMode= "on"; void 0

Nah...sekarang silakan acak - acak youtube dengan mendrag content website tersebut. Asyik bukan...Hitung - hitung jadi hacker gadungan...hehehehe.

Sekali lagi, script ini hanyalah sebuah permainan script belaka. Tidak akan merubah isi ataupun database target

Cara Mudah Membuat Artikel Terkait Pada Blog Dengan LinkWithin

LinkWithin adalah sebuah website penyedia widget blog untuk menampilkan artikel terkait atau related post pada blog anda. Dengan tool ini kita tidak perlu susah payah memasukkan kode html dalam blog anda. Anda bisa langsung memasukkan widget tanpa perlu registrasi segala. Dan prosesnya pun cepat dan mudah sekali. Widget ini berfungsi pada beberapa platform blog dan website.

Memang...sich terkadang widget ini membebani waktu loading blog kita. Karena widget ini berusaha mencari artikel terkait dan gambar terkait yang ada. Tapi asyiknya...widget ini akan terload sendiri dan mencari sendiri artikel terkait yang ada. Dan kecanggihan widget ini adalah mampu menampilkan dan mencari thumbnail gambar atau video yang ada di artikel. Kenapa saya putuskan memakai widget ini. Karena saya tipe orang yang senang gonta ganti template blog. Dan terkadang script untuk menampilkan artikel terkait tidak akan berfungsi di template blog tertentu. Jadi saya putuskan untuk memakai widget ini karena kepraktisannya. Tanpa perlu coding dan widget akan bekerja sendiri. Jika sobat tertarik silakan memakai widget ini dengan mengklik link LinkWithin pada artikel terkait dibawah blog ini.

Semoga bermanfaat

Dollar Gratis Dari Paid To Promote

Satu lagi situs penghasil dollar. Yang akan memberikan kita dollar hanya dengan memajang iklan burner saja. Meskipun tidak harus mengklik. Paid To Promote berbasiskan CPM, yang akan membayar berdasarkan jumlah impresi dan pageview. Jumlah yang dibayarkan lumayan juga sekitar $4 CPM ( sekitar $0,004 Pageview ). Prinsipnya hanya sederhana saja. Ambil script dan pasang di blog / website mana saja.

Cuma sayang...pageview yang dihitung hanyalah trafik yang berasal dari negara United States, Canada, Australia, United Kingdom, Austria, Belgium, Denmark, Finland, France, Germany, Iceland, Italy, Netherlands, New Zealand, Spain. Trafik dari Indonesia tidak dihitung. Agar dollar dihitung minimal harus menunggu 10 detik terlebih dahulu setelah iklan burner tampil. Kalau untuk masalah trafik yang direkomendasikan diatas, bisa saja diakali dengan memakai proxy US dan proxy yang didukung Paid To Promote. Anda bisa memakai program Hide My IP Address 1.0

Minimal pembayaran jika saldo anda sudah mencapai $0,1 dan akan dibayarkan melalui paypal. Minimal payout yang cukup kecil juga...seh. Jika anda tertarik silakan JOIN DISINI. Atau klik banner dibawah ini. Dan selamat berburu dollar...yaaa!!