Blog Ping

Trik blog


Menambah efek pelangi pada link


Trik blog , Kali ini saya akan membahas cara "Menambah efek pelangi pada link"

cara ini untuk kamu yang bosan dengan tampilan link yang gitu-gitu saja


sebagai contoh coba arahkan mouse anda pada link berikut:

>>K-BLOGGER<<

apakah kamu tertarik?

oke langsung saja caranya:

1.Login Blogger kemudian pilih rancangan

2.Klik edit html dan cari kode </head>
untuk memudahkan pencarian, gunakan Ctrl+F


3.Lalu paste code berikut tepat pada atasnya



<script type='text/javascript'>



//<![CDATA[



var rate = 20;



if (document.getElementById)

window.onerror=new Function("return true")



var objActive; // The object which event occured in

var act = 0; // Flag during the action

var elmH = 0; // Hue


var elmS = 128; // Saturation

var elmV = 255; // Value

var clrOrg; // A color before the change

var TimerID; // Timer ID



if (document.all) {

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

}

else if (document.getElementById) {

document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);

document.onmouseover = Mozilla_doRainbowAnchor;

document.onmouseout = Mozilla_stopRainbowAnchor;

}



function doRainbow(obj)

{


if (act == 0) {

act = 1;

if (obj)

objActive = obj;

else

objActive = event.srcElement;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}





function stopRainbow()

{

if (act) {

objActive.style.color = clrOrg;

clearInterval(TimerID);


act = 0;

}

}





function doRainbowAnchor()

{

if (act == 0) {

var obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {

obj = obj.parentElement;

if (obj.tagName == 'A' || obj.tagName == 'BODY')

break;

}




if (obj.tagName == 'A' && obj.href != '') {

objActive = obj;

act = 1;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}





function stopRainbowAnchor()

{

if (act) {

if (objActive.tagName == 'A') {

objActive.style.color = clrOrg;


clearInterval(TimerID);

act = 0;

}

}

}





function Mozilla_doRainbowAnchor(e)

{

if (act == 0) {

obj = e.target;

while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {

obj = obj.parentNode;

if (obj.nodeName == 'A' || obj.nodeName == 'BODY')

break;


}



if (obj.nodeName == 'A' && obj.href != '') {

objActive = obj;

act = 1;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}





function Mozilla_stopRainbowAnchor(e)

{

if (act) {


if (objActive.nodeName == 'A') {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

}





function ChangeColor()

{

objActive.style.color = makeColor();

}





function makeColor()

{


// Don't you think Color Gamut to look like Rainbow?



// HSVtoRGB

if (elmS == 0) {

elmR = elmV; elmG = elmV; elmB = elmV;

}

else {

t1 = elmV;

t2 = (255 - elmS) * elmV / 255;

t3 = elmH % 60;

t3 = (t1 - t2) * t3 / 60;



if (elmH < 60) {

elmR = t1; elmB = t2; elmG = t2 + t3;

}


else if (elmH < 120) {

elmG = t1; elmB = t2; elmR = t1 - t3;

}

else if (elmH < 180) {

elmG = t1; elmR = t2; elmB = t2 + t3;

}

else if (elmH < 240) {

elmB = t1; elmR = t2; elmG = t1 - t3;

}

else if (elmH < 300) {


elmB = t1; elmG = t2; elmR = t2 + t3;

}

else if (elmH < 360) {

elmR = t1; elmG = t2; elmB = t1 - t3;

}

else {

elmR = 0; elmG = 0; elmB = 0;

}

}



elmR = Math.floor(elmR).toString(16);

elmG = Math.floor(elmG).toString(16);

elmB = Math.floor(elmB).toString(16);

if (elmR.length == 1) elmR = "0" + elmR;

if (elmG.length == 1) elmG = "0" + elmG;


if (elmB.length == 1) elmB = "0" + elmB;



elmH = elmH + rate;

if (elmH >= 360)

elmH = 0;



return '#' + elmR + elmG + elmB;

}



//]]>



</script>



4.Simpan template


Readmore..

Cara Mengelola Blog Lebih dari Satu Akun


Cara ini digunakan bagi anda yang sering kehabisan ide ataupun untuk membagi tugas dengan orang yang kita percayai untuk mengelola blog.
Apakah anda tertarik?
Oke jika anda tertarik begini langkahnya:
1.Masuk dasbor-->pilih pengaturan
2.Lalu pilih izin






3.Klik menambah penulis










4.Lalu tulis email orang yang anda undang sebagai penulis diblog anda









5.Klik undang
6.Tunggu konfimasinya
7.Jika sudah dikonfirmasi maka orang yang anda undang resmi menjadi penulis diblog anda

Cara memberi Privilese Admin pada penulis
-Hanya perlu mengklik
beri Privilese Admin sebagai contoh:



Readmore..

Cara mengubah rotation gambar


Trik blog ,Sering melihat gambar seperti yang dibawah ini?

Pasti seringkan?
Agar terbentuk seperti itu kita hanya perlu mengubah rotationnya
Caranya seperti ini:
1.Buka Ms word 2007
2.Lalu klik insert --> picture (untuk menambah gambar yang akan diubah rotationnya)
3.Klik kanan pilih format picture
4.Lalu akan muncul ini:5.Pilih 3-D rotation
6.Lalu atur sesuai selera anda


Readmore..

Dasar-dasar pembuatan option


Trik blog ,Option digunakan untuk mendefinisikan suatu elemen yang bisa dipilih dalam suatu daftar pilihan.
Fungsi Option pun sering digunakan dalam widget-widget
Pada dasarnya codenya sebagai berikut:
<html>
<select>
<option>--Negara--</option>
<option>Indonesia</option>
<option>Cina</option>
<option>Malaysia</option>
<option>Arab</option>
</select>
</html>
sebagai contoh:




Contoh widget yang menggunakan fungsi option:
-Blogroll dengan menu dropdown
Code:
<form>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://k-blogger1.blogspot.com/">K-blogger</option>

<option value="http://z-bebas.blogspot.com/">Zonabebas</option>

</select>

</form>

Hasilnya:






-Widget change this font
Baca Cara membuat widget change font this blog

sekian dlu
sampai jumpa lagii


Readmore..

Cara membuat logo unik dengan http://funnylogo.info/


Trik blog,Sebenarnya http://funnylogo.info/ digunakan untuk membuat search engine sendiri. tapi saya akal-akalin aja buat logo
contoh logonya seperti ini:

Lansung saja ya caranya:
1.Buka http://funnylogo.info/
2.Ketik nama blog anda atau nama anda
3.Setelah selesai save(donlot) logo yang ada di search engine anda(walopun tujuannya bukan untuk membuat search engine)
4.Edit sesuai dengan selera anda


--Cara mengganti logo
1.Dasbor->Tata letak->Lihat bagian bawah ini:
2.Klik bagian yang dihitamkan tersebut
3.Lalu unggah logomu dari komputer
selesai deh!!


Readmore..


Membuat tools parse html


Trik blog, Kali ini kita akan membahas tentang "Membuat tools parse html"
Biasanya anda memarse kode html di http://centricle.com/tools/html-entities/
Tapi sekarang anda bisa memasang dan menggunakannya di blog anda sendiri














Bagaimanakah cara membuatnya?
1.Pasang kode ini

2. Jika anda ingin membuat lebih bagus, Silakan kesini anda bisa mengaturnya sesuai dengan selera anda
3.Pasang scriptnya diblog anda

Sekarang gak usah ke http://centricle.com/tools/html-entities/ lagi karena diblog anda sudah tersedia


Readmore..

Cara manipulasi tanggal


Trik blog ,kita sering melihat blog yang pada halaman awalnya selalu saja menampilkan post yang itu - itu saja.
padahalkan setiap minggukan pasti diupdate
sebenarnya ini bisa kita lakukan dengan memanipulasi tanggal
contoh:










cara memanipulasinya:
buat entri baru
lalu liat dibawah kotak menulis post
klik opsi entri




lalu ganti tanggalnya dengan tanggal baru jika ingin menampilkannya kembali
atau ganti dengan tanggal lama jika ingin menyembunyikan post.


Readmore..

Cara membuat spoiler pada post


Trik blog,Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

-Membuat spoiler yang menyembunyikan text


Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat

kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Apa spoiler itu?Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, dll.ini digunakan untuk mempercepat loading blog kita
tertarik?mari kita buat</div></div></div>


-Membuat spoiler yang menyembunyikan gambar


.

Kodenya:
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 0px none ; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_RnAIeUH_Xis/S0mHtHrJZHI/AAAAAAAAAC8/RZ1-m5sMds8/s1600-h/Lawak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 305px; height: 400px;" src="http://1.bp.blogspot.com/_RnAIeUH_Xis/S0mHtHrJZHI/AAAAAAAAAC8/RZ1-m5sMds8/s400/Lawak.jpg" alt="" id="BLOGGER_PHOTO_ID_5425016435368354930" border="0" /></a>.</div></div></div></div>

*keterangan:
kode yang berwarna orange adalah alamat gambar
Selamat mencoba!


Readmore..


Dasar-dasar pembuatan link(2)


Trik blog,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman Baca --> Dasar-dasar pembuatan link(1)

<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece

-Membuat link jika kursor mouse diarahkan ke link langsung terbuka tanpa harus diklik
Kode:
<a href="http://k-blogger1.blogspot.com/" onMouseover="window.location=this.href">K-blogger</a>
Contoh: K-blogger

-Membuat link yang membuka tab baru
Kode:
<a href="http://k-blogger1.blogspot.com/" target="new">Tips blog</a>
Contoh: Tips blog

-
Membuat link gambar yang membuka tab baru
Kode:
<a href="http://www.idcorp.tk" target="_blank"> <img src="http://3.bp.blogspot.com/_RnAIeUH_Xis/S7btX3Tz5kI/AAAAAAAAALs/ngIoItjTaCw/s400/idc.jpg" /></a>
contoh:













Readmore..


Cara membuat widget change font this blog


Trik blog ,Post ini terinspirasi dari blognya rizky2009
disana saya melihat widget seperti ini
saya coba tes tes tapi gak berhasil
lalu saya ngutak-ngatik blog percobaan saya dan akhirnya berhasil
pasti ada yang bertanya apa itu widget change font this blog?
widget change font this blog adalah widget yang digunakan untuk mengubah font blog kita(sederhana banget jawabannya)hehehe
mau tau gak caranya???
  1. Login dulu ke blogger
  2. Masuk ke tata letak -->> elemen halaman
  3. Tambah gadget-->> pilih HTML/JavaScript
  4. copy code berikut
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>

<div class='clear'></div>

lalu cari kode berikut:

.post {
font:
Trebuchet MS;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
Kode yang berwarna merah diganti dengan function go1
sehingga menjadi
.post {
font: function go1;
margin-bottom:15px;
text-align:justify;
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
dan simpan


Readmore..


Cara Supaya Artikel Blog Tidak Bisa Di Copy


Trik blog ,Bingung ni mau post apa :68:
tapi muncul juga ide untuk buat post ini
ya sudah sekarang kita mulai ke pembicaraan
pasti anda kesalkan jika salah satu artikel anda di copy
ataupun semua artikel anda di copy
ini beberapa tangggapan teman saya
Kata
ryan's : sedih dan kecewa,,tapi mau gimana lagi...
:ardi33: marah donk
Dan bagaimana anda?pasti tanggapannya seperti mereka jugakan?
Untuk menghindarinya saya punya caranya
Cari kode berikut:
</body>
lalu copy code ini:
dan paste di atas kode </body>
<script language='JavaScript1.2'>

//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script

function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function (&quot;return false&quot;)

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language='JavaScript'>curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}</script>

tinggal save deh
selesaiiiiiii


Readmore..


Cara membuat select all otomatis pada textarea


Trik blog,Sebelumnya saya pernah ngebahas tentang Cara membuat select all pada textarea

namun itu belum otomatis
yang otomatis seperti ini:
hanya tinggal diklik text areanya langsung ter select semua

kode yang kita gunakan seperti ini:
<form name="textarea"><textarea name="txt" rows="2" cols="20" onclick="this.form.txt.select()" readonly="readonly" style="border-color: gray; color: blue; background-color: white; font-weight: bold;">Text>></textarea></form>

Kode yang berwarna merah adalah text yang ingin ditampilkan
Kode yang berwarna biru adalah warna text
Kode yang berwarna hijau adalah background text area
mudahkan!!!


Readmore..


Cara membuat select all pada textarea


Trik blog,Sebelummnya saya pernah ngebahas tentang Cara membuat textarea
sekarang saya akan membahas cara membuat select all pada text area
contoh hasilnya sepeti ini






code yang saya gunakan seperti ini:
<div><form name="copy"><div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button">
</div>
<p align="left">
<textarea style="width: 380px; height: 200px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text 123></textarea></p></form></div>
<div><form name="copy"><div align="left"><div><p align="left"></p></div></div></form></div>
kode yang berwana merah adalah text yang akan ditampilkan
selesai deeh


Readmore..


Cara membuat tombol balas tanggapan di form komentar


Trik blog,Dah lama gak post hehheheh
oh iya saya ada trik blog baru!
baru aja belajar sama franco caranya
tapi saya buat tombolnya beda

-->karya saya

langsung saja caranya
  • Login ke blogger
  • Tata letak
  • Edit html
  • Lalu beri tanda centang di Expand Widgets Template
  • Cari kode berikut "<b:include data='comment' name='commentDeleteIcon'/> </span>
  • Lalu tambahkan dibawahnya kode

    <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=LETAKKAN ID BLOGMU DISINI&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Balas Komentar' src='http://3.bp.blogspot.com/_RnAIeUH_Xis/S5OBuuCPtdI/AAAAAAAAAK8/1Mi-giRthVI/s1600-h/%2B-.bmp'/></a></span>

    berikut


  • Cara mengetahui id blog gini : coba liat di adress bar(bener gax?) lalu liat urlnya sebagai contoh "blogID=516015435886341854"
  • Dan letakkan di code tersebut
Hasilnya seperti ini:



Tombol tersebut juga bisa anda buat sendiri
dengan cara ganti kode berikut

http://4.bp.blogspot.com/_RnAIeUH_Xis/S5OH4S39fbI/AAAAAAAAALE/
YV9uImQTA4M/s1600-h/%2B-.bmp
dengan alamat gambar yang anda buat sendiri

Readmore..


Dasar-dasar pembuatan link(1)



Trik blog ,Link adalah bagian yang sangat penting dalam sebuah blog,misalnya link download ataupun
link teman
pada dasarnya susunannya sebagai berikut:
<a href="http://URL">TEXT</a>
kode yang berwarna orange adalah alamat situs
kode yang berwarna hijau adalah teks yang akan ditampilkan
sebagai contoh:
One piece
maka kode yang saya gunakan adalah
<a href="http://rian-hizrian.blogspot.com/">One piece</a>

-membuat link kelap kelip
kali ini kode yang saya gunakan adalah
<blink><a href="http://rian-hizrian.blogspot.com/">One piece</a></blink>
hasilnya seperti ini
One piece

-membuat gambar berlink
contohnya seperti ini

kodenya begini
<a href="http://www.idcorp.tk" target="_blank" title="yu-gi-oh! Episode Download"><img border="0" src="http://photos-g.ak.fbcdn.net/hphotos-ak-snc3/hs099.snc3/16634_1194788796569_1433935874_30583422_5917858_n.jpg" /></a>

kode yang berwarna merah adalah alamat situs yang kita maksud
dan kode yang berwarna orange adalah alamat gambar


Readmore..

Cara membuat dropcap


Fasilitas ini digunakan untuk memperbesar huruf di awal kalimat
contohnya seperti:langsung saja caranya:
masuk ke edit html dulu
cari kode dibawah ini
.post {
margin:0 0 2.5em;
}

kemudian ketik kode berikut:
.dropcaps {
float:left;
color:#000000;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

dan simpan template
cara pemasangannya di postingan begini
kamu harus mengetikkan:
<span class="dropcaps"></span>
contohnya seperti ini:
<span class="dropcaps">C</span> iptakan golmu seindah mungkin

mudahkan!!!!


Readmore..

Cara membuat judul postingan baru yang berjalan



Kali ini saya akan memberi tau cara membuat judul postingan baru yang berjalan. sama seperti efek marquee yang ada diblog ini.
langsung saja caranya:
  1. Login dulu ke blogger
  2. Masuk ke tata letak -->> elemen halaman
  3. Tambah gadge t-->> pilih HTML/JavaScript
  4. copy code berikut


<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="<>"; </script> <script style="text/javascript" src="http://NamaBlogmu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

kode yang berwarna merah adalah jumlah post yang akan ditampilkan
dan kode yang berwarna biru adalah nama blogmu
5. Simpan dech
Silahkan lihat blog anda
mudaaaaaaaahkan!!!



Readmore..

Cara membuat textarea

Bener nggak ya judulnya?? @_@

kagak perlu judulnya yang penting caranya heehhehe

lihat contohnya:

codenya sebagai berikut:




<textarea rows="5" cols="20" name="Famous Quotes" 

readonly="readonly">tes 123 yuk dicoba</textarea>




semoga bermanfaat ya!!




Readmore..

shoutbox alternatif jika shoutmix punyamu error



Apakah blogmu demikian?
jika demikian sebaiknya diganti saja
cara menggantinya seperti ini:
buka link berikut ini:
Shoutbox widget
ubah Width dan Height sesuai dengan yang anda inginkan
lalu copy codenya
selanjutnya:

  • Login ke Blogger

  • Pada Dashboard, pilih Tata Letak atau Template

  • Ganti code shoutmix sebelumnya dengan code tersebut

  • Selesai deh!!!!!!!!



  • Readmore..

    Membuat widget chatbox


    Ada beberapa kotak chat yang sering digunakan seperti : Shoutmix.com,Oggix.com dan Chatbox.com dll
    diantara ketiga penyedia layanan kotak chat itu yang paling sering digunakan di blog - blog adalah shoutmix karena memiliki kelebihan daripada yang lain
    Cara membuatnya sapeti ini
    Masuklah dulu pada Shoutmix.com
    lalu klik tombol yang seperti iniisi dulu formulir yang disediakan

    pilih model yang kamu sukai
    klik Go to my control panel now
    setelah mendapatkan code!! copy code tersebut

    selanjutnya

    • Login ke Blogger
    • Pada Dashboard, pilih Tata Letak atau Template
    • Pada menu Page Elements, klik Add Gadget
    • Pilih HTML Javascript kemudian paste kode yang kamu dapatkan tadi di kotak konten
    • Simpan dan lihat blogmu



    Readmore..