Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Jumat, 25 November 2011 0 komentar

Mencegah Click Fraud atau Repeatedly Click Adsense

Pada postingan kali ini saya ingin berbagi tips tentang Mencegah Click Fraud atau Repeatedly Click Adsense. Sebelumnya tips ini hanya dapat dilakukan bagi yang menggunakan platform wordpress dan ini tidak memerlukan plugin.

mencegah click Fraud

Dengan berkembangnya kepopuleran pemasangan iklan atau sering disebut dengan publisher dalam dunia Blogging, tak lain dapat dimanfaaatkan untuk kejahatan yang didasari oleh ketidaksenangan atau keisengan atau balas dendam :) yang dapat merugikan publisher salah satunya dengan Click Fraud atau Repeatedly Click , publisher yang paling terkenal sampai saat ini yaitu Google Adsense.

Mengapa perlu diamankan dari banyak klik?? peraturan ini di buat oleh penyedia web PPC (Pay Per Click), jika satu IP mengklik iklan kita sebanyak mungkin dalam satu waktu, maka resiko akun akan terkena Banned.

Dengan cara ini dapat mencegah klik berulang-ulang atupun bombardier klik. Kita tidak membutuhkan Plugin, hanya tinggal mendownload Script PHP secara gratis.

Kerja script ini yakni Akan menyembunyikan Iklan Google adsense kita apabila SUDAH diklik oleh pengunjung dalam jangka waktu 24 jam. Jadi dalam waktu 24 jam hanya bisa diklik satu kali saja, agar tidak di banned oleh google.

Kita hanya membutuhkan file PHP yang bernama Adsense Shield yang dapat didownload secara gratis di: www.adsenseshield.com

Extract hasil download tersebut, Buka file ad-alternate.html dengan notepad atau software editor lainnnya. File ad-alternate.html ini merupakan file yang akan menampilkan iklan alternative sesudah iklan google adsense kita diklik oleh pengunjung. Seperti halnya Amazon, Clickbank atau lain sebagainya. Jika kita tidak akan menampilkan Iklan alternative maka kosongkan saja file ad-alternate.html tersebut. Maka iklan alternative tidak akan muncul.

Upload file Shield.php beserta ad-alternate.html ke folder root kita. Biasanya di /public_html/ atau /htdocs/

Masih dari folder root /public_html/. Langkah selanjutnya adalah mencari file index.php dan kemudian kita buka file tersebut.

Tambahkan kode "include_once ('./shield.php'); tepat setelah kode

WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
*
* @package WordPress
*/

/**
* Tells WordPress to load the WordPress theme and output it.
*
* @var bool
*/
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
?>


Mungkin waktu 24 jam akan terasa sangat lama? Tidak masalah, kita langsung saja buka file shield.php dan ubah kode dibagian baris ke dua belas (12)
seperti kode dibawah ini:


'expires.setTime(expires.getTime() + 86400000);',

Angka 86400000 gantikan ke waktu sesuai selera anda seperti dibawah ini:

a. 24 Hours      :  86 400 000 mili seconds

b. 1 Hours        :  3 600 000 mili seconds

c. 1 Minutes      :  60 000 mili seconds


Mungkin itu cara Mencegah Click Fraud atau Repeatedly Click Adsense Tanpa Plugin. Semoga dapat membantu anda dan saya ucapkan terimakasih.
Baca selengkapnya »»  
Kamis, 24 November 2011 0 komentar

Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog

Semakin gencarnya pencurian konten atau artikel sebuah blog, memungkinkan juga untuk menduplikat gambar/images blog kita, Berikut ini ada beberapa tips untuk Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog.

Dengan banyaknya celah dan cara untuk meng-copy suatu file sebuah website atau blog. Cara ini mungkin tidak 100% aman, namun bagi sebagian orang yang masih awam hal tersebut mungkin akan sulit jika tidak didukung dengan pengetahuan coding seperti html dkk...

Langsung saja, Dibawah ini terdapat dua langkah untuk proteksi gambar / image blog :

1. Disable klik kanan pada image tanpa menggunakan script

Kode standar sebuah gambar yaitu :

<img src="image.jpeg" />

Hanya dengan menambahkan kode dibawah ini

oncontextmenu="return false;"

Kode lengkapnya :
<img src="image.jpeg" oncontextmenu="return false;" />

Contoh gambar berikut :


Script diatas tidak memberikan peringatan jika kita klik kanan pada gambarnya. Cara pertama ini sedikit lebih simple dan praktis, untuk selanjutnya proteksi gambar/image blog yang agak rumit, kita lihat cara kedua berikut.

2. Proteksi copy gambar/image dengan Base64

Sebenarnya inti dari tips ini adalah menciptakan gambar kosong di atas gambar yang ingin di proteksi itu.

Kode standar html untuk menampilkan image atau gambar adalah :

<img src="google-panda.jpg" width="500" height="421">

Selanjutnya kita ubah kode diatas menjadi seperti ini :

<img style="background-image:url('google-panda.jpg');"
src="data:image/gif;base64,
R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
width="500" height="421">

Contoh gambar berikut :



Yang Perlu di perhatikan adalah ukuran gambar (width dan height) harus sama
seperti pada ukuran gambar aslinya. Pada contoh ini saya menggunakan
file image google-panda.jpg dengan ukuran 500 dan 421.

Berikut diatas beberapa tips untuk Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog, semoga bermanfaat :)
Baca selengkapnya »»  
0 komentar

Mencari RSS Feed Blogspot atau Blog Lainnya

Sebelumya anda pasti sudah mengerti tentang rss feed di sebuah blog, postingan kali ini saya ingin berbagi bagaimana cara untuk Mencari RSS Feed Blogspot atau Blog Lainnya.


Jadi apa gunanya RSS Feed? RSS singkatan dari Rich Site Sumarry. RSS Feed digunakan untuk tujuan sindikasi isi  kandungan sebuah situs, berita yang ada di situs/blog, dll.



Sebuah situs yg memiliki RSS Feed dapat kita baca isinya tanpa harus datang ke website tsb. Contoh, untuk membaca CNN.com, kita tidak perlu datang ke situs tersebut, tapi cukup dg berlangganan RSS Feed CNN yg dapat kita taruh di situs lain yg menyediakan layanan RSS Feed aggregator atau RSS Feed Reader secara gratis. Di RSS Aggregator atau Reader ini bisa kita kumpulkan seluruh RSS Feed situs terkenal dan kita dapat membaca semuanya dalam satu halaman. Misalnya, Anda dapat membaca CNN, BBC, DETIK.

Dengan feed reader, anda dapat memperoleh konten terbaru tanpat perlu mengunjungi setiap website secara satu persatu. Saat ini, setiap website atau blog sudah seharusnya memiliki fitur sindikasi konten via RSS Feeds yang dapat membantu dalam komunikasi sosial. Seperti bagian lainnya dari sebuah website , RSS Feeds juga dioptimasi untuk mesin pencari. RSS meta-data seperti data yang menjelaskan mengenai tanggal publikasi dan informasi bermanfaat lainnya yang termasuk didalamnya kode XML.

Karena itu, feed search engine adalah salah satu jalan termudah untuk mencari feed secara massal. Sebuah feed search engin juga terhubung ke RSS feed link dan menampilkan preview dari konten.


Sekian sedikit penjelasan tentang RSS Feed diatas, kembali ke judul artikel ini. Berikut ini adalah beberapa Search engine untuk RSS Feed yang  dapat membantu kita untuk Mencari RSS Feed Blogspot atau Blog

Search 4 RSS

Search4RSS.com membantuk anda menjelajah berbagai feeds dengan memanfaatkan kata kunci. Fitur auto-complete dropdown akan membantu anda menggunakan kata kunci tertentu. ANda dapat meng-klik pada URL dari website di hasil pencarian atau secara langsung klik pada link RSS feed untuk berlangganan. Link abu-abu digunakan untuk menampilkan preview konten feed dari website . Search4RSS.com sebenarnya adalah campuran berbagai mesin pencari yang tersedia dalam sebuah kotak pencarian.

Plazoo

Nama Plazoo berasal dari bahasa Belanda yang artinya sesuatu yang serupa 'sebuah tempat untuk mencari'. Plazoo adalah mesin pencari RSS yang mencari berita-berita dan informasi di ribuan RSS-Feeds. Anda dapat mencari melalui kategori seperti blog, berita perusahaan, informasi lowongan kerja, berita, media dan banyak lagi. Hasil pencarian dapat diurutkan berdasarkan relevansi atau tanggal. Fitur advanced filter dapat menampilkan hasil pencarian lebih spesifik. Sebagai contoh, anda dapat mengatur tanggal terlama untuk hasil pencarian. Anda dapat membatasi pencarian berdasarkan bahasa dan tipe media. Anda dapat menggunakan ClipBox untuk menyimpan hasil pencarian.

RSSoogle

Cukup jelas, nama dari mesin pencari feed ini berasal dari RSS dan Google. Anda dapat menggunakan ini untuk mesin pencari umumnya atau menggunakannya untuk mencari RSS feed dengan mengklik salah satu tombol dari dua tombol yang tersedia. RSSoogle.com juga menampilkan tanggal dari feed, jadi anda dapat menuju pada hasil yang terkini. Apabila anda ingin menambahkan search tool pada daftar mesin pencari anda di browser, klik pada link yang tersedia di bagian atas.

RSS Micro

RSSMicro.com adalah mesin pencari feed spesifik yang mengambil hingga 12.000 index sumber berita. Layanan ini juga menggunakan teknologi feed ranking untuk meningkatkan kualitas hasil pencarian. Sewaktu menggunakan pencarian feed, anda juga dapat melakukan pencarian web, video dan gambar. Sebelum berlangganan pada feed anda dapat melihat preview dan lainnya, termasuk postingannya.

Jamesoo

Jamesoo menyediakan hasil pencarian berita terbaru dalam bentuk layout surat kabar dengan intro serta link ke halaman inti. Mesin pencari ini mengambil semua berita dari RSS feeds yang dipublikasikan. Anda juga dapat menggunakan crawler dalam pilihan 15 bahasa. Walaupun belum sempurna, karena masih ada postingan lama pada hasil pencarian.

Mesin pencari feed mungkin bukan sesuatu metode yang anda suka, tetapi mesin pencari RSS feed merupakan kategori lainnya dari perangkat pencari yang dapat anda simpan dalam perlengkapan riset anda. Feed terkodekan dengan cara khusus yang membuatnya mudah dibaca oleh perangkat pencarian. Umumnya mesin pencari mengindex websitesecara keseluruhan. Karena itulah mengapa walaupun mesin pencari mengalami peningkatan kualitas pencarian, anda dapat menggunakan mesin pencari khusus feed ini serta memperluas hasil pencarian anda. Tulisan ini diambil dari berbagai sumber, Semoga bermanfaat tentang Mencari RSS Feed Blogspot atau Blog Lainnya
Baca selengkapnya »»  
Senin, 24 Oktober 2011 0 komentar

Membuat Random Post Dengan Thumb (Gambar) Di Blogspot

Pada postingan kali ini, saya ingin berbagi tentang bagaimana Membuat random post dengan thumb atau gambar di blogspot, bagi yang masih baru mengenal webblog khususnya blogspot seperti saya, pastinya anda ingin membuat tampilan halaman blog lebih menarik.

Salah satunya dengan Membuat random post dengan thumb atau gambar, Langsung saja ikuti langkah mudah dibawah ini :

1. Login terlebih dahulu di blogger.com
2. Buka halaman baru di browser kita
3. Klik gambar berikut dan otomatis akan diminta untuk add widget blog kita



4. Selanjutnya kita di hadapkan pada seting tampilan seperti gambar dibawah ini


























Isilah pengaturan sesuai keinginan kita., dan tempatkan widget ini pada kolom gadget blog kita yang tepat agar terlihat lebih manis, sekian Membuat Random Post Dengan Thumb (Gambar) Di Blogspot semoga bermanfaat.
Baca selengkapnya »»  
Selasa, 14 Desember 2010 0 komentar

Kode Followers Blog



Kode Followers Blog, sebelum membahas tentang kode followers blog ini pasti anda sudah tidak asing lagi mendengar kata followers atau pengikut pada sebuah blog.

Apa itu Followers atau Pengikut ??

Apakah Anda memiliki blog favorit dan ingin membiarkan penulis dan pembaca tahu bahwa Anda seorang fans? Nah sekarang Anda dapat melakukan itu dan lebih dengan fitur Blogger Mengikuti! Anda bahkan dapat melacak blog Anda ikuti melalui Daftar Bacaan Anda pada dashboard Blogger.

Bagaimana saya menjadi Pengikut blog?

Ada beberapa cara untuk menjadi pengikut blog. Salah satu cara termudah adalah dengan mengunjungi blog yang telah menambahkan widget Mengikuti dan klik pada tombol "Ikuti" di bawah widget "Pengikut":

Fitur Followers sebenarnya telah ada pada widget blog, tetapi pada artikel ini saya ingin membahas tentang Kode Followers Blog. Langsung saja ikuti langkah seperti di bawah ini :

1. Masuk Halaman ini Disini ikuti lnagkah selanjutnya untuk masuk dan pengaturan yang ada.

2. Pilih Tampilan Gadget / anggota seperti gambar dibawah ini

Followers Blog

3. Langkah terakhir klik pengaturan buat kode html, seperti dibawah ini setelah mendapatkan kode tersebut copy-paste pada gadget blog (html/javascript)

Followers Blog

4. Selesai.

Semoga bermanfaat tentang Kode Followers Blogdiatas...
Baca selengkapnya »»  
Senin, 01 November 2010 0 komentar

Mengganti Domain Blogspot Dengan CO CC

Mengganti Domain Blogspot Dengan CO CC, pada postingan kali ini saya ingin memberikan cara mengganti domain blogspot dengan domain co.cc.

Bagi yang memiliki nama domain yang panjang bisa lebih singkat dengan mengganti domain co.cc, tapi ingat jika blog sobat sudah mempunyai pr tinggi dan seo pikir-pikir lagi aja dech untuk mengganti domain. Langsung saja ikuti langkah dibawah ini ya : :)

1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini.

2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan
klik Check Availability.
Mengganti Domain Blogspot Dengan CO CC

3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >> Manage Domain dan klik Setup
Mengganti Domain Blogspot Dengan CO CC

4. Abaikan Menu >> Manage DNS / kosongkan name servernya anda langsung klik menu
>>Zona Record
Mengganti Domain Blogspot Dengan CO CC

5. Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value: ghs.google.com

6. Kemudian klik Setup

Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger:
1. Masuk / login ke blogger.com.
2. Masuk menu Setting >> Publishing (Pengaturan Publikasikan)
3. Kemudian pilih “Switch to: • Custom Domain” (Berpindah ke : Domain Ubahsuaian)
4. Klik “Already own a domain? Switch to advanced settings” (Beralihlah ke pengaturan lanjut)
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting.

Setelah selesai semuanya ditunggu waktu migrasi domain sekitar 48 jam, semoga bermanfaat Mengganti Domain Blogspot Dengan CO CC diatas.








Mengganti Domain Blogspot Dengan CO CC
Baca selengkapnya »»  
Sabtu, 07 Agustus 2010 0 komentar

Cek Adanya Virus Pada Blog



Seperti yang kita tahu bahwa virus dan malware dapat menyebar melalui situs/website dan blog di internet. Jika tidak diwaspadai, virus tersebut akan menginfeksi komputer kita. Nah bagi anda pemilik situs dan blog, anda dapat men- Cek Adanya Virus Pada Blog untuk memastikan situs anda tidak mengandung virus atau malware yang mungkin disisipkan oleh hacker yang berusaha merusak situs anda.


Untuk men-scannya, anda bisa menggunakan layanan gratis dari URLVoid.com. Ia akan men-Scan situs dan blog anda dari kemungkinan terdapatnya kode-kode jahat yang dapat menginfeksi komputer.

Semoga bermanfaat...
Baca selengkapnya »»  
Sabtu, 24 Juli 2010 0 komentar

Parse Html



Untuk memparse code html, silahkan masukan code pada frame di bawah ini :





lebih lengkapnya langsung saja menuju link http://centricle.com/tools/html-entities/

Semoga bermanfaat....
Baca selengkapnya »»  
Selasa, 20 Juli 2010 0 komentar

Award Persahabatan




Alhamdulillah dibulan juli ini lukmanfach Blog Kembali Mendapat Award dari sahabat blogger Gieterror, sebenarnya ga terlalu ngerti juga sh pa tu award tapi setelah dicoba kita ikuti banyak bermanfaat bagi sobat blogger, seperti biasanya award ini berbentuk backlink, Award ini akan saya persembahkan kepada sobat blogger berikut ini :

1. Etam grecek
2. Trik Dasar
3. Jaringan Ilmu Pengetahuan
4. Duckter Komputer
5. Aneka Artikel

Ini dia aturan mainnya:
Bagi sobat yang menerima award ini diharuskan untuk membagikan kembali award ini kepada lima orang temannya. Selanjutnya, sobat penerima award harus meletakkan link-link berikut ini di blog atau artikel masing-masing:

1. Sang khalifah
2. Sivi's World
3. Akoey's Blog
4. Download Dan Info Anda
5. Tutorial Tips Trik Komputer Dan Internet


Caranya seperti ini,
Hapus Link nomor 1 dari daftar, semua Link dinaikkan 1 LeveL ( Link nomor 2 jadi nomor 1, yang nomor 3 jadi nomor 2, yang nomor 4 jadi nomor 3, yang ke-5 naik jadi ke-4,, dan yang paling bawah kosong). Kemudian Isi tempat nomor 5 dengan Link sobat (penerima award ini).
Jika tiap penerima award mampu memberikan award ini kepada 5 orang saja dan mereka semua mengerjakannya , maka jumlah backlink yang akan didapat adalah:

posisi 5, jumLah backLink = 5
posisi 4, jumLah backLink = 25
posisi 3, jumLah backLink = 125
posisi 2, jumLah backLink = 625
posisi 1, jumLah backLink = 3.125

Jangan lupa buat sobat-sobat blogger yang menerima award ini mohon diambil ya, anggaplah sebagai tanda persahabatan dari lukmanfach Blog kepada sobat-sobat blogger. Buat yang belum mendapat award kali ini, mohon maaf dan Insya Allah lain kesempatan saya bisa berbagi. Terimakasih dan Happy Blogging.. ^_^

Silahkan diambil Awardnya. Jangan Sungkan-sungkan. And jangan lupa dibagi-bagikan.
Baca selengkapnya »»  
Sabtu, 10 Juli 2010 0 komentar

Kode Warna HTML




Kode Warna HTML
Berikut ni beberapa kode warna html, yang digunakan untuk melihat warna-warna dan kode nya dalam html.....
























































































































































































































Kode warna :



Berikut daftar Kode warna html diatas, untuk lebih lengkapnya lagi bisa dilihat disini Daftar Kode Warna Lengkap
Baca selengkapnya »»  
0 komentar

Membuat Footer 3 Kolom Pada Blog

Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer (letaknya di bawah, karena foot itu artinya kaki..hehehe) tiga kolom, seperti blog ini. Nah, bagaimana cara menambah footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.

Oke, langsung saja ikuti langkah dibawah ini :



1. Masuk Layout, Edit HTML , beri centang (jangan lupa back up dulu buat jaga-jaga).



2. Cari kode: <div id="footer-wrapper">

Ket: pada beberapa template kodenya: footer atau footer-section



3. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode: </div>



4. Tambahkan kode berikut ini di bawahnya:


<div id="footer">

<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">

<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">

<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">

<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">

</b:section></div>

<div style="clear: both;">

<p>

</p><hr align="center" color="#5d5d54" width="90%"><p></p>

<div id="footer-bottom" style="padding: 10px; text-align: center;">

<b:section class="footer" id="col-bottom" preferred="yes">

</b:section>

</div>

<div style="clear: both;">

</div>



5. Simpan, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).


Semoga bermanfaat....
Baca selengkapnya »»  
0 komentar

Mengetahui IP Address Pada Blog

Berhubung lama tidak posting, mending post artikel ini aja dah "cara pasang widget ip address" pada blog.

Untuk mengetahui Ip Address yang sekarang kita gunakan sangatlah mudah, dengan mencoba memasang widget Ip Address di blog. Fungsi IP address tentu sudah mengerti dan tidak perlu saya jelaskan. Widget IP address ini sangat menarik, selain bentuknya yang bagus, juga dapat menunjukkan flatform yang kita gunakan (versi windows yang di gunakan), asal negara dan browser yang di gunakan.

Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini :



Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :


Copy kode HTML-nya dengan masukkan / sign ke blog terlebih dahulu tentunya, kemudian add html/javascript dan selanjutnya paste codenya.. jadi dech gampang kan


Semoga bermanfaat...
Baca selengkapnya »»  
Minggu, 27 Juni 2010 0 komentar

Daftar Kode Warna Lengkap

Daftar Kode Warna Lengkap,

Berikut adalah daftar warna yang mempunyai artikel di Wikipedia.























Nama Contoh Kode warna RGB CMYK HSV
Abu-abu #808080 128 128 128 0, 0, 0, 128 0, 0, 50
Biru #0000FF 0 0 255 255, 255, 0, 0 240, 100, 100
Biru laut #000080 0 0 128 255, 255, 0, 127 240, 100, 50
Coklat #964B00 150 75 0 0, 74, 150, 105 30, 100, 59
Emas #FFD700 255 215 0 0, 40, 255, 0 51, 100, 100
Hijau #00FF00 0 255 0 255, 0, 255, 0 120, 100, 100
Hitam #000000 0 0 0 0, 0, 0, 255 0, 0, 0
Kuning #FFFF00 255 255 0 0, 0, 255, 0 60, 100, 100
Magenta #FF00FF 255 0 255 0, 100, 0, 0 300, 100, 100
Mawar #FF007F 255 0 127 0, 100, 50, 0 330, 100, 100
Merah #FF0000 255 0 0 0, 255, 255, 0 0, 100, 100
Merah marun #800000 128 0 0 0, 255, 255, 127 0, 100, 50
Merah jambu #FFC0CB 255 192 203 0, 63, 52, 0 350, 25, 100
Nila #6F00FF 111 0 255 57, 100, 0, 0 266, 100, 100
Oranye #FF7F00 255 127 0 0, 50, 100, 0 30, 100, 100
Perak #C0C0C0 192 192 192 0, 0, 0, 63 0, 0, 75
Putih #FFFFFF 255 255 255 0, 0, 0, 0 0, 0, 100
Sian #00FFFF 0 255 255 100, 0, 0, 0 180,100,100
Ungu> #BF00FF 191 0 255 25, 100, 0, 0 285, 100, 100
Violet #8F00FF 143 0 255 44, 255, 0, 0 274, 100, 100
Zaitun #808000 128 128 0 0, 0, 100, 50 60, 100, 50




















































































Nama Warna kode Hex

RGB
kode Desimal

RGB
Warna dasar Merah
IndianRed CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightSalmon FF A0 7A 255 160 122
Crimson DC 14 3C 220 20 60
Red FF 00 00 255 0 0
FireBrick B2 22 22 178 34 34
DarkRed 8B 00 00 139 0 0
Warna dasar Merah Jambu
Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255 20 147
MediumVioletRed C7 15 85 199 21 133
PaleVioletRed DB 70 93 219 112 147
Warna dasar Oranye
LightSalmon FF A0 7A 255 160 122
Coral FF 7F 50 255 127 80
Tomato FF 63 47 255 99 71
OrangeRed FF 45 00 255 69 0
DarkOrange FF 8C 00 255 140 0
Orange FF A5 00 255 165 0
Warna dasar Kuning
Gold FF D7 00 255 215 0
Yellow FF FF 00 255 255 0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107
Warna dasar Ungu
Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255 0 255
Magenta FF 00 FF 255 0 255
MediumOrchid BA 55 D3 186 85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138 43 226
DarkViolet 94 00 D3 148 0 211
DarkOrchid 99 32 CC 153 50 204
DarkMagenta 8B 00 8B 139 0 139
Purple 80 00 80 128 0 128
Indigo 4B 00 82 75 0 130
SlateBlue 6A 5A CD 106 90 205
DarkSlateBlue 48 3D 8B 72 61 139
Warna dasar Hijau
GreenYellow AD FF 2F 173 255 47
Chartreuse 7F FF 00 127 255 0
LawnGreen 7C FC 00 124 252 0
Lime 00 FF 00 0 255 0
LimeGreen 32 CD 32 50 205 50
PaleGreen 98 FB 98 152 251 152
LightGreen 90 EE 90 144 238 144
MediumSpringGreen 00 FA 9A 0 250 154
SpringGreen 00 FF 7F 0 255 127
MediumSeaGreen 3C B3 71 60 179 113
SeaGreen 2E 8B 57 46 139 87
ForestGreen 22 8B 22 34 139 34
Green 00 80 00 0 128 0
DarkGreen 00 64 00 0 100 0
YellowGreen 9A CD 32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Olive 80 80 00 128 128 0
DarkOliveGreen 55 6B 2F 85 107 47
MediumAquamarine 66 CD AA 102 205 170
DarkSeaGreen 8F BC 8F 143 188 143
LightSeaGreen 20 B2 AA 32 178 170
DarkCyan 00 8B 8B 0 139 139
Teal 00 80 80 0 128 128












































































Nama Warna kode Hex

RGB
kode Desimal

RGB
Warna dasar Biru
Aqua 00 FF FF 0 255 255
Cyan 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0 64 224 208
MediumTurquoise 48 D1 CC 72 209 204
DarkTurquoise 00 CE D1 0 206 209
CadetBlue 5F 9E A0 95 158 160
SteelBlue 46 82 B4 70 130 180
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
DodgerBlue 1E 90 FF 30 144 255
CornflowerBlue 64 95 ED 100 149 237
MediumSlateBlue 7B 68 EE 123 104 238
RoyalBlue 41 69 E1 65 105 225
Blue 00 00 FF 0 0 255
MediumBlue 00 00 CD 0 0 205
DarkBlue 00 00 8B 0 0 139
Navy 00 00 80 0 0 128
MidnightBlue 19 19 70 25 25 112
Warna dasar Coklat
Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164 96
Goldenrod DA A5 20 218 165 32
DarkGoldenrod B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Chocolate D2 69 1E 210 105 30
SaddleBrown 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Brown A5 2A 2A 165 42 42
Maroon 80 00 00 128 0 0
Warna dasar Putih
White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225
Warna dasar Abu-abu
Gainsboro DC DC DC 220 220 220
LightGrey D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9 169 169 169
Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79
Black 00 00 00 0 0 0
Baca selengkapnya »»  
Kamis, 24 Juni 2010 0 komentar

Optimasi Loading Blog Dengan CSS Compression



Optimasi Loading Blog, pada Postingan kali ini saya ingin berbagi sedikit tips tentang mempercepat loading pada Blog, dengan memanfaatkan tools yg telah ada... lanjut yuk di bawah ini :)

C
ascading Style Sheets atau yang biasanya sering kita sebut dengan CSS adalah suatu kumpulan dari kode-kode yang saling tersusun secara berurutan dan saling juga berhubungan, css berguna untuk mengatur format atau mengatur tampilan pada suatu halaman website yang menggunakan HTML.

CSS dapat dikatakan memang sekarang telah menjadi suatu bagian yang terpenting pada suatu website, hal ini disebabkan karena css ini merupakan suatu kode-kode desain yang berfungsi untuk memberikan warna, style dan yang terpenting adalah digunakan untuk mempercantik tampilan website/blog anda.

Pasti bagi kita yang telah memiliki blog pastilah setidaknya kitapun pernah mengedit atau hanya melihat saja, kode css yang ada pada blog kita dapat kita gunakan untuk merubah warna, style huruf/font ataupun bagian yang lainnya dari blog kita.

Nah, pada artikel kali ini saya mau membagikan sebuah informasi mengenai CSS Compression atau dalam bahasa Indonesianya adalah kompresi CSS , kompresi css ini berguna untuk meningkatkan performa blog kita agar supaya lebih cepet di load.

dari hasil yang saya peroleh ternyata kompres css ini dapat mengurangi beban load namun tidak terlalu signifikan, mungkin hal ini dikarenakan css saya sudah simple kali yah, mungkin bisa di coba ke css yang lebih rumit untuk memndapatkan hasil yang signifikan.

Ada banyak situs yang menyediakan fasilitas online yang dapat kita manfaatkan untuk mengkompresi CSS ini, dan salah satunya adalah dengan menggunakan CSS Drive.

Untuk menggunakan CSS-Drive CSS Compression tidaklah sulit, pada situs ini nantinya akan ada 3 pilihan mode kompresi yang dapat kita pakai, beberapa mode diantaranya adalah Light, Normal dan juga Super compact.

Lalu selanjutnya adalah akan ada pilihan Comment Handling, hal ini maksdunya adalah digunakan untuk komentar-komentar yang ada pada file CSS milik kita, untuk dapat memperoleh hasil yang baik/ yang maksimal silahkan kita gunakan yang opsi Strip ALL comments.

Keterangan :
Sebelum kita melakukan kompres file css ada baiknya kita backup terlebih dahulu file nya, hal ini dimaksudkan supaya mencegah terjadinya hal yang tidak kita inginkan.


Semoga Bermanfaat tentang Optimasi Loading Blog Dengan CSS Compression diatas
Baca selengkapnya »»  
Sabtu, 29 Mei 2010 0 komentar

Membuat Emoticon Monyet pada Komentar


Tertarik untuk membuatnya?


1. Login ke Blogger pilih menu Layout/Tata Letak
2. Pada tab klik menu Edit HTML kemudian centang kotak Expand Template Widget
3. Letakkan kode di bawah ini sebelum kode </body>

<script src='http://luvanis.fileave.com/java/anzu-monyet.js' type='text/javascript'/>


4. Kalo sudah cari kode berikut :

<p class='comment-footer'>

kalo terdapat dua kode seperti diatas pilih yang paling bawah, jika sudah ketemu

5. Kemudian letakkan kode di bawah ni setelah kode <p class='comment-footer'>

<div style='overflow:auto; height:80px; width:360px'>
<b>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBerangan.gif' width='40'/> :a:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mBom.gif' width='40'/> :b:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCamera.gif' width='40'/> :c:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCry.gif' width='40'/> :d:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mCubit.gif' width='40'/> :e:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDarah.gif' width='40'/> :f:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mDuit.gif' width='40'/> :g:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mFlu.gif' width='40'/> :h:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGelak.gif' width='40'/> :i:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGergaji.gif' width='40'/> :j:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mGuilty.gif' width='40'/> :k:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHaha.gif' width='40'/> :l:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHantuk.gif' width='40'/> :m:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHihi.gif' width='40'/> :n:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mHurm.gif' width='40'/> :o:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mJahat.gif' width='40'/> :p:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKanta.gif' width='40'/> :q:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKening.gif' width='40'/> :r:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKenyang.gif' width='40'/> :s:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKipas.gif' width='40'/> :t:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mKorek.gif' width='40'/> :u:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mLove.gif' width='40'/> :v:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMandi.gif' width='40'/> :w:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mMuka.gif' width='40'/> :x:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNgumpat.gif' width='40'/> :y:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mNo.gif' width='40'/> :z:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPanas.gif' width='40'/> :1:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPeluh.gif' width='40'/> :2:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mPening.gif' width='40'/> :3:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRambut.gif' width='40'/> :4:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mRempit.gif' width='40'/> :5:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSad.gif' width='40'/> :6:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSakit.gif' width='40'/> :7:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSelam.gif' width='40'/> :8:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSmoking.gif' width='40'/> :9:
<br/>
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mStudy.gif' width='40'/> :10:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mSurrender.gif' width='40'/> :11:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mThinking.gif' width='40'/> :12:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mTorchlight.gif' width='40'/> :13:
<img src='http://i983.photobucket.com/albums/ae312/luvanis/monyet/mWekk.gif' width='40'/> :14:
</b>
</div>


6. Selesai dech tinggal save....dan lihat hasilnya
Baca selengkapnya »»  
Rabu, 26 Mei 2010 0 komentar

Meningkatkan Pengunjung Blog Dengan BlogUpp

BlogUpp adalah sebuah website yang menghubungkan blog yang satu dengan blog yang lainnya. Sehingga kita bisa meng-optimasi trafik blog kita dengan saling berbagi traffic antara satu sama lain.

Setiap blog yang terdaftar kedalam jaringan BlogUpp akan dibuatkan screenshot tampilan blognya. Contohnya seperti ini:




Screenshot inilah yang akan kita pasang pada blog kita. Jadi jika ada pengunjung blog yang tertarik dengan screenshot tersebut dan mengklik screenshot tersebut maka pengunjung akan dibawa ke blog yang bersangkutan. begitu juga sebaliknya sehingga kita bisa saling mendapatkan pengunjung dengan memanfaatkan widget ini.

Untuk mendaftar ke BlogUpp, caranya sangat mudah. Silahkan ikuti langkah-langkah dibawah ini:
1. Buka situs http://www.blogupp.com. Kemudian masukkan alamat url blog anda pada kotak yang sediakan lalu klik Get Widget!.





2. Setelah itu, pilih salah satu layout yang mau digunakan di Blog kita




3. Lalu copy kode pada kotak yang disediakan.
4. Buka Blogger. Klik menu Layout->Page Elements
5. Klik Add a gadget. Klik tombol + pada HTML/ Javascript
6. Pastekan kodenya dalam kotak lalu klik Save
7. Selesai.....


Selamat mencoba..!!
Baca selengkapnya »»  
Selasa, 25 Mei 2010 0 komentar

Membuat Tombol Bookmark dan Share


Mungkin Sudah Pada tau Tombol Share Okezone, seperti gambar screenshot sebelah ini (tombol share yang ada di bawah judul berita).atau bisa anda buka langsung situs okezone.com.

Oia sebelumnya postingan ini disadur dari blog temen :) ,,Nah cara Membuat Tombol Share ala Okezone di Blog cukup mudah Sekali. Berikut langkah-langkahnya:

1. Masuk ke Edit HTML, Jangan lupa Klik Expand Template Widget. Cari Kode Seperti ini ]]></b:skin> . Kemudian Copy Script Berikut

#sharethis{
float: right;
}

2. paste di atas kode ]]></b:skin> tadi.

3. Langkah selanjutnya yaitu Copy Kode Berikut :

<span id='sharethis'>
<div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4b0d68f938b62b99' type='text/javascript'/></div>
</span>

4. Kemudian Paste Di atas atau sebelum kode <data:post.body/>
5. Langkah Terkhir Simpan dan lihat hasilnya......


Semoga bermanfaat........

Baca selengkapnya »»  
Minggu, 23 Mei 2010 0 komentar

Membuat Link Pelangi

Bosan dengan tampilan link blog yang hanya satu warna....., coba dengan langkah berikut agar link blog dapat berkedip warna seperti pelangi

Langkah-langkah :
1. Login blog Anda ke www.blogger.com

2. Klik Tata Letak
3. Pilih Edit HTML

4. Cari kode </body> untuk cepat mencarinya blok kode tadi terus tekan CTRL+F
5. Letakkan kode dibawah ini diatas kode

<script src='http://luvanis.fileave.com/java/andre-pelangi.js ' type='text/javascript'/>



6. Simpan template terus klik Lihat Blog

jreeng .....semoga bermanfaat...
Baca selengkapnya »»  
Rabu, 19 Mei 2010 0 komentar

Cara Membuat ReadMore Bergambar



Untuk membuat ReadMore bergambar cukup sederhana caranya langsung saja ..


1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan “Expand Template Widget”
5. Cari kode seperti ini <p><data:post.body/></p> biar cepat klik Ctrl+F
6. Kemudian ganti kode tersebut dengan kode 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'>Read More......</a>
</b:if>

Keterangan :

Sebelumnya tulisan Read Morenya seperti tulisan yang berwarna biru. Tetapi pada postingan ini kita akan mengganti tulisan tersebut menjadi gambar. Caranya ganti kode “Read More” yang berwarna merah dengan kode ini


<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>


Jreeng...jadi dech , semoga bermanfaat


Hasilnya :
Baca selengkapnya »»  
 
;