Rabu, 28 Maret 2012

Cara Menambahkan Animasi Pada Navbar

by  0

Hello Sobat Blogger, kali ini Saya akan memberikan Tips yaitu "Cara Menambahkan Animasi Pada Navbar". Seperti yang Kalian lihat pada gambar di atas, atau pada Blog ini, Navbarnya berisikan Animasi. Bagaimana, Kalian tertarik...? kalau tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan -- > Edit HTML.
[3]. Kalau sudah, cari Code body {.
[4]. Kemudian Copy dan Paste-kan Code di bawah ini tepat di ATAS Code body {.
A. Untuk Navbar Yang Normal.
#navbar-iframe {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DixhaVh9cri19n0AF_F0iFafu7LSty5xbcBfXqp8k4tNj0mfj0QhUB7ZyrLVVreEdDr2aXQfnFxDFOFNvzkGgzhPcDQm7J2pRDLTEkoabq46IZR5pYq5UODegW98KlQB5HfbgHaPLc4/s1600/1b.gif) center repeat;}
B. Untuk Navbar Yang Show Hide.
#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DixhaVh9cri19n0AF_F0iFafu7LSty5xbcBfXqp8k4tNj0mfj0QhUB7ZyrLVVreEdDr2aXQfnFxDFOFNvzkGgzhPcDQm7J2pRDLTEkoabq46IZR5pYq5UODegW98KlQB5HfbgHaPLc4/s1600/1b.gif) center repeat;}
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
/* General
*/
KETERANGAN :
* Tulisan yang berwarna Biru, adalah URL Gambar Animasinya. Kalian bisa menggantinya dengan Gambar Animasi yang Kalian suka.
* Dan jika di atas Code body { ada Code yang seperti di atas, hapus saja Codenya dan ganti dengan Code di atas.

[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Berhasil...!!!

Minggu, 25 Maret 2012

Cara Menambahkan Icon Di Depan Judul Postingan Blog

by  0


Berhubung Saya masih sempat untuk membuat Postingan, sekalian juga Saya memberikan Tips berikut, yaitu [Cara Menambahkan Icon Di Depan Judul Postingan Blog]. Seperti yang Kalian lihat pada Gambar di atas, atau pada Blog ini, pada bagian depan Judul Postingan, kan ada Icon Gambarnya. Kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor -- cari Rancangan --> Edit HTML.
[3]. Centang kotak "".
[4]. Cari Code  <b:if cond='data:post.url'>. Kira-kira Codenya seperti di bawah.
<b:if cond='data:post.url'>
 <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
 <b:else/>
  <data:post.title/>
 </b:if>
[5]. Kemudian, tambahkan Code di bawah ini di antara Code <a expr:href='data:post.url'> dan Code <data:post.title/>.
<img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/>
[6]. Hinggal menjadi seperti Code di bawah.
<b:if cond='data:post.url'>
 <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/><data:post.title/></a>
 <b:else/>
  <data:post.title/>
 </b:if>
KETERANGAN :
* Tulisan yang berwarna Hijau, ganti dengan URL Icon Gambar Kalian.

[7]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis

by  0

Heloo Sobat Blogger, kembali Saya menyapa Sobat2 Blogger semua. Saya kembali Update Tips Blogger, dan kali ini Saya akan memberikan Tips Blogger yaitu "Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis". Seperti pada judul kali ini, Blog kita akan Nge-Reload atau Nge-Refresh dengan sendirinya, dengan waktu yang kita tentukan. Tips ini juga bermanfaat untuk menyegarkan Blog kita. Bagaimana, Kalian tertarik...? Kalau tertarik, silahkan ikuti langkah-kangkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian masing2.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Ketiga, cari Code <head>. [Gunakan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian].
[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code <head>.
<meta http-equiv="refresh" content="300"/>
KETERANGAN :
* Angka yang berwarna Merah, menunjukan lama waktu Blog kita akan me Refresh. 300 artinya 300 detik atau 5 menit. Kalian bisa menyesuaikannya dengan keinginan Kalian.

[5]. Terakhir, tinggal di SAVE. Dan coba Kalian lihat hasilnya.

Semoga Bermanfaat Ya...!!!


Selasa, 20 Maret 2012

Cara Membuat Effect Kedap-Kedip Pada Postingan

by  0
Hello sobat Blogger, bagaimana kabar Kalian hari ini,,? semoga sehat2 saja ya. Kali ini Saya akan berbagi Tips Bloger yaitu "Cara Membuat Effect Kedap-Kedip Pada Postingan Atau Judul Postingan Blog". Sebenarnya sudah lama Saya ingin SHARE Tips ini, tapi baru hari ini Saya bisa SHARE. Sebagi contoh, pada Judul Postingan Blog ini atau pada salah satu Postingan Blog ini, Kalian bisa lihat ada Tulisan yang berkedap-kedip terus-menerus. Bagaimana, Kalian tertarik...? kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Kedian dari Dasbor, buat sebuah ENTRI baru.
[3]. Selanjutnya, Copas atau Ketik Code di bawah.
<blink>Postingan Kalian atau Judul Postingan Kalian</blink>
KETERANGAN :
* Untuk menaruh Codenya, pastikan di dalam Mode Edit HTML pada Postingan.

* Ganti tulisan yang berwarna Biru, dengan Postingan Kalian.
* Sedangan untuk Judul Blog, lihat Gambar di bawah.


[4]. Terakhir, tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat.

Senin, 19 Maret 2012

Cara Membuat Scroll Pada Postingan Blog

by  0

Scroll pada Postingan, hemm mungkin Kalian sudah tau tentang judul Postingan kali ini. Seperti pada Blog ini, pada Postingan, pasti terlihat ada Scroll-nya. Scroll berfungsi sebagai "Penghemat Ukuran Postingan". Dari Postingan yang Panjang menjadi Pendek. Bagaimana, Kalian tertarik...? kalau tertarik silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Postingan.
[3]. Buat sebuah Entri Baru.
[4]. Kemudian, pada Mode Edit HTML pada Postingan, masukan Code di bawah ini, ke dalamnya.
<div style="overflow:auto;width:450px;height:400px;padding:10px;border:2px solid none">

</div>
KETERANGAN :
* Tulisan yang isi BG Biru, bisa Kalian sesuaikan dengan keinginnan Kalian.

Lihat Gambar Di Bawah Kalau Kalian Bingung Memasukan Codenya.


KETERANGAN :
* Kalau Kalian memasukan Postingan, pada Mode HTML, Copy semua Codenya. Lihat gambar di bawah.


Hingga Menjadi Seperti Gambar Di Bawah.


[5]. Terakhir, tinggal di Publise.

Jika ada pertanyaan, silahkan Kalian isi di Kotak Komentar.

Minggu, 18 Maret 2012

Cara Memasang Tombol Berbagi [Share] Di Bawah Postingan

by  0

Tombol Berbagi atau yang sering di sebut juga Tombol Share, berfungsi untuk memudahkan pengunjung Blog kita untuk Berbagi Artikel yang di telah di baca. Like Facebook, Twitter Tweet, dan Google+1, merupakan layanan berbagi saat ini. OK, yang berbinat, silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu centang kotak [ ].
[4]. Cari Code <data:post.body/>. [Agar mempermudah pencarian, tekan CTRL + F atau F3 pada Keyboard]. Jika menemukan Code <data:post.body/> ada 2, [Pilih Yang NO. 2].
[5]. Selanjutnya, Copy dan Paste-kan Code di bawah, tepat di BAWAH Code tadi.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
<!-- AddThis Button END -->
[6]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!


Sabtu, 17 Maret 2012

Cara Membuat Read More Di Blog v.02

by  0

Read More, Tombol ini sangat berguna untuk para Blogger yang mempunyai Postingan yang panjang. Sebelumnya Saya sudah pernah Posting v.01-nya, dan kali ini yang v.02-nya. Tips ini juga bermanfaat untuk memperindah Postingan Kalian. Bagaiman Kalian tertarik...? kalau tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang .
[4]. Kemudian, cari Code </head>.
[5]. Lalu Copy dan Paste-kan Code di bawah ini tepat di BAWAH Code tadi.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://jmk-js.googlecode.com/files/Read%20More%20JmK.js' type='text/javascript'/>
[6]. Kalau sudah, cari Code <data:post.body/>, atau jika tidak ada, cari Code <p><data:post.body/></p>.
[7]. Kalau sudah ketemu, HAPUS Code tersebut dan ganti dengan Code di bawah.
<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'><img align='right' alt='read more' margin='0' border='0' width='80' height='35' src='https://sites.google.com/site/rakasajmk/download-1/download-4/Read%20More%20JmK%205.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
KETERANGAN :
* Code yang berwarna Biru, adalah URL Button Read Morenya. Kalian bisa menggantinya dengan URL Button Kalian.

[8]. Terakhir, tinggal di SAVE dan lihat Hasilnya.

Semoga Bermanfaat...!!!

Selasa, 13 Maret 2012

Cara Memasang Code Warna HTML Pada Blog

by  0
Sebelumnya Saya sudah pernah "Posting Daftar Kode Warna HTML Lengkap", dan kali ini Saya akan Posting Cara Memasangnya di Blog Kalian. OK, kita langsung saja kelangkah-langkahnya.

A. Code Warna HTML [1]


Untuk yang pertama ini, langkah-langkahnya,
* Pertama, pastinya Login dulu ke Blog Kalian.
* Kemudian, dari Dasbor, Buat Sebuah Postingan Baru.
* Lalu pada Mode Edit HTML pada Postingan, Copy dan Paste-kan Code di bawah ke dalamnya.
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object>
* Kalau kurang jelas, coba lihat gambar di bawah.


* Kumudian Klik "Publikasikan".


B. Code Warna HTML [2]


Cara Memasang Code Warna yang ke dua ini, caranya sama dengan yang NO. 1.
<div style="text-align: center;">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object>
</div>

C. Code Warna HTML [3]


Nah kalau untuk yang ke tiga ini caranya agak sedikit berbeda.
* Kalau Kalian sudah dalam keadaan Login, dari Dasbor, cari Tata Letak --> Add Gadget.
* Lalu CoPas Code di bawah ini kedalamnya.
<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]-->
* Kemudian Simpan dan Jangan di isi Nama Gadgetnya, (Kosongakan Pada Bagian Nama Gadget).
* Lalu, buat sebuat Postingan Baru.
* CoPas Code di bawah kedalam Postingan, (Mode Edit HTML pada 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="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>
</center>
* Terakhir tinggal di "Publikasikan", dan tara, Code Warna HTML Kalian sudah jadi.

Sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian, dan jika Kalian masih merasa bingung dengan cara memasangnya, Kalian bisa tulis pertanyaan Kalian pada Kotak Komentar di bawah.

Salam Blogger Indonesia.

Sabtu, 10 Maret 2012

Cara Menghilangkan Tulisan "Diposkan Oleh, Dan Waktu Postingan" Pada Blog

by  0

Kali ini Saya akan memberikan Tips Blogger yang saat sederhana sekali, yaitu "Cara Menghilangkan Tulisan "Diposkan Oleh, Dan Waktu Postingan" Pada Blog". Sebelumnya Saya pernah bahas tentang "Cara Menghilangkan Laber Di Bawah Postingan Blog". Seperti yang Kalian lihat pada Blog ini, pada Postingan, pasti tidak ada Tulisan "Diposkan Oleh, dan Waktu Postingannya". Cara ini cukup efektif untuk ukuran postingan pada Home Blog. Apakan Kalian tertarik...???. Yang tertarik, silahkan ikuti langkah-langkah berikut.

[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Kemudian centang kotak " ".
[4]. Cari Code2 di bawah.

Untuk Tulisan "Diposkan Oleh", Cari Code Di Bawah.
<span class='post-author vcard'>
 Kira-kira Codenya seperti di bawah. 
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
- Lalu hapus Code tersebut.

Untuk Tulisan "Waktu Postingan", Cari Code Di Bawah.
<span class='post-timestamp'>
 Kira-kira Codenya seperti di bawah.
<span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
 - Lalu hapus Code tersebut.

[5]. Terakhir, tinggal di Save.

Sekarang Lihat Blog Kalian, Apakah Masih Ada Tulisan Tersebut...??? Harusnya Sudah Hilang Sih. Hehehe.

Sekian Tips Kali Ini, Semoga Bermanfaat.

Cara Menambahkan Gambar Back To Top (Kembali Ke Atas) Pada Blog

by  0

Sebelumnya Saya sudah pernah bahas tentang "Cara Membuat Doble Klik untuk Back To Top (Kembali Ke Atas) Pada Blog", Tips itu menggunakan Doble Klik untuk Back To Top. Dan kali ini Saya kembali Update, Tips ini agak sedikit berbeda, yaitu dengan menggunakan gambar. Seperti yang Kalian lihat pada Blog ini, pada bagian kanan bawah, itu kan ada Gambar Back To Top. Bagaimana, Kalian tertarik...???. Kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Kemudian, cari Code <body>.
[4]. Kalau sudah ketemu, sekarang Copy dan Pastekan Code di bawah, tepat di bawah Code <body>.
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Kembali Ke Atas'><img src='https://sites.google.com/site/rakasajmk/download-1/download-3/back%20to%20top.png'/></a>
KETERANGAN :
* Ganti tulisan yang berwarna Merah dengan Kata-Kata yang Kalian inginkan. Sedangkan Tulisan yang berwarna Biru, ganti dengan URL Gambar Kalian.

[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

Kamis, 08 Maret 2012

Cara Menghilangkan Label Di Bawah Postingan Blog

by  0

Hello Sobat Blogger sekalian, kembali Saya menyapa Sobat2 Blogger. Setelah lama fakum, akhirnya Saya kembali Aktif. Dan kali ini Saya akan memberikan Tips Blog yang sangat sederhana. Tips kali ini adalah "Cara Menghilangkan Label Di Bawah Postingan Blog". Baiklah, kita langsung saja ke langkah-langkahnya.

A. CARA PERTAMA.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak " ".
[4]. Lalu Cari Code <span class='post-labels'>.

KIRA-KIRA CODENYA SEPERTI DI BAWAH.
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

[5]. Nah kalau sudah ketemu, tambahkan Code <!-- dan Code --> di atas sama di bawahnya.

HINGGA MENJADI SEPERTI CODE DI BAWAH.
<!--
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
-->
KETERANGAN :
* Tidak semua Template Sama Codenya, mungkin Template Kalian Codenya Ssedikit berbeda.

[6]. Kalau sudah, sekarang tinggal di Save, dan lihat hasilnya.


B. CARA KEDUA.

Seperti langkah-langkah sebelumnya, langkah-langkah No. 1,2,3. Nah kalau sudah, langkah ke 4, Cari Code <span class='post-labels'>, atau kalau tidak ada, cari Code <b:if cond='data:post.labels'>.

- Untuk Code <span class='post-labels'>, kirak-kira Codenya seperti di bawah.
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
- Untuk Code <b:if cond='data:post.labels'>, kira-kira Codenya seperti di bawah.
<b:if cond='data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
 </b:loop>
</b:if>
- Nah kalau sudah ketemu, sekarang HAPUS Code tersebut. Lalu klik SAVE.

Sekarang lihat hasilnya, pasti Labelnya sudah hilang.

Semoga Bermanfaat Ya...!!!