Galinfo Xp

Home » Posts filed under Blogger

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Memasang Gambar Animasi Gif di Blog

Posted by Unknown Sabtu, 19 Mei 2012 0 comments

Seperti apa sih yang dimaksud dengan Membuat Gambar Berjalan Di Blog itu? Kayaknya tidak perlu saya jelaskan panjang lebar, silahkan saja lihat contohnya di bawah ini:
Gimana..?sudah paham kan dengan apa yang dimaksud Membuat Gambar Berjalan Di Blog tersebut?

OK, kalau sudah paham sekarang mulai bahas Cara Membuat Gambar Berjalan. Cara Membuat Gambar Berjalan pada sidebar atau postingan dalam Blog sangatlah mudah cukup
sign in pada account blogger kalian>>> pada dasbor>>> Rancangan>>> Tambah Gadget>>> HTML/JavaScript

Kakashi Walk To Left

Kode Script HTML >> <script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Kakasih.txt" name="DADrun"></script>

Naruto Walk To Left

Kode Script HTML >> <script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Naruto.txt" name="DADrun"></script>

Sasuke Walk To Left

Kode Script HTML >> <script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Sasuke.txt" name="DADrun"></script>

Bleach Run

Kode Script HTML >> <script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Bleach.txt" name="DADrun"></script>

Babi Gak Jelas

Kode Script HTML >> <script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Babi.txt" name="DADrun"></script>

Sekian Terimakasih Info dari saya dan, Oiyaa, jangan lupa Kunjungi lagi ya Sobat - Sobat >> Bye - Bye

Cara Membuat Efek Hujan Pada Blog

Posted by Unknown 0 comments

Berikut langkah bikin efek/animasi hujan pada blog :
1. Log in ke Blogger
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy kode berikut ke dalam HTML/Javascript

<html>
<head>
<title>Info Raka</title>

<style type="text/css">
*{
font-size:12px;
font-family: Tahoma, Verdana, Arial;
}

body{
background:#000;
overflow:hidden;
color:#0f4;
padding:8px;
}
#area{
border:0;
padding:0;
width:100%;
height:100%;
}
.char{
position:absolute;
top:-50px;
text-shadow:0 -100px 10px #0a0;
opacity:.5;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
minCharCode = 33;
maxCharCode = 126;
minSpeed = 900;
maxSpeed = 5000;
counter = 0;
maxChar = 400;

$(document).ready(function(){
for(i=0;i<99;i++){
buatKarakter();
}

});

function buatKarakter(){
var charID = String.fromCharCode(rand(minCharCode, maxCharCode));
var pos = rand(0,$(document).width());
var newChar = '<div class="char char' + counter + '" style="left:'+ pos + 'px;">' + charID + '</div>';
$('#area').append(newChar)
animKarakter(counter);
counter++;
}

function animKarakter(c){
var transparent = rand(10,99);
var fontsize = rand(9,12);
var speed = rand(minSpeed, maxSpeed);
var pos = rand(0,$(document).width());
$('.char'+c).animate({
top:$(document).height(),
}, speed, function(){
$('.char'+c).css('top', '-50px');
$('.char'+c).css('left', pos+'px');
$('.char'+c).css('opacity', '.'+transparent);
$('.char'+c).css('fontSize', fontsize);
animKarakter(c);
});
}

function rand(from, to){
return Math.floor(Math.random() * (to - from + 1) + from);
}
</script>
</head>

<body>
<div id="area">

</div>
</body>
</html>

6. Selesai dan simpan

Semoga Artikel Cara Membuat Efek Hujan Di Blog Bermanfaat Bagi Anda

Cara membuat Efek Petir diBLOGGER

Posted by Unknown 0 comments

Langkah Membuat Efek Petir di Blog
1. Log in ke Blogger
2. Klik Rancangan
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut ke dalam HTML/Javascript

<style
type="text/css">body { background-image:
url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);
background-color:transparent; }</style>

6. Selesai dan simpan, silahkan lihat hasilnya

Cara Membuat Animasi Naruto VS Sasuke

Posted by Unknown 0 comments

Mudah sekali cara memasang / membuat animasi naruto di blog :
1. Log in ke akun Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/Javascript
5. Copy kode di bawah ini dan letakkan ke dalam HTML/Javascript

<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://www.herihalik.com/2011/08/cara-membuat-widget-naruto-fight.html"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV4tTc6IliwoH7EQHLaaIusft4WOn9w0ZDbmuv64iqqR8qK9J5zJDIEb8gMydtxeXPaxvpMuBzJzNu1xsjfqLLpojrDyXTCJVvG2WMQ4dqIA5j_mIiM7t8RqqVEMd_kbP3JiHiDlcA2Gs/s1600/NarutoVSSasuke.gif"alt="gambar"title="klik here to get more"/></a></div>

6. Simpan dan lihat hasilnya

Cara membuat efek bunga sakura berjatuhan

Posted by Unknown 0 comments

Cara membuat / memasang efek bunga sakura di blogspot :
1. Log in ke Blogger
2. Klik Rancangan
3. Klik Tambah Gadget
4. Klik HTML/javascript
5. Masukkan kode berikut ke dalam HTML/javascript

6. Simpan dan lihat hasilnya

Cara Membuat Efek Pelangi untuk Link Blog

Posted by Unknown Sabtu, 12 Mei 2012 0 comments

Sebelum sobat blogger membaca lebih lanjut tentang Tutorial Blog kali ini, coba sobat blogger menggeser mouse yang sobat pegang, kemudian arahkan cursor sobat pada salah satu link yang ada pada blog Rinjani Lovers ini. What do you see? Apa yang sobat lihat pada link tersebut? Sudah pasti perubahan warna pada Link tersebut. Perubahan warna pada Link tersebut menampilkan warna pelangi Merah, Jingga, Kuning, Hijau, Biru, Nila dan Ungu . Keren kan?

Ada dua kode yang bisa digunakan untuk membuat efek pelangi pada link blog tetapi yang akan Rinjani Lovers berikan adalah kode yang Rinjani Lovers terapkan pada blog ini. Berikut ini kode untuk membuat efek Pelangi pada link blog. Silahkan di copy!

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

Kalau kode tersebut sudah di copy, Paste kode tersebut setelah kode </head> Seperti biasa, Tentunya sobat blogger harus login dulu ke akun blogger sobat, setelah itu, sobat klik menu Edit HTML. Lagi satu, Kalau kode tersebut sudah di paste, Simpan template sobat dan lihat hasilnya.

Menambahkan Efek pelangi Pada link Blog akan memperindah tampilan blog dan dapat membuat pengunjung blog kagum dengan keunikan-keunikan yang sobat tunjukkan pada blog sobat.

Cara Memasang Kotak Berlangganan FeedBurner

Posted by Unknown 0 comments

Widget Berlangganan Feedburner,widget FeedBurner Subscription,FeedBurner Subscription,FeedBurner

Widget Berlangganan Feedburner atau widget FeedBurner Subscription yang Rinjani Lovers Share malam ini berbeda dengan Kotak Berlangganan FeedBurner yang sebelumnya. Yang sebelumnya memiliki tampilan indah dan elegant, kalau yang satu ini memiliki tampilan yang so cute dan sederhana. Karena kesederhanaan dan Cute-nya itu, banyak blog yang memasang widget ini. Sepertinya saya tidak perlu menjelaskan sobat blogger mamfaat dari memasang kotak berlangganan ini karena sudah banyak blog yang memberikan tutorial seperti itu. Jadi, mari kita praktekkan. It is so easy and just take a minute to make it.

Cara Membuat Kotak Berlangganan FeedBurner di blog :

Sign In di akau Blog sobat
Klik Design lalu klik Page Elements
Add a Gadget dan pilih HTML JavaScript
Copy dan Paste kode di bawah ini :

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHl61m1-k4DsP_CirMl1owUvMoQ1MbVr3s1DYbBG-WyuIp12pz8IknSM88p8EcQ9Yi1QF7u8RlzbgyxoT7QbZnpUARMk6uxLe71mRHlpACmvgu7-_wlf_ZeRveOwqkV1nBMWK9Lw1jBBEB/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}

.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}

</style>

<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TntByStc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="TntByStc" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Klik Simpan

Sebagai tambahan dalam membuat widget FeedBurner Subscription, ada beberapa hal yang harus sobat blogger ganti:

Ganti http://feedburner.google.com/fb/a/mailverify?uri=TntByStc dengan Email Feed link sobat
Ganti TntByStc dengan Nama feed blog sobat.

Untuk Mengetahui feed link dan nama feed blog sobat, sobat blogger harus login dulu di akun Google FeedBurner sobat.

Cara Buat Text Mengelilingi Cursor Pada Blogger

Posted by Unknown 0 comments

Teks Berputar mengelilingi Cursor,Cursor,cursor blog,teks cursor,cursor mouse

Kalau sobat blogger sering melakukan browsing dari satu blog ke blog yang lain, barangkali sobat blogger pernah melihat tulisan atau teks yang mengikuti Cursor. Tulisan atau teks yang mengikuti Cursor tersebut biasanya berupa ucapan selamat datang atau nama dari blog tersebut. Teks yang mengikuti Cursor, tidak jarang menimbulkan detak kagum pengunjung blog, tapi tidak jarang juga, pengunjung blog merasa terganggu dengan adanya teks yang berputar tersebut.

Cara membuat Teks berputar mengelilingi Cursor adalah tutorial blog yang akan Info Raka share kali ini. Jika sobat blogger ingin menghias tampilan Cursor sobat dengan teks yang berputar, ikuti saja tutorial di bawah ini.

Cara Membuat Teks mengelilingi Cursor :

Seperti biasa, Login di akun blogger sobat.
Di menu drop down (untuk pengguna blogger new interface), klik layout
Klik Add a Gadget dan pilih HTML/Java Script.
Copy Paste kode di bawah ini pada kolom yang tersedia :

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Selamat Datang di Info Raka'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color=' #FFFF00';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>

Save

Tambahan :

Tulisan yang berwarna merah "Selamat Datang di Info Raka" bisa di rubah sesuai dengan yang sobat blogger inginkan.
#ff0000 adalah kode warna dari teks yang berputar, silahkan sobat blogger sesuaikan dengan dengan warna background blog sobat.

Membuat Efek Hujan Love Di Blogger

Posted by Unknown Selasa, 08 Mei 2012 0 comments

Panduan Blogspot kali ini kita akan membahas tentangCara Membuat Efek Hujan Love Di Blog.Memasang efek hujan love di blog,adalah salah satu daya tarik agar para pengunjung blog kita betah dan senang berada di blog kita.Biasanya efek hujan love di blog digemari para blogger wanita tetapi para blogger pria pun ada yang menyukai efek hujan love di blog,biar kelihatan romantis gitu loh.Bagi sobat-sobat blogger yang ingin membuat efek hujan love di blog,silahkan ikuti petunjuk di bawah ini.

Cara Membuat Efek Hujan Love Di Blog.

1.Login ke akun blogger sobat
2.Klik menu Template/Rancangan
3.Klik Edit HTML
4.Kemudian cari kode </body>
agar lebih mudah mencarinya,gunakan CTRL+F
5.Setelah ketemu,masukan kode di bawah ini tepat di atas kode </body?

<script src='http://andreykusanagi.googlecode.com/files/lovingheart.js'>
</script>

Coba sobat lihat hasilnya.Semoga postingan saya tentang Cara Membuat Efek Hujan Love Di Blog.dapat bermanfaat.sampai jumpa di Panduan Blogspot berikutnya.

Membuat Efek Hujan Love Di Blog 5.0
Andrey Kusanagi
Membuat Efek Hujan Love Di Blog

Cara Peringatan Jika Blog di Klik Kanan

Posted by Unknown 0 comments

Panduan Blogspot kali ini,kita akan membahas tentang cara mematikan fungsi klik kanan pada mouse agar blog kita terlindungi dari Tukang COPAS(Copy Paste). Mungkin dari beberapa sahabat blogger sekalian banyak yang kesal karena hasil karya yang sobat sekalian tuangkan di dalam blog,sering sekali di copy paste oleh orang-orang yang tidak bertanggung jawab.Karena semakin maraknya tukang COPAS,maka sobat sekalian tidak ada salahnya menggunakan script disable klik kanan agar setiap postingan sobat tidak bisa di copy paste oleh orang-orang yang tidak bertanggung jawab.

Bagi sobat yang ingin mematikan fungsi klik kanan pada blog silahkan ikuti beberapa langkah berikut :

Kalau diblog saya tidak saya pakai Karena merugikan Pengunjung/Pengguna/Followers

1.Login ke akun blogger sobat
2.Klik Menu Tata Letak/RANCANGAN
3.Klik Tambah Gadget
4.Klik/Pilih HTML/Javascript
5.Masukan kode berikut

Ket : Var message = "Ups Dilarang Copas"
kat Ups Dilarang Copas,bisa sobat ganti dengan kata-kata yang sobat inginkan

6.Klik Simpan Template
7.Selesai

Coba sobat masuk ke halaman blog sobat lalu sobat klik kanan.Semoga postingan saya tentang cara mematikan fungsi klik kanan pada mouse dapat bermanfaat.Sampai Jumpa di Panduan Blogspot berikutnya.
Cara Mematikan Fungsi Klik Kanan Di Blog 5.0
Andrey Kusanagi
Cara Mematikan Fungsi Klik Kanan Di Blog

Cara Membuat Status Panel Admin V.1

Posted by Unknown Senin, 07 Mei 2012 0 comments

Artikel ini saya edit kembali karena ada beberapa kode yang Error ea, dan ada yang kelebaran di setiap blog yang memasang ini jdi ini saya edit kembali ea sobat blogger Cara Membuat Status Panel Admin, Oke Bagi anda yang ingin Memasang Status Panel Admin Silahkan langsung saja ke Tutorial Berikut ^_^
Untuk demonya Sudah ada di Sidebar sebelah Kanan ^_^
Kagak Usah basa basi lagi Langsung saja Copy kode berikut ...

<table border='0' cellpadding='2' cellspacing='0' style='border-color:#666666; width:100%;'>
<tr bgcolor='#999999'>
<td align='left' style='padding-left:10px; width:35%'><span style='color:#ffffff'>Jam Sekarang </span></td>
<td>
<div id='jam'>
<script src='http://vicahya.googlecode.com/files/Jam.js' type='text/javascript'></script>
</div>
</td>

</tr>
<tr bgcolor='#cccccc'>
<td align='left' style='padding-left:10px; width:35%'><span style=' color:#666666'>Tanggal </span></td>
<td>
<div>
<script src='http://vicahya.googlecode.com/files/Tanggal.js' type='text/javascript'></script>
</div>
</td>
</tr>
<tr bgcolor='#999999'>
<td align='left' style='padding-left:10px; color:#ffffff; width:35%'>Salam Sapa </td>
<td><span><b> : </b></span>

<script src='http://vicahya.googlecode.com/files/Salam%20Sapa.js' type='text/javascript'></script>
</td>
</tr>
<tr bgcolor='#cccccc'>
<td style='padding-left:10px; width:35%'><span style=' color:#666666'>Status Admin </span></td>
<td style='width:50px;'><span><b>: </b></span>
<span class="dropcop" style="color: red;">Offline</span>
</td>
</tr>
<tr bgcolor='#999999'>
<td align='left' style='padding-left:10px; color:#ffffff; width:35%'>User </td>
<td><span><b> : </b></span>


<font color=#ff0000><script type="text/javascript" src="http://st2.freeonlineusers.com/on3.php?id=1135194"> </script> Users Online</font>


</td>
</tr>
</table>

NB : Status Admin : Offline ~> ini menggunakan manual untuk Online & Offline Nya ^_^

Jika ingin copas silahkan cantumkan link sumber aslinya disini
Tinggalkan komentar anda tentang Cara Membuat Status Panel Admin mungkin tutorial kali ini berguna dan bermanfaat bagi sobat blogger ea ...
dan jangan bosen kunjungi terus Tutorial Vicahya™ karena berbagi semua tutorial yang ada ...

Cara Mudah Pasang Lagu di Blog Dengan Vidio Clip nya

Posted by Unknown Minggu, 06 Mei 2012 0 comments

Cara Mudah Pasang Lagu di Blog. Selamat Pagi sahabat , anda pernah menjumpai sebuah blog yang ada musiknya, tidak usah heran, andapun bisa melakukannya. Selain memasang lagu youtube di blog , kita dapat juga menggunakan ccript media player yahoo untuk memutar lagu otomatis saat blog dibuka oleh pengunjung. Lagu yang dipasang bisa dalam format mp3 maupun lagu yang tersedia di website youtube. Dalam contoh postingan ini akan digabungkan fasilitas yang disediakan oleh yahoo dan live streaming video/lagu youtube.

Berikut script yang bisa dipasang di blog (untuk memasang script lagu di sidebar bisa masukkan script di bawah ini ke gadget html/javascript )

<script type="text/javascript">
var YWPParams =
{
autoplay: true,
volume: 0.5,
defaultalbumart: 'http://somedomain.com/path/someimage.gif'
};
</script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js">
</script>

<a href="http://www.youtube.com/watch?v=4XWYefe9EzI">Massachusetts</a>
<a href="http://www.youtube.com/watch?v=N42bYLoaZho">Bee Gees</a>

Tampilan yahoo media player bisa dilhat di bawah ini

Catatan:
Untuk mengganti lagu cukup ganti http://www.youtube.com/watch?v=4XWYefe9EzI ,dengan url lagu yang lain yang tersedia di situs youtube
Anda juga bisa memasang / menambahkan lagu hingga belasan /puluhan lagu dengan menambahkan script seperti di bawah ini dengan mengganti url lagu:
script lagu :
<a href="http://www.youtube.com/watch?v=N42bYLoaZho">Bee Gees</a>

Ganti (http://www.youtube.com/watch?v=N42bYLoaZho) dengan url lagu yang akan dijadikan lagu background blog

Cara Memasang Facebook Di Blog Anda

Posted by Unknown Selasa, 01 Mei 2012 1 comment

Hy teman teman saya akan memberi info tentang cara memasang Facebook™ Anda Di Blog anda ...
oke langsung aja

1. login blog anda
2. login Fb
3. MašÜk Link Ini : http://www.facebook.com/badges/
ini ada gambar SS :

Pilih Lencana Profil...

4. Pilih yaang ada sudah saya BLog merah seperti Gambar di atas...
5. Lalu klik simpan aja langsung dipojok kiri atas
6. Trenggg ,,dan lihat hasilnya ...^.^

Membuat Link Hover dengan Bintang Berpijar

Posted by Unknown 0 comments

Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot,Link Hover Dengan Bintang Berpijar mungkin mendengar judulnya saja anda mungkin sudah banyak yang tahu, karena saya mengira masih banyak yang belum tau Cara Membuat Link Hover Dengan Bintang Berpijar ini maka saya share aja. Supaya anda tidak suntuk dan mengantuk, coba langsung terapkan diblog anda dengan cara berikut :

Masuk ke blogger.
Pilih Rancangan - Edit Html
Kemudian anda cari kode a:hover {
Tambahkan kode berikut kedalamnya :

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEije34ltkng68OFhkmmnK6lwjaO7U0ugErmIFspix2ffaXxBtuIhZRTYiSlREqJCg5Y-ITQ7dkkuu9jhxRQSa5LIzJgzJZuaOq8Bex3MlMTgon5HACpFWLBVvpMh0R-sNgrDLc746SzMArL/s1600/stars.gif);

sehingga susunanya menjadi seperti ini :

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEije34ltkng68OFhkmmnK6lwjaO7U0ugErmIFspix2ffaXxBtuIhZRTYiSlREqJCg5Y-ITQ7dkkuu9jhxRQSa5LIzJgzJZuaOq8Bex3MlMTgon5HACpFWLBVvpMh0R-sNgrDLc746SzMArL/s1600/stars.gif);}

Lalu Save Template.

Contoh Hasil :

Semoga Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot berguna dan bermanfaat bagi anda.

Good Luck...

Cara Mengubah Cursor Pada Blog

Posted by Unknown 0 comments

mungkin Anda ingin merubah cursor pada blog sobat dengan cursor yang anda inginkan . Apakah sobat menginginkan sesuatu seperti itu????

jika sobat ingin, sini saya mungkin dapat memberikan tips untuk Merubah Cursor Pada Blog.

Bagaimana Merubah Cursor Pada Blog:
1. Login ke blogger dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Centang Expand widget template
4. Kemudian menempatkan kode html berikut di atas </head>

<style type='text/css'>body, a, a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default;} a:hover {cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),wait;}</style>

Ini Cursor yang saya Gunakan pada blog saya ini

NB :
untuk yang berwarna MERAH adalah ketika cursor default
untuk yang berwarna Biru adalah ketika cursor menyorot link

5. Simpan Template

Good Luck . . . . .

Top Auto Backlink

About Me

Kakashi Walk To Left

Naruto Walk To Left

Sasuke Walk To Left

Bleach Run

Babi Gak Jelas

About

Arsip Blog

Category

About

Labels

Ads

Subscribe now!

Best friend

Blogger templates

About

Random Post

Empty Widget

Links

Labels

Translate

Popular Posts

Blog Archive

Followers

Popular Posts