Cara Membuat Daftar Isi Sitemap di Blog

Apa kabar sobat blogger?? Pasti sehat kan? nah karena kali ini ane juga lagi fit, maka ane akan berbagi sesuatu pada sobat blogger. Kali ini saya akan memposting bagaimana cara membuat daftar isi sitemap di blogspot.

Saya rasa sobat blogger semua sudah tahu apa itu daftar isi sitemap. Daftar isi sitemap menurut pemahaman saya bisa diartikan sebagai suatu halaman website yang di dalamnya mengandung isi dari blog atau website  dalam bentuk judul yang di susun berderet ke bawah dengan tujuan memberikan informasi pada pengunjung tentang keseluruhan isi dari blog/website tersebut.

Pertanyaannya yang mungkin muncul adalah bagaimana cara membuatnya??

Bagi yang tertarik memasangnya, silakan ikuti langkah - langkah berikut:

1. Log in dulu ke akun blog sobat.
2. Buat postingan baru dengan nama yang sobat inginkan.
3. Pilih Tab Edit HTML dan jangan Compose.
4. Masukkan kode berikut di dalamnya.

<script src="http://tateluproject.googlecode.com/files/tatelu.js
"></script>
<script src="http://namablogmu.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

5. Ganti tulisan yang di cetak tebal dengan nama blog sobat...
6. Pratinjau terlebih dahulu, Jika sukses baru klik TERBITKAN ENTRI.
7. SELESAI

Cara memasang icon di samping judul artikel

Bagi sobat blogger yang sering blogwalking tentunya sering melihat postingan yang judulnya di sisipkan icon di terutama disamping kirinya. Bagaimana..?? mau memasangnya di blog sobat?? jika mau memasang ikon di samping judul artikel, ikuti langkah - langkah berikut.

1. Log in ke akun blog sobat.

2. Klik rancangan --> Edit HTML --> centang kotak expand widget template.

3. Cari kode berikut menggunakan Ctrl + F atau F3 untuk memudahkan pencarian.

<a expr:href='data:post.url'><data:post.title/></a>

4. bagi ke 2 kode tersebut sehingga menjadi seperti berikut.

<a expr:href='data:post.url'>

<data:post.title/></a>

5. Masukkan URL gambar sobat di antara ke 2 kode tersebut. Hasilnay akan seperti berikut.

<a expr:href='data:post.url'>
<img src="http://i1108.photobucket.com/albums/h405/christian410/Soccer-icon.png" width="20" hight="20" border="0"></img> 

<data:post.title/></a>

6. KLik Save... Selesai!!

N/b
Tulisan berwarna merah bisa sobat ganti dengan URl gambar sobat.
Tulisan yang berwarna biru bisa sobat gantisesuai kebutuhan.

 SEMOGA MEMBANTU!

Cara Memberi Background pada Arsip Blog

Hai sobat blogger..  Bosan dengan tampilan default arsip blog blogspot?? mau tampilan arsip blog yang lebih keren?? Kali ini saya akan memposting bagaimana cara membuat atau memasang background pada arsip blog. Bisa juga sobat gunakan pada daftar link teman, Label/kategori atau apapun di blog sobat. Contohnya sobat bisa lihat pada arsip blog di blog ini.


Berbeda dengan cara yang lain yang mengharuskan sobat men centang kotak expand template widget, kali ini sobat hanya harus meletakkan beberapa kode di atas kode ]]></b:skin>. Penasaran?? ikuti langkah - langkah berikut:

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML.
3. Letakkan kode berikut di atas kode ]]></b:skin>.

#BlogArchive1 .widget-content{height:200px;background:url(http://i1108.photobucket.com/albums/h405/christian410/renderNarutoAkatsukiKyubi-1.png)no-repeat; width:100%; font-weight:bold; overflow:auto}

4. Simpan template.

Tambahan:
Kode 200 bisa di seduaikan dengan keingin sobat.
Kode yang berwarna biru bisa di ganti dengan URL gambar sobat.
Kode width 100% bisa di ganti dalam bentuk px ( pixel ) sesuai dengan ukuren sidebar atau footer sobat.

Semoga Membantu

Cara Memasang Iklan di Samping Artikel

Apa kabar sobat blogger!! Suatu kebanggan bagi saya saat kembali berbagi pada sobat blogger. Kali ini saya akan memposting Bagaimana cara memasang iklan di samping artikel baik kanan maupun di kiri postingan sobat.  Jika di bandingkan dengan memasang iklan di sidebar, trik kali ini masih lebih baik dalam pengoptimalan PPC. Mengapa demikian?? Kita semua tahu bahwa pengunjung yang berasal dari search engine umumnya menemukan blog kita lewat artikel yang kita posting, dengan kata lain pengunjung langsung tertuju pada area postingan kita. Sedangkan di sidebar dan bagian - bagian lain bisa di katakan hanya bagian kedua nya.

Tertarik untuk memasangnya?? ikuti langkah - langkah berikut ;

1. Log in ke akun blog sobat.
2. Download template lengkap ( Untuk Mencegah Eror )
3. Klik Rancangan --> Edit HTML --> centang kotak expand widget template.
4. Cari kode <data:post.body/> ( Jika sobat telah memasang Readmore, kode tersebut akan berjumlah 2, pilih yang kedua )

5. Ganti kode tersebut dengan kode berikut.

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;"> Letakan Script Iklan PPC Disini Jika Ingin di Samping Postingan</div>
<p><data:post.body/></p>
Letakan Script Iklan Disini Jika Ingin Iklan Berada di Bawah Postingan
<b:else/>
<p><data:post.body/></p>
</b:if>

Kode di atas akan membuat iklan sobat berada di samping kiri postingan sobat. Untuk membuat iklan berada di samping kanan artikel, sobat tinggal mengganti tulisan Left dengan Right


6. Klik simpan template.

SEMOGA MEMBANTU

Cara Memasang Widget Kristiani di Blog

Wah.. nggak terasa ternyata tinggal sebulan lagi umat Christiani akan merayakan Hari Natal. Bagi para blogger, terutama yang ber agama Kristen, inilah saatnya untuk berbagi salam kepada sahabat-sahabat pengunjung blognya.

Pertanyaannya!
Apakah yang hendak sobat bagi??
 
Ketika saya sedang blogwalking, saya bergabung dengan suatu komunitas Kristen online yang ber alamat di http://forumkristen.com. Dari sanalah saya dapat scriptnya.. Dengan memasang widget ini, sobat akan mendapatkan ayat alkitab yang otomatis ter update setiap hari. Untuk tertarik  memasang widget kristen di blog, Ikuti langkah - langkahnya.

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukan kode berikut kedalam konten.

<style type="text/css">
#topbar {
position:absolute;
z-index: 100;

padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;

}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>

<script src="https://sites.google.com/site/jasonanugrah/emo/js_pop_up.js.txt" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>Tutup</button></a></div>
<div class="isi_iklan">

<script language="JavaScript" src="http://forumkristen.com/aplikasi/alkitabhariini/jsfile.php" type="text/javascript"></script>

</div>
<a style="text-decoration: none; color: #00f; text-align:right; display: block; font-size: 10px;" href="http://www.blooger.co.idm" target="_blank" title="Ads Popup">Widget by <span style="color: #333;">Blogger</span> <span style="color: #f00;">Executive</span></a>
</div>

4. Klik Simpan.

SEMOGA MEMBANTU

Cara Memasang Emoticon Kaskus di Kotak Komentar Blog

Setelah sebelumnya saya pernah memposting Bagaimana cara memasang emoticon skype di kotak komentar blog, kali ini lagi - lagi Ide bagus akan memposting cara yang mirip yaitu memasang emoticon kaskus di kotak komentar blog. Scriptnya saya ambil dari http://tejahtc.blogspot.com Tertarik untuk memasangnya?? ikuti langkah - langkah berikut.

1. Log in ke akun bog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand widget template widget.
3. Letakkan kode berikut di atas kode ]]></b:skin>

#kaskusemoticon {

width:auto;

margin:10px;

padding:10px;
}

4. Letakkan script berikut di atas kode </body>

<script src='http://muhammadsuteja.googlecode.com/files/emoticon1.js' type='text/javascript'/>
<script src='http://muhammadsuteja.googlecode.com/files/emoticon.js' type='text/javascript'/>

5. Cari kode berikut menggunakan Ctrl+f  ( memudahkan pencarian )

<b:include data='post' name='comment-form'/>

6. Letakkan kode berikut di bawahnya..

    <b>
<div style='overflow:auto; width:100%px; height:100px; padding:10px; border:3px inset #FF0000;'>
<img height='50' src='http://img202.imageshack.us/img202/4846/kompinterjuara1.gif' width='50'/>
:k1
<img height='50' src='http://img72.imageshack.us/img72/398/kompinterbatamerah.gif' width='50'/>
:k2
<img height='50' src='http://img687.imageshack.us/img687/1351/kompintercendol.gif' width='50'/>
:k3
<img height='50' src='http://img94.imageshack.us/img94/4219/kompinterlovindo.gif' width='50'/>
:k4
<img height='50' src='http://img8.imageshack.us/img8/3483/kompintermarah.gif' width='50'/>
:k5
<img height='50' src='http://img532.imageshack.us/img532/931/kompintermalu2.gif' width='50'/>
:k6
<img height='50' src='http://img693.imageshack.us/img693/7193/kompinterkecewa.gif' width='50'/>
:k7
<img height='50' src='http://img171.imageshack.us/img171/4809/kompinterngacir2.gif' width='50'/>
:k8
<img height='50' src='http://img412.imageshack.us/img412/3662/kompintersempurna.gif' width='50'/>
:k9
<img height='50' src='http://img291.imageshack.us/img291/6651/kompinterbingung.gif' width='50'/>
:a1
<img height='50' src='http://img709.imageshack.us/img709/2609/kompinterngakak.gif' width='50'/>
:a2
<img height='50' src='http://img641.imageshack.us/img641/3540/kompintertakut.gif' width='50'/>
:a3
<img height='50' src='http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif' width='50'/>
:a4
<img height='50' src='http://img169.imageshack.us/img169/5500/kompinteralay.gif' width='50'/>
:a5
<img height='50' src='http://img28.imageshack.us/img28/4954/kompintertkp.gif' width='50'/>
:a6
<img height='50' src='http://img138.imageshack.us/img138/3621/kompinternosara.gif' width='50'/>
:a7
<img height='50' src='http://img202.imageshack.us/img202/8307/kompinterliat.gif' width='50'/>
:a8
<img height='50' src='http://img693.imageshack.us/img693/8240/kompintersundul.gif' width='50'/>
:a9
</div>
</b><BR/>

7. Klik simpan template. SELESAI...!!

Ada pertanyaan?? tanyakan di kotak komentar...

Cara Mudah dan Cepat Dapat Backlink

Backlink adalah suatu hal yang tak bisa di pisahkan dari dunia blog. Tanpa backlink, suatu blog/website akan kalah dalam persaingan di search engine. Suatu hal yang sangat mustahil jika blog tanpa Backlink.

Backlink sifatnya seperti selebaran, pengumuman atau spanduk yang di pasang agar di baca orang dengan tujuan memperkenalkan sebuah produk atau apapun yang ingin di tawarkan, sama halnya ketika Link kita ketika di pasang di blog orang lain ( Terutama yang Dofollow ).

Pertanyaannya..
Bagaimana cara mendapatkannya??
Sebenarnya caranya susah - susah gampang, yang perlu di perhatkan adalah kualitas dari backlink tersebut dan dari situs mana dia berasal, apakah sealiran dengan blog anda atau tidak..

Pada postingan kali ini saya akan kasih tahu sedikit tips bagi sobat blogger bagaimana cara mendapat backlink. Postingan kali ini mungkin lebih mendekati pada pencarian blog Dofollow bukan backlink instan. bagi yang mau mencoba ikuti cara berikut.

1. Masuk ke Situs http://backlinkwatch.com. ( Situs cek backlink )
2. Masukkan Url blog dari blog yang tenar atau berpagerang tinggi yang sobat ketahui.
3. Akan muncul tampilan seperti berikut.

4. Kunjungi satu per satu.
5. Berkomentarlah di blog tersebut atau ajak Tukeran link.


  Mohon maaf bagi para master blogger jika artikel ini kurang berkenan..

SEMOGA MEMBANTU

Cara Buat Tombol Back To Top di Blogspot

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

 

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - blooger.co.id -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUicopLllTuuEXYcnmuMMgpa4mB5GFHlNB5qrn0w6wFaEC031vKM-IDvt8crls-7K3MqvdmSZUP0ldKEviY29o52Fc74jHxkO7lea7ZLRgr4ys8eHgDhEdZrjKADvDamyjiozs2gSaZyE/s1600/back-to-top.gif'/></a>

• Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Cara Buat Bintang Jatuh dari Kursor

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

• Login di Blogger
• Pilih Design > Add gadget > HTML/Javascript
• Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Cara mengganti tulisan poskan komentar dengan gambar/icon

Pada artikel saya sebelumnya kita telah membahas bagaimana cara membuat gambar atau animasi berada di pojok blog, kali ini kita akan coba mengganti tulisan poskan komentar yang terletak di atas kotak komentar dengan gambar  atau tulisan lain. Baiklah, tanpa panjang - panjang lagi mari kita langsung ke TKP.

1. Log ini dulu ke akun blog sobat.
2. Klik Rancangan --> edit HTML --> centang kotak Expand template widget.
3. Cari kode berikut:

<data:postCommentMsg/>

Biasanya kode tersebut ada 2. ganti ke dua kode tersebut dengan kode berikut.

<img src='http://i1108.photobucket.com/albums/h405/christian410/sderd.jpg' alt='Gambar Komentar'/> 

untuk menggantinya dengan tulisan lain, cukup mengganti kode berwarna biru dengan kata atau kalimat yang sobat inginkan.

Kode berwarna merah adalah Url gambarnya. bisa di ganti dengan Url gambar milik sobat.

Semoga membantu.

Colorpic | Software Untuk Mengetahui Kode Warna HTML

Colorpic software untuk mengetahui kode warna HTML, Colorpic adalah sebuah desktop color picker software atau alat (tools) untuk mengetahui kode warna html yang sangat berguna bagi web designer ataupun blogger untuk meng-edit website atau blog khususnya dalam hal pengetahuan dan edit warna. Bagi saya sendiri colorpic adalah software kode warna yang wajib saya miliki di komputer saya karena sangat membantu di saat saya kesulitan untuk mengetahui kode warna yang saya inginkan untuk meng-edit blog.

Cara kerja colorpic ini juga sangat mudah dan saya kira sobat juga pasti akan cepat bisa memahaminya, setelah selesai meng-instal sobat bisa langsung menggunakannya dengan hanya mengarahkan kursor atau mouse ke warna pilihan yang ada di desktop maka kode warna tersebut akan otomatis diketahui, mudah bukan? untuk screenshot nya sobat bisa lihat gambar yang ada dibawah, gambar ini adalah contoh untuk mengetahui kode warna kuning dari Yahoo Messenger emoticons.

Gambar diatas adalah contoh pengambilan kode warna kuning dari YM buddy, hanya dengan meletakkan kursor ke warna tersebut maka kodenya pun dapat diketahui, mudah kan? nah bagi sobat yang ingin download software colorpic ini silahkan langsung menuju ke situs Iconico dan bagusnya lagi software ini gratis tanpa bayar sepeser pun.

Memasang Widget "Berapa Harga Blog Anda" di Blog

Tahukah berapa harga blog anda?? Jika belum, apakah sobat ingin tahu?? kalo begitu mari kita langsung saja.
1. Kunjungi situs http://bizinformation.org/id.
setelah sobat masuk, sobat akan melihat tampilan seperti berikut.

2. Masukan URl blog sobat kedalam kotak yang di sediakan.
kemudian sobat akan melihat tampilan berikut.

3. Copas kode yang di dapat dan tampilkan di blog dengan cara.

4. Login ke akun blog sobat.
5. Klik rancangan --> Elemen Laman --> add gadget ( Tambah Gadget )
6. Pilih HTML/Javascript.
7. Pastekan kode tadi di dalamnya.
8. Beri nama widget sesuai keinginan anda. Misalnya, "Harga blogku" dll
9. Selesai..


SEMOGA MEMBANTU