Cara Membuat Tabel Kode Warna

Illustration: Lode Warna

Hallo Sahabat Blogger Terutama Sahabat KangTiar. Saya Kali ini akan Mengulas tentang Tutorial blog lagi. Tapi Kali ini Berjudul Cara Membuat Tabel Kode Warna  di Blog Tentunya. Tabel Kode Warna Sangat Berguna Untuk Mengetahui Kode warna yang Kita Inginkan Di Blog Kita. Karena Blog Kalau Tidak Ada warnanya itu Mustahil, Bila Pemilihan Warna Di Blog anda Bagus,Tentu saja Para Blog Walking Akan Betah Berkunjung Di blog Anda. Apakah anda Ingin Membuat Tabel Kode Warna  ini Di Blog anda??? Jika anda ingin Membuat silahkan KeTKP.

Langkah2nya sebagai berikut:

• Login ke Blogger.com
• Kemudian Tata Letak/Rancangan
• Pilih Tambahkan Widget
• Pilih HTML/JavaScript

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

<script type='text/javascript'>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };

picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

hueUpdate();

dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}


function hueUpdate(newVal) {

var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }

var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);

h = h / 180;

var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );

document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}

</script><!--[if gte IE 5.5000]>
<script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->

• Selanjutnya SIMPAN
• Kemudian Masuk Pada Postingan
• Pilih Entry Baru
• Ingat Posisi Anda harus pada Edit HTML
• Copas kode berikut pada Entry/Postingan

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form><p><a href="http://kangtiar.blogspot.com/2010/06/cara-membuat-tabel-kode-warna.html" target="new">Get it</a></p></center>

• Selanjutnya Terbitkan Entry dan lihat hasilnya

Semoga Artikel Cara Membuat Tabel Kode Warna di Blog Dapat Bermanfaat Bagi Anda.[KangTiar]

Cara Mudah Mengetahui ID Blogger

Blogger ID By:Bahtiar.AS

Selamat Pagi Blogger,Kali ini Saya Akan Mengulas tentang Trik Blogger. Judulnya Adalah Cara Mudah Mengetahui ID Blogger. Trik ini memang Sangat Simpel.Tapi saya sebelum mengetahui, saya juga Bingung. Mungkin Sudah Banyak Blogger yang Sudah Mempostingakan Artikel Seperti ini.Bagi anda yang Ingin Mengetahui ID Blogger Anda Silahkan Ke TKP....berangkat..

1. Masuk/Login Ke Blogger.com
2. Lalu Ke Dasbor
3. Klik Klok "Lihat Profil" Seperti ini

Perhatikan

4. Lalu Lihat ID anda.

Perhatikan

Berarti ID Kangtiar adalah 03050408411890669822

Jika anda Mengetahui ID Blogger orang lain,Anda Bisa Mencarinya Dengan Mudah.Dengan Cara Yuliskan Di Address Bar seperti ini http://www.blogger.com/profile/IDBlogger

COntohnya:

Mau Mencari IDnya KangRohman, Jika anda Mengetahui IDnya KangRohman Tinggal Masukkan IDnya Seperti ini:

http://www.blogger.com/profile/08206948046638364771

Mudah Bukan?

Semoga artikel Cara Mudah Mengetahui ID Blogger dapat bermanfaat Bagi Kita Semua.[KangTiar]

8 Blog Dengan Penghasilan Milyaran Pertahun

Illustration Blog is Money[by:tiar]

Hallo Sahabat Blogger,Kali ini Saya (KangTiar) akan Mengulas Tentang "Bisa Dimaksud" Bisnis juga.Tentunya Bisnis Blog. Karena Judul Kali ini Adalah 8 Blog Dengan Penghasilan Milyaran Pertahun. Wew...manthap juga ya...Apakah anda ingin Seperti Mereka Lihat Blog di bawah ini dan Lihat Kesuksesannya.

http://boingboing.net/

Pemiliknya adalah Mark Frauenfelder, seorang penulis dan ilustrator. Mark pernah bekerja sebagai kolumnis bulanan “Living Online” di majalah "Play Boy" selama 3 tahun.

Didirikan January, 2000

Penghasilan > Rp 1 Milyar per tahun

Topik Komik, fiksi ilmiah, komputer, dan teknologi

Trafik 22 juta page views dan 2,6 juta unique visitors (pengunjung blog yang berasal dari 1 alamat IP tertentu) per bulan

Update 20-40 postingan per hari dengan 4 penulis bayaran

Sumber penghasilan Iklan dengan tarif US $ 350 per minggu (button kecil), iklan banner $ 2000 – $ 3000 untuk minimum 170,000 impresi

Wow iklannya mahal banget, trafiknya pun hampir 1 juta page views per hari. Luar biasa!

http://www.shoemoney.com/

Pemilik blog adalah Jeremy Schoemaker, pria berkepala plontos asal Amerika Serikat yang berpenampilan eksentrik.

Didirikan Oktober 2005

Penghasilan $12,000 per bulan (setara Rp 1,4 milyar per tahun)

Topik Make money online

Trafik 20,000 unique visitors per hari

Sumber penghasilan Produk sendiri, AuctionAds, dan Adsense

http://www.talkingpointsmemo.com/

Pemilik: Josh Marshall. Mantan reporter politik yang menjadi full-time blogger.

Didirikan November 2000

Penghasilan $54,000 per bulan (setara Rp 5,4 milyar per tahun)

Topik Politik

Trafik 500,000 page views per minggu

Sumber penghasilan Iklan, afiliasi

http://perezhilton.com/

Pemiliknya Mario Lavandeira. Simak kata-katanya ini, “Advertisers come to

me because I get a lot of traffic. I get a lot of traffic because I work hard”.

Didirikan September 2004

Penghasilan $110,000 per bulan (setara Rp 13,2 milyar per tahun)

Topik Gosip selebriti

Update 20 postingan per hari

Trafik 4 juta unique visitors per hari

Sumber penghasilan Iklan (1 banner bertarif $13,000 per hari)

Perez Hilton memang blog selebriti dunia. Pemiliknya pun menjadi selebriti. Bahkan, dia menjadi juri dalam pemilihan Miss America 2009 lalu.

http://gothamist.com/

Pemiliknya adalah Jake Dobkin. “Advertisers like the demographics: young, educated, and often wealthy readers. A real draw for the city-based sites is the ability to target online ads geographically. It’s a benefit that some of the other independent publishers or blog networks can’t offer,” Dobkin says.

Didirikan Januari 2003

Penghasilan $50,000 per bulan (setara Rp 6 milyar per tahun)

Topik Dinamika kota New York, seni, makanan, events, dan 7 kota-kota metropolitan dunia

Update 20-25 postingan per hari (lebih dari 5 penulis)

Trafik 7 juta page views per bulan

Sumber penghasilan Iklan

http://techcrunch.com/

Pemiliknya adalah Michael Arrington. “Our advertisers are people who want to reach a tech audience and an early-adopter audience. It’s a targeted audience that spends a lot of money,” Arrington says.

Didirikan Juni 2005

Penghasilan $200,000 per bulan (setara Rp 24 milyar per tahun)

Topik gear, mobile technology, and sites

Trafik 5 juta page views per bulan

Sumber penghasilan Iklan (button kecil tarifnya $300 dan banner $ paling kecil $1,000 per minggu) dan job board

http://mashable.com/

Pemiliknya adalah Pete Cashmore. “Now it’s more than a full-time job. Bloggers don’t get much sleep,” he says

Didirikan Juli 2005

Penghasilan $166,000 per bulan (setara Rp 19,9 milyar per tahun)

Topik trend of mashups

Trafik 4 juta page views per bulan

Sumber uang utama Iklan teks (tarifnya $100 per minggu) dan banner (tarifnya $2,000 per minggu)

http://www.problogger.net/

Pemiliknya Darren Rowse. Ia sering dijuluki Bapaknya para blogger yang make money blogging. Dengan bantuannya (dibahas dan mempersilakan para blogger menjadi guest blogger di blognya), banyak blogger yang menjadi terkenal (misalnya Yaro Starak, Chris Garret) dan meraup ribuan dolar per bulannya.

Didirikan November 2004

Penghasilan $100,000 per tahun (setara Rp 1 milyar)

Topik Make money online dan make money blogging

Up date 1-2 postingan per hari

Trafik 1,5 juta pengunjung per bulan

Sumber uang utama Chitika, Google AdSense, Text Link Ads, dan Amazon Associates.

Apakah anda berminat untuk Melangkah seperti Mereka??Tetaplah Bersemangat Untuk Maju.[KangTiar]
source:kaskus.us

Mulai Ada Blogger yang “Tidak Suka” Dengan Blog KangTiar

Hallo sahabat blogger Indonesia yang Baik,Salam SUPER…hehehehehe Seperti Mario Teguh Saja.Kali ini saya akan mengulas tentang “Duka Blog KangTiar” Mulai Ada Blogger yang “Tidak Suka” Dengan Blog KangTiar. Kenapa saya Mempostingkan Artikel yang “Tidak Penting”hehehe. Artikel ini Saya Postingkan untuk Berbagi Informasi Saja.

Kok Bisa!

Mungkin, ini Mungkin lho!.

1. Gara-gara Ganti Template The Latest (Seperti Mas Doyok)

2. Pengunjung Blog KangTiar Mulai Membludak.

Iya, mungkin gara-gara Saya Ganti Template The Latest (Seperti Mas Doyok) Ada Blogger yang Tidak Suka .Kenapa,Mungkin Dibenak Blogger yang Tidak Suka itu Adalah KangTiar Tidak Punya Kreatifitas..Padahal Template Blog KangTiar Tidak Seperti Mas Doyok. Hanya Produk Templatenya Sama (The Latest). Dan Padahal Warnanyapun Sangat Berbeda..Desain Kolomnyapun Juga Sangat Berbeda..kenapa?Kenapa? Kok Bisa Dikatakan Jiplak Mas Doyok? Kenapa??..Saya Sebagai Blogger ya..Kurang Terima Kalau Dikatakan Tukang Jiplak. 

Bagaimana Peristiwanya?

Sebelumnya Ada Blogger yang Juga Tidak Suka…(gara-gara Gambar "Sepatu" itu) dan ini Ledekannya,KangTiarpun Di Beri FU*K

Masalahnya Yaitu,Saya Dituduh Mengambil Hak Cipta Gambar itu(Oleh IB).Tapi Masalah itu Tidak saya Tanggapi Berlebihan,Sayapun langsung Cabut gambar itu Dari Blog KangTiar.Tapi ”Saya Merasa yang Salah,Karena Saya Mengambil Gambar Dengan Tidak Izin”. Tapi Pada Hari yang Berbeda Teman Blogger Malah Menawarkan Gambar itu..Saya Bingung Juga Katanya (IB) Adalah Pembuat gambarnya..Tapi kata teman blogger saya..Gambar itu Bukan Ciptaan (IB). …

Ya…Hari Kamis Kemarin (24/06/2010) waktu saya Lagi Chat dengan Sahabat Blogger di (Visit: Chating Bersama) . Tiba-tiba Ada Blogger yang Memakai Nickname “KangTiar”dan dengan URL blog KangTiar…..Dan Dia Berkata.

Ini Saya Tuliskan Kata-kata Dari KangTiar Palsu
1. "Ayo Berkunjung Ke KT(KangTiar) yang Suka Meniru."
2. "KT(KangTiar) semakin Menjiplak"
3. "Semua Dijamin Tiruan Mas Doyok,Ayo Berkunjung"
4. "Ayo Saya Memang Suka meniru,Otak Saya Sudah Buntu jadi Meniru"
5. "Iya. Ada KangTiar Gadungan KangTiar Memang Gadungan"
6. "KT(kangTiar) Otaknya Lagi Buntu Jadi Gak Bisa Mikir,Jadi Meniru"

Saya pun Hanya Bisa Berkata “Maksud Kamu APa?” dan Bilang “MAS Doyok Sudah Memberi Izin Kepada Saya Untuk Memakai Template The Latest.....Kenapa kamu yang keberatan ..Mas Doyok Saja Tidak KEBERATAN ...memang kamu Dasar ##&^%@@#%”….

Dan Hari Jum’atnya ada lagi Tapi Nicknamenya Preman kalideres Kata teman Blogger saya Preman kalideres Tidak Lain adalah CORETAN FELIX Blogger yang Selama ini Saya Pikir Blogger Sejati. Malah Dia Mencoba Menghancurkan Blog saya Dengan Cara Menjelek jelakan Blog KangTiar.Tapi Preman kalideresTidak Hanya Menhelek-jelekan KangTiar diapun Juga Menhelek-Jelekin Blogger Lain.

Ini Juga ada Tuliskan Kata-kata Dari Preman kalideres.

1. "Waduwh, ,kb Tukar comment n Link koq ngemis disini"

2. "MF(MagazineForum) Raja Jiplak"

3. "Luthfi Bangga Benar Lo ini..,Itukan Editan I-OM yang gak ada Kreativitas Bisanya Jiplak"

4. "Harusnya malu dong ,Minta Buatin Sama Orang yang Tukang Jiplak..,,,Muka Lo Taruh mana?"

5. "Trully...Norak Bener Kamu ini Minta Comment sama Orang Tukang Jiplak .,Kelihatan Postingan Kamu tidak ada Bobot Sama Sekali ,Apa dari jiplak Punya Orang."

6. "Ada KangTiar yang Jiplak Blog Mas Doyok.,ya..,,"

7. Dan ini Waktu Para bogger Mencaci maki Kalau Si Preman kalideres Adalah Coretan Felix...Tiba-tiba Dia Bilang Begini "Saya ini Preman KaliDeres,..Bukan Felix Jangan Fitnah FeliX"

Dan tiba-tiba Dia Menghilang dari Shoutmix.

Akhir

Ya…dari Peristiwa ini Saya Bisa mengambil Hikmahnya,Mungkin Dengan Adanya Peristiwa ini Blog KangTiar akan Lebih Maju dan Sukses. Tentunya Tetap Eksis Didunia Blogger Indonesia Maupun Dunia…Amin.Dan Saya Mau Berpesan Kepada Blogger/Orang yang Tidak Suka Dengan Blog KangTiar.”Janganlah Menjadi Orang yang Merasa Benar dan Pintar,Ingatlah Pepatah Diatas Langit Masih Ada Langit”(Saya Minta Kita Damai Saja...Oke).….. Terima Kaih.[KangTiar]

Menambah Dua Sampai Tiga Kolom Di Bawah Header

Ilustration By:Bahtiar.AS

Selamat pagi Sahabat Blogger yang Setia,Apa kabar Nie..Pasti Baek-baek Saja. Kali ini KangTiar akan Mengula Tentang Tutorial Blog/Blogspot Lagi. Judul Kali ini Adalah Cara Menambah Dua Sampai Tiga Kolom Di Bawah Header Blog. Kolom-kolom ini akan sangat berguna Untuk Pasang Iklan,Pasang Proil,Pasang Follow,Buku tamu(Baca: Shoutmix Premium Gratis, CBOX),Anda Bisa pasang apa saja Di Kolom-kolom itu .Kalau Dikolom itu Saya pasang Kotak Follow,Buku Tamu (CBOX),Kotak Profil. Apakah anda Berminat Menambahkan Kolomnya Ke dalam Blog Anda?.Bagi yang Berminat ya...langsung saja Berangkat.....
 

1. Login Ke Blogger.com

2. Kemudian Masuk Ke Tab Tata Letak/Rancangan

3. Dan Masuk lagi ke Edit HTML

4. Centang Expand Widget
5. Copas kode berikut diatas kode ]]></b:skin>

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

• Bagi anda yang ingin Memasang 2 Kolom Dibawah Header Silahkan Copas kode berikut diatas kode <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

• Bagi anda yang ingin Memasang 3 Kolom Dibawah Header Silahkan Copas kode berikut diatas kode <div id='main-wrapper'>

    <div id='box-main-container'>
    <div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
    </div>
    <div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>

Dan yang Terakhir jangan Lupa Disimpan

HASIL DARI 3 KOLOM

3 Kolom Di blog KangTiar

Semoga Artikel  Tutorial Cara Menambah Dua Sampai Tiga Kolom Di Bawah Header Di blog Dapat Bermanfaat Bagi Kita Semua.[KangTiar]