dEwie Choco

Hadiah dari Teman

2009-12-30T17:44:00.000-08:00

asik-asik dapat oleh-oleh dari mb piet.. makasih yaaa...

Award

2009-12-30T17:09:00.000-08:00

Makasih banget ya Aneh81 buat Awardnya...

Lansung aq pajang nihh...

Award dari de' Yusrond

Membuat Kode Warna

2009-12-25T21:41:00.000-08:00

Sesuai request dari mas Delvit saya akan mencoba mengulas bagaimana cara membuat kode warna...

check this out...

1. Log in dahulu ke account blogspot sobat.

2. PIlih tab "Tata Letak" & Klik "Edit HTML"

3. Centangkan "Expand Widget Templates"

4. Copy kode dibawah ini dan letakkan tepat diatas kode </head>

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>

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]>

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]-->

5. Simpan template

Sobat bisa meletakkan kode warna tersebut pada halaman Posting atau pada Elemen Halaman

Pada Halaman Posting

* Buat posting > copas kode warna dibawah ini.

Pada Elemen Halaman

* Tata Letak > Elemen Halaman > Tambah Gadget.
* Tambahkan "HTML/Javascript" > copas kode warna dibawah ini.

kode warna..

</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="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>

</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></center>

Selamat Mencoba...

Membuat Cloud Label ( Label Awan)

2009-12-25T20:41:00.000-08:00

Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog sobat. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya.

Langsung aja dewhh...

* Login ke account blogger kamu.

* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template Sobat dengan meng-klik tulisan Download Template Lengkap.

* Cari kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

atau kode-kode yang sejenis dalam template blog Sobat.

* Tambahkan kode berikut di bawahnya.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "150", "200", "7", "#F8E0EC");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xB4045F");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Catatan :

Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ("150"), tinggi area label ("200"), dan warna area label (#F8EOEC) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog Sobat.
Jangan sampai kelupaan jika Sobat merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (B4045F). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel #.
Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.

Jangan lupa disimpan

Selamat Mencoba....

Cara Menengahkan Tulisan / Kode HTML

2009-12-20T16:20:00.000-08:00

Mungkin sobat sekalian sudah mengerti "bagaimana cara menengahkan Tulisan / Kode HTML.. tapi buat yang belum tau, bisa baca lagi posting ku...

kita cukup memasukan script ini <center> dan ini </center> di antara tulisan, langsung di coba aja ya....

contohnya ::

♫ untuk tulisan...

<center> Tulisan yang mau di buat tengah</center>

Hasil

Tulisan yang mau di buat tengah

♫ untuk Link...

<center> <a href="http://dewie-choco.blogspot.com"/>dewie choco<a/> <br/></center>

Hasil

dewie choco

♫ untuk Kode HTML...

Hasil

Selamat Mencoba....

Kode Warna

2009-12-15T19:05:00.000-08:00

Buat sobat blogger yang mau mencari kode HTML warna bisa cari di sini.....

Selamat Mencoba!!!!

Link Sobat

2009-12-14T20:26:00.000-08:00

Sobat Blogger sekalian bisa melihat Link & Banner di sini..

Silahkan mengecek Link ato Banner Sobat Blogger, klo ada yang belum masuk, silahkan konfirm yaaa....

***** A *****

Aswin F

Ardi33

Ande

Anyer Gres

Andra Chemical

Aneka Artikel

Ajrajr

Adnan Habsi

Asya

Asep Sukarman

Alamathur

Asty25

Anak Nelayan

About GA

Aneh81

Adyaa Izyan

***** B *****

Bang Del

Bayu Lebond

Bagus

Bulan Madu

Bang Hasmi

Bang Opiek

Blog Invest

Buzinezz News

Beta Version

Blog Hasil Copas

Benu Doang

Bony Hardian

***** C *****

Cool Blue

Cinta Rasul

CSS Library

Cara Praktis Bisnis

Cemplymedia

Cicin

***** D *****

Delpid

Double R

Die Silver

Didno76

Divi

Dunia Basket

Decora Tu Blog

Dragon Fly Ads

Deboger

Dinar Emas Malaysia

***** E *****

Edwin Algreen

Earn$$$

Entertainment Hotnews

Ekaitpc

Ebenk789

Ega

Energy Boosters

Encyclopedia Internet & Computer

Elis

***** F *****

FecesHouse

Foxest

FalknerSpehere

Fans Barcelona

Fonts Guru

Fathur Mobile

***** G *****

Gusti Agung

Gombong

Gunk Goes

Gerung Damar

***** H *****

Human Body

Hero Business

Hasnan Fisika

***** I *****

Imam Firdaus

Icut Titang

Investasi4Sukses

Irma Senja

Indie Indo

Ikhwaners

I-busines

***** J *****

Jatger

Jamian

Jupiter

Joomla Tutorial

Jojo

***** K *****

Kupu Mungil

Koleksi Osi

Kang Asep

Kian

***** L *****

Lautan Ilmu

Liqo Software

Lafa Lofe

Lowongan Kerja dan Uang Gratis

Lilis Indrawati

Laskar Ghunung Bhancak

***** M *****

Media Informasi

Melanbae

Meong17

MP3 Gratisan

Mas Rendra

Mas Doyok

Main Bola

Mutiaramail

Mustang

Mobile Phone & Lifestyle

My Encyclopaedia

Maya Ozk

Memento Mori

Musik Flazher

Mas Ghani

Meshothelioma

***** N *****

Neng Toyib

Nursenapza

***** O *****

***** P *****

Pusang Kalye

Psikonseling

Plan Marketing

Phantom

Pusat Informasi Bisnis

PRIE 79

***** Q *****

***** R *****

Ruang SC

Ria Imut

Rumah Curhat

***** S *****

Sukses Mendadak

Sembarang

Swara Iklan

Solusi Gadjet

Star Citizen

Sebalai

Sabda Alam

Sabirinnet

Sahara

Suave Online

Sejenak

Sekedar Catatan

Sang Milyader

Scubby Zone

Sepatonline

Salon Oyah

ShortStory16

Santai Blog

***** T *****

Trik-Tips Blogspot

The Hit E-book

Tutorial SEO

Tekaje Skh

Tulisan Byasa

Talk Lemon Law

Templates Blog

The Cutes Blog on The Block

The Noock

***** U *****

Ulyaak22

Usman Bangetdh

Uminadine

***** V *****

Vkramz

Vmancer

Visit Indonesia

***** W *****

Warnet

Word Inside

***** X *****

***** Y *****

Yudha

Yuliantiez

Yogie Green

Yunchun Miracle

***** Z *****

Zamrud

Zone 4 Health

***** B A N N E R *****

Make your own banner at MyBannerMaker.com!

Donygol's Blog

Membuat Readmore Otomatis

2009-12-13T21:27:00.000-08:00

Terkadang ada template yang tidak menyediakan fitur Readmore... Nah, sekarang sobat bisa membuat sendiri read more tersebut...

Caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Cari kode berikut

</head>

5. Kemudian masukkan script di bawah ini tepat di bawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://sites.google.com/site/dewiechoco/javascript/read-moreotomatis.js' type='text/javascript'/>

6. Lalu cari kode berikut :

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

7. Ganti kode di atas dengan

<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'>READMORE&gt;&gt;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Simpan lalu lihat hasilnya..

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

=> Summary noimg = 400; tinggi artikel terpenggal tanpa image

=> Summar img = 400; tinggi artikel terpenggal dengan image
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)

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

Menampilkan kode HTML pada Posting Blog

2009-12-13T17:53:00.000-08:00

Dulu aku sempat puyeng sama masalah satu ini.. tapi setelah aku cari-cari akhirnya ketemu juga gimana cara posting HTML... Huft...

Daripada penjelasan banyak tapi pada ga ngerti langsung aja deh, simak penjelasan aku...

misalnya Sobat Blogger ingin menampilkan kode berikut :

]]></b:skin>

tapi yang keluar malah kosong... nah looo...

Nah, supaya kode tersebut ada ketika di tampilkan caranya adalah dengan mem-parse, lansung aja deh masukin kode yang mau di parse ke Centricle.. pasti kode yang ingin dimasukkan bisa ditampilkan...

Selamat berkreasi...

Memasang Toolbox Bookmark & Share Addthis di Bawah Postingan

2009-12-13T16:59:00.000-08:00

Banyak cara untuk memperbanyak trafik/pengunjung ke blog, salah satunya adalah dengan menambahkan toolbox Bookmark & Share Addthis. Karena dengan di bookmark/share nya blog dan artikel kita pada situs sosial bookmarking tersebut, maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud dan mereka akan dengan mudah menemukan artikel kita kembali, karena mereka sudah membookmark artikel kita di account mereka.

Tampilan Toolboxnya seperti ini :

Cara pasangnya mudah koq..

Ikutin yaaa...

1. Masuk ke addthis.com

2. Buat account baru, kemudian Login ke account Sobat Blogger.

3. Pilih GET YOUR BUTTON CODE.

4. Kemudian sobat akan memilih bentuk tampilan, pilihnya terserah Sobat Blogger aja, lalu pada menu WHERE, pilih BLOG, pada PLATFORM pilih BLOGGER.

5. Klik menu GET YOUR BUTTON CODE, kemudian Sobat akan mendapatkan kode javascipt yang harus Sobat pasang pada Blog Sobat. Copy kode tersebut.

6. Masuk ke account Blogger Sobat, pilih TATA LETAK --> EDIT HTML (expand widget kudu di centang dulu ya...)

7. Cari kode :

<div class='post-footer'>

8. Paste kode javascipt tersebut di bawah kode di atas.

9. Save dan lihat hasilnya.

Selamat Mencoba...

Membuat Title Bergerak/Marquee

2009-12-11T20:04:00.000-08:00

Buat sobat yang mau Address Bar-nya bergerak seperti punya ku... Ikutin dech cara berikut ini....

Caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Cari kode berikut "<title><data:blog.pageTitle/></title>"

5. Lalu ganti kode di atas dengan

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Dan yang perlu diedit adalah <data:blog.pageTitle/> sobat bisa mengganti dengan teks sesuka sobat blogger tapi jangan lupa dihapus dulu. Kalau ga pengen di ganti juga No Problem jadi secara otomatis judul blog sobat yang asli yang akan bergerak.

truz angka 100 ini menunjukkan kecepatan pergerakan dan sobat juga bisa menggantinya.

6. Simpan, lalu lihat hasilnya.

Selamat berkreasi!!!

Gambar Favicon & Cara Pasang Favicon

2009-12-11T19:36:00.000-08:00

Sobat blogger pasti tau apa itu Favicon atau biasa disebut Favorite Icon..... itu adalah gambar favorit kita yang muncul di URL browser....

Nah, daripada banyak penjelasan tapi gak ngerti, langsung aja dech dipraktekin....

Caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Copy kode dibawah ini dan letakkan tepat diatas kode "</head>"

<link href=' Alamat gambar sobat ' rel='SHORTCUT ICON'/>

5. Simpan, lalu lihat hasilnya.

Selamat berkreasi!!!

Welcome To My New Blog

2009-12-10T23:25:00.000-08:00

setelah terpuruk dan jatuh...(lebay..)

akhirnya aku memutuskan untuk bangkit kembali..

walaupun perlahan tapi pasti..

blog aku yang dulu "Dewie Loverz" uda di blokir...

sediiiihhhh....

tapi aku pasti bisa buat blog yang lebih baik lagi...

hahahaha....

semangat dew...

aku pasti bisa...