Kode Warna HTML Blog Terlengkap

 
Tolls untuk melihat Kode Warna:

1.Melihat KODE HTML warna yang diinginkan.

 Klik warna yang anda inginkan lalu secara otomatis kode dari warna yang anda klik akan terlihat pada    kotak kecil di sampingnya ( kotak pertama / kotak yang paling atas ).
3 kotak warna di bawahnya sebagai warna alternatif yang mungkin anda inginkan juga.
Anda tinggal mengcopy paste kode warna tersebut.

 

2. Melihat WARNA kode html

Anda punya kode warna di template blog tapi tidak tahu kode warna tersebut untuk warna apa ?
 Masukkan atau ketikkan kode warna anda pada KOTAK yang ada di bawah tulisan "Insert the hex code ( without"#") below and press the Update button".
Ingat...!!! jangan masukkan tanda pagar ( # ), misalnya anda ingin mengetahui warna dari kode warna #FF3300 maka masukkan kode FF3300 saja pada kotaknya lalu klik tombol "UPDATE".
Secara otomatis, anda akan melihat warna dari kode warna #FF3300
 pada kotak kecil di atasnya beserta 3 pilihan warna alternatif.


 


NB; Jika anda tidak bisa melihat tollsnya, berarti anda membutuhkan Adobe Plash Player. Download versi terbaru.

Read More

Cara buat read more pada blog

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Artikel Selengkapnya...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.

==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Read More

Cara buat read more pada blog

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Artikel Selengkapnya...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.

==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Read More

Cara Memasang Anti Copy Paste pada Blog

Sebenarnya Mas Bro tidak begitu senang memberikan informasi mengenai ini. Karena, Mas Bro juga kadang mengcopy paste artikel teman meskipun itu tidak plak (seluruhnya) saya pastekan di dalam blog. Jujur Mas Bro katakan, bahwa hanya pencari berita (wartawan) dan peneliti serta pencipta saja yang memiliki ke-originalan, baik itu produk maupun informasi. Mas Bro tidak tahu kalao masih ada yang lain selain itu. Itu pun mereka juga selalu memiliki yang namanya Referensi, artinya ada sumber informasi yang mereka dapatkan.

Kita selaku blogger, perlu menyadari hal itu. 

Dulu, awal-awal Mas Bro mulai ngeblog, memang copy paste mutlak. Lama-kelamaan seiring dengan waktu, mulai mencoba menulis sesuatu (cetar membana ... hehehe syahrini kali yah). Pinomat menambah-nambah kata-katalah. Mas Bro yakin, kawan-kawan pasti bisa. Malah curhat nih Mas Bro.

Mas Bro pernah memposting mengenai Cara Mencopy Artikel yang baik. Walau pada dasarnyacopy paste adalah melanggar hukum. Silahkan baca bila ingin membacanya yah Cara Meng-COPY Tulisan Orang yang Benar dan Baik.

Oh iya, Mas Bro akan mencoba memberikan sebuah tips agar artikel Mas Bro tidak bisa di copy paste oleh orang lain. Tujuan membuat tips ini adalah agar mencegah orang mencopy artikel yang kita buat. Mas Bro sudah mencobanya di blog Mas Bro yang lain dan sudah berhasil. Lebih lanjut akan dijelaskan di bawah ini.

Cara Ampuh Memasang Anti Copy Paste pada Blog
1. Bukalah akun blogger kawan-lawan Mas Bro.
2. Masuklah ke Elemen Template, Lalu pilih Edit HTML, boleh anda centang Expant atau tidak, tidak masalah.
3. Carilah kode </head> *gunakan CTRL + F untuk pencarian lebih cepat.
4. Copylah Kode Script di bawah ini, lalu letakkan (paste) tepat di atas kode </head> tadi.

<SCRIPT type='text/javascript'>
if (typeof document.onselectstart!=&quot;undefined&quot;) {
document.onselectstart=new Function (&quot;return false&quot;);
}
else{
document.onmousedown=new Function (&quot;return false&quot;);
document.onmouseup=new Function (&quot;return true&quot;);
}
</SCRIPT>

5. Bila sudah, simpan template anda Mas Bro. 
6. Selesai, dan lihat hasilnya apakah tombol klik kanan pada mouse anda berfunsgi atau tidak. Kalau tidak berfungsi artinya kode diatas berhasil. Maksudnya apakah anda bisa copas artikel yang anda buat? Kalo tidak bisa, berarti berhasil tips di atas.

sumber:kumpulan-adsen.blogspot.com/2013/03/cara-ampuh-memasang-anti-copy-paste.html

Read More

Cara Pasang Histats di Blog

Setelah membuat blog, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?

Histats.com adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.

• Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :
• traffic stats,
• user online,
• referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),
• browser (browser apa yang mereka gunakan untuk mengakses blog kita),
• geolocation (dari belahan dunia mana mereka berasal), traffik by url,
• traffic by title dll.

Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggal Register di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.

Tutorial Cara Memasang Histats di Blog Anda : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)

1. Masuk ke Histats.com

2. Registerlah : Klik Register

Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.

Dan KLIK Register. Kemudian ada pesan seperti ini

Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.

your account is now active, please login now and start using histats.com!

Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.

3. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..

KLIK + Add a Website

● Site url : url situs anda http://namabloganda.blogspot.com contoh: http://kumpulan-adsen.blogspot.com

● Pilih bahasa : Indonesian - Bahasa Indonesia

● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)

● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.

● Title : Judul web atau blog Anda.

● Description : Penjelasan singkat tentang blog Anda.

● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.

● Jangan lupa kode captcha.

● Dan KLIK Continue

Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.


4. Pasang widget di blogger

KLIK : nama blog anda.

KLIK : Counter Code.

KLIK + add new counter

Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.

Beri tanda centang pada visitor today : Total visitor - Page views today - Total page views - user online dan KLIK SAVE.

KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)

Lalu Copy code scriptnya

5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan.

Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.

Selesai Sudah. Gampang Bukan. Selamat mencoba Cara Memasang Histats di Blog, widget untuk mengetahui jumlah pengunjung Blog Anda. Salam Blogger. Kumpulan Adsen Blogspot

Read More

Istilah-Istilah Dalam Blog

Beberapa istilah yang wajib diketahui sobat blogger:

Blog : istilah yang pertama kali digunakan oleh Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar.
Weblog : istilah lain dari blog.
Blogging : kegiatan-kegiatan yang dilakukan dalam dunia blog.
Blogger : seseorang yang melakukan blogging.
arti lainnya: sebuah layanan blog dari google.
Blogosphere : komunitas dalam blogging.
Posting : kegiatan untuk mengirimkan artikel ke dalam blog.


 Blogging:
Photoblogging : sebuah blog yang difokuskan pada dunia Photografi dan gambar-gambar.
Podcasting : metode untuk mendistribusikan file multimedia (video/audio) secara online melalui feeds
Autocasting : bentuk podcasting secara otomatis.
Blogcasting : penggabungan blog dan postcas dalam sebuah wensite.
Vlog / Vlogging : jenis blogging yang lebih senang menggunakan video daripada text.
Audioblog / Audioblogging : jenis blogging yang lebih senang menggunakan audio/musik daripada text.
Moblogs / Moblogging kegiatan blogging dengan menggunakan HP (handphone).

* Komponen dan Fungsi-Fungsi Blog
Index page : halaman depan dari blog.
Header : bagian paling atas blog.
Footer :bagian paling bawah blog.
Sidebar : kolom-kolom yang berada di sisi blog.
Link : proses untuk menghubungkan ke suatu postingan/kontent atau ke web/blog yang lain.
Archive : sekumpulan/arsip dari semua postingan. Bisa dikelompokkan dalam bulan, tahun dsb.
Categories : sekumpulan/sekelompok spesifik dari beberapa artikel.
Commnets : Kompentar-komentar dari para pembaca blog.
Captcha : kependekan dari "Completely Automated Public Turing test to tell Computers and Humans Apart", yaitu sebuah gambar yang berisi kata atau huruf yang harus diketikkan untuk verifikasi. Berguna untuk menangkal spam.
Ping (Packet Internet Grouper) : berfungsi untuk memberitahu layanan-layanan yang berhubungan dengan blog (seperti tchnocarty dkk) bahwa kita baru menambah atau mengupdate konten blog kita.
Trackback : berfungsi untuk memberitahu bahwa kita me-link ke postingan atau kontent blog orang lain.
Blogroll : sekumpulan link yang dijukan ke blog yang lain.
Template : desain dasar blog.
Plugin : sebuah file yang berfungsi untuk menambah feature2 blog.
Dashboard : sebuah tampilan yang berisi kontrol-kontrol, tool, setting dll saat pertama kali kita login ke blog account.

*Penyedia Layanan Blog
Blogger/Blogspot : Layanan blog gratis dari google.
Wordpress : Salah satu layanan blog gratis yang lain, memiliki feature yang lebih lengkap daripada blogger.com tapi kita tidak bisa mengotak-atik script HTML, kalo mau mengedit harus bayar dulu, jadi buat yang gratisan nggak bisa ngedit.
LiveJournal : Tolls blogging gratis dari SixApart
TypePad : Tolls blogging tidak gratis (bayar) dari SixApart.

* Bloging Habits
Metablogging : menulis artikel tentang blogging.
Blogstipation : blogger yang sedang malas ngeblog, karena sedang bad mood atau nggak pingin ngeblog.
Blogopotamus : Postingan blog yang sangat panjang.
Bleg : adalah ketika seseorang memohon pada sebuah blog.
Blego : Blog+Ego, ukuran kekayaan blogger.
Blog Hopping : Berpindah-pindah dari satu blog ke blog yang lain.
Blogroach : Komentator yang tidak setuju dengan postingan atau kontent suatu blog, biasanya diungkapkan dengan kata-kata yang kasar.
Blogoholic : Pecandu Blog.
Blogorific / Blogtastic Suatu hal yang dahsyat dari perkataan blogger.
Blogsit : Pemeliharaan blog ketika sang pemilik utama blog sedang bepergian atau sedang liburan.
Blogvertising/Blogvert : Iklan-iklan yang ada di blog.
Blurker : Pembaca blog yang hanya melihat-lihat saja, tidak memberikan komentar atau apapun.
Blogathon : mengaupdate blog setiap 30 menit dan selama 24 jam non-stop.
Blogiversary : Ulang tahun Blog.
Blog Carnival : Link ke artikel yang lain yang disamarkan dengan topik yang spesifik.
Multiblog : menjalankan banyak blog.
Blog Tipping : pujian atau ucapan selamat setiap tanggal 1 setiap bulannya.
Blogger Bash : Pesta para blogger.
Reciprocal Links / Link Exchange : atau Link Love, saling me-link antara blog yang satu dengan blog yang lain.
Linkbaiting : menulis artikel yang bagus supaya dilink oleh blog yang lain.
Hitnotice : me-refresh browser berulang-ulang untuk melihat hit-counter atau melihat apakah ada komentar yang baru atau tidak.
Blogstorm / Blogswarm : Kegiatan komunitas blogger yang sangat besar.
Blogsnop : menolak respon dari komentator yang bukan temannya.
Doppelblogger : blogger yang menjiplak konten dari blog orang lain.
Blogophobia takut terhadap blog atau blogging.
Blogeerel : opini yang sama yang dikirim berulang-ulang pada sebuah blog.

Tipe Blogger
Problogger : Blogger yang sudah profesional.
Blogebrity : Blogger yang sangat terkenal, kayak selebriti gitu.
Blogerati : Komunitas Blogger yang sudah pinter-pinter.
Blognoscenti : Blogger yang memiliki kemampuan yang spesial.
Commnetariat : Komunitas para komentator (lho emangnya ada? ).
Dooced : kehilangan pekerjaan gara-gara blognya.
Blogther : teman/saudara/keluarga blogger.
Blogstar : Blogger yang mengoperasikan blog yang sangat populer.

* Web/Blog Feeds
Web Feed : format data yang disediakan untuk user agar bisa berlangganan pada postingan sebuah blog.
RSS : adalah sebuah file berformat XML untuk sindikas. RSS mengijinkan kita untuk berlangganan kepada web/blog yang menyediakan umpan (feed) RSS. RSS kependekan dari Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0).
XML : (eXtensible Markup Language).
RDF : (Resource Description Framework)
Atom : hampir sama dengan web feed.
Photofeed : web feed dengan lampiran gambar.

Read More