Cara Memasang Burung Twitter Pada Blog

Jika anda pernah menggunakan twitter, tentunya anda pernah melihat bukan gambar burung twitter yang berwarna biru. Burung tersebut melambangkan logo dari twitter. Jika anda mempunyai blog dan ingin menampilkan burung tersebut pada blog anda, Cukup menambahkan sedikit skirpt pada blog anda, burung tersebut nantinya akan bergerak dan terbang untuk menghiasi blog anda.

JIka anda ingin mencobanya,

masuk kedalam dasbor blog anda,

lalu pilih tata letak -> add widget -> html/javascritp 

lalu cukup copy code yang ada dibawah ini.

<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpm4ibxs6PMn4QAAbOcNxSz8n7ykybnIQFI0in1brWNBcVhKMQxn3mOKtdZXDvlFbKlzzmg9GvZ9CmjIEJ3cqRxj6KT1yKrzAjmxFr2szxNUDJm8ukn5nuhIZZ4lgarKy3SSzN7t7Voc/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/hadi_cyber";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti teks yang berwarna merah dengan akun twitter anda

lalu klik save, dan masuk keblog anda lihatlah hasilnya :)

Read More

Mengukur Kecepatan Loading Blog

Kecepatan pada suatu blog merupakan hal yang sangat penting, dikarenakan dapat memudahkan pengunjung yang memiliki internet lambat dapat membuka blog kita. Bayangkan saja jika teman anda memiliki internet yang begitu lambat, dan harus membuka suatu blog yang berat, tentunya akan memakan waktu yang lama. Untuk itu anda harus tau seberapa cepat loading pada blog anda, dan mungkin juga anda ingin membandingkan kecepatan blog anda dengan teman anda.

Untuk mengecek kecepatan blog, 
anda bisa masuk kewebsite developergoogle.
KLIK DISINI untuk masuk situs tersebut.


jika sudah, anda cukup memasukkan URL atau situs blog anda pada bagian make your website faster, setelah itu klik tombol analyze. tunggu beberapa saat dan lihatlah hasilnya.

catatan:
Semakin banyak anda menambahkan skript pada blog anda, 
maka semakin berkurang tingkat kecepatan pada blog anda.

Read More

Membuat Tampilan Blog Menjadi Under Construction

Tampilan Under Construction digunakan ketika blog kita sedang dalam perbaikan. Misalnya ada beberapa perbaikan yang ingin kita lakukan, Contohnya pengubahan template, penambahan skript atau mengubah skript. Tampilan ini akan berguna agar pengunjung pada saat akses blog kita, hanya akan muncul tampilan gambar yang menunjukkan blog sedang dalam perbaikkan. Sehingga selama perbaikkan sedang berlangsung, pengunjung tidak akan bisa melihat blog kita.

Jika anda ingin mengubah tampilan pada saat perbaikkan, ikuit langkah-langkah berikut:
Pertama masuklah kedalam halaman blogger anda,
Pilih Template - Edit HTML - beri tanda centang expand template widget
carilah kode 
]]></b:skin> 

gunakan ctrl + f  untuk mempercepat proses pencarian,

setelah itu copy code dibawah ini tepat diatas  ]]></b:skin> 

html {
height: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnapaHRbxBhOk6oJYuf2O5YdQdVBKBwjx2nxCE6UBikGiLZGGo8LdGtuy0EeHv5eehHVYxoJiQLJ5P8UeCxgB1yeKy9A5iTDFOddJZ-E-2bGF-5rPyrhEEcj6kwvJXuo1v7U648cuwUL1/s1600/under_construction.jpg) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}

Lalu klik simpan.
jika anda buka blog anda, maka akan tampil gambar seperti dibawah ini

Untuk mengembalikkannya anda cukup menghapus skript yang tadi, maka blog anda akan tampil seperti biasa lagi.

Read More

Memasang Jadwal Shalat Pada Blog

Bagi setiap umat muslim, shalat merupakan kewajiban yang harus dikerjakan dan tidak boleh ditinggalkan. Mungkin karena kesibukan kita dalam pekerjaan kadang kita luput dan lupa waktu untuk mengerjakan shalat. Untuk itu Widget jadwal shalat ini mungkin dapat bermanfaat buat kita. Kita dapat memasang jadwal shalat lima waktu pada blog ataupun website, Selain mengingatkan waktu shalat telah tiba, widget ini juga akan mempercantik blog kita.

Ada 2 widget yang bisa anda manfaatkan, yang pertama yaitu jadwal shalat lokal atau Indonesia dan yang kedua Internasional. Jika anda ingin memasang jadwal shalat Indonesia, anda cukup memasukkan skript ini, Masuklah kedalam blog anda, pilih tata letak - add widget, html/javascript. anda tinggal masukkan kode ini, lalu simpan

<iframe frameborder="no" framespacing="0" height="170" scrolling="no" src="http://www.republika.co.id/jadwal_sholat/" width="325"> </iframe>

Tampilan dari kode tersebut, bisa anda lihat dari gambar dibawah ini:

Jika anda ingin menggunakan yang internasinal, anda bisa mengunjungi situs dibawah ini.

KLIK DISINI

Jika sudah klik add new services to your site pada halaman bagian bawah

setelah itu akan tampil halaman  Add IslamicFinder Services  to Your Site, 
klik pada bagian pilihan 2, Daily  prayes times of your city in your website

selanjutnya tentukan negara tempan anda tinggal,
misalnya INDONESIA, lalu klik GO, 
lalu ketik kota anda, misalnya BOGOR, KLIK GO.

kemudian klik GENERATE CODE untuk mendapatkan skriptnya.
copy code tersebut dan pastekan keblog kita dengan cara yang sama.

berikut tampilannya:

Read More

Mengecek Banned Google Adsanse Pada Blog

Bagi seorang blogger, tentu saja sudah tidak asing dengan layanan google yang satu ini Google Adsanse, yaitu suatu program dari Google yang menyediakan iklan untuk dipasang dblog ataupun website kita. Dimana ketika pengunjung mengklik atau mengunjungi iklan ataupun situs yang kita pasang pada blog kita, maka sipemasang iklan ini akan mendapatkan komisi dari google dengan mata uang dollar.

Google Adsansepun dapat melakukan blokir pada blog atau webiste yang tidak mentaati peraturannya. Tentu saja sangat disayangkan sekali jika blog kita telah dibanned oleh google. Untuk mengetahui apakah blog kita dibanned atau tidak, anda bisa menggunakan situs dibawah ini

KLIK DISNI   atau KLIK DISINI

Setelah itu anda tinggal memasukkan alamat blog anda 
pada enter your domain name

lalu klik submit,
jika muncul tampilan seperti gambar dibawah ini, berarti anda tidak dibanned oleh google adsanse dan anda masih bisa menggunakan layanan dari google.

Read More

Mendaftarkan blog di google

Jika anda salah satu pengguna internet, tentunya anda pasti sudah tidak asing mendengar kata google. Google merupakan situs dengan jumlah pengunjung terbanyak di dunia. dan memegang peranan yang sangat penting dalam internet. Hampir semua informasi terdapat digoogle. anda cukup mengetikkan kata yang ingin dicari pada google, maka google akan memberikan apa yang anda inginkan.

sebenarnya ada banyak sekali cara untuk menaikkan ratting blog, agar blog kita kebanjran pengunjung, yah salah satunya adalah mendaftarkan blog anda ke google mesin pencari paling populer didunia. 

caranya sangat mudah, 

pastikan terlebih dahulu anda memiliki email di gmail.com,  jika anda belum memilikinya. silakan anda buat terlebih dahulu. setelah anda memiliki akun gmail, silakan anda kunjungi webmaster...

KLIK DISINI  

setelah itu loginlah dengan akun g-mail anda,

jika sudah klik tombol ADD A SITE 

masukkan url blog anda,, lalu klik tombol continue,

lalu anda akan diminta untuk melakukan verifikasi kepelmilkan website.

ada beberapa pilihan, 

jika anda pengguna blogspot, pilihlah  pilihan   TAG HTML (tambahkan tag meta kesitus anda)

copy kode meta tersebut,

dan sekarang masuk ke akun blogger anda, lalu masuk ke menu template, edit html.

lalu carilah kode </head> gunakan ctrl+f untuk mencarinya.

paste kan atau letakan kode meta yang telah kita copy tadi, tepat diatas kode </head> tersebut. lalu simpan.

sekarang kembali lagi ke halaman google webmaster tools, lalu klik tombol verifikasi

setelah berhasil, akan muncul informasi bahwa proses verfikasi telah sukses, klik tombol continue. dengan begini anda telah mendaftarkan blog anda kegoogle,

perlu diingat, bahwa mendaftarkan blog ke google tidak menjamin blog anda akan cepat terindex pada hasil pencarian google, untuk itu masih ada banyak trik lain yang harus dilakukan.

Read More

Membuat ucapan salam setiap blog diload

Ingin blog anda lebih terlhiat menarik? 
anda mungkin bisa menambahkan kata-kata salam atau ucapan yang menurut anda bagus pada blog anda. ucapan ini akan muncul setiap kali blog anda melakukan load.
dan ketika pengunjung pertama membuka blog andapun, pesan yang anda buat tersebut akan langsung muncul.

Caranya sangat mudah, anda cukup menambahkan sedikit scrip saja.
sekarang masuklah kedasbor blog anda terlebih dahulu, lalu pilih template,  edit html, dan beri tanda centang pada expand template widget, lalu carilah kode </head> dengan menekan ctrl + f.  letakann script berikut tepat diatas kode </head>

<script>alert(&quot;Bismillahirahmanirahim: Kesuksesan bukanlah dimana kita belajar dan akademis kita bagus tapi seberapa kesungguhan kita untuk mencapainya&quot;)</script>

teks yang berwarna merah bisa anda ganti dengan ucapan yang ingin anda tampilkan saat blog melakukan load.
setelah itu save, dan sekarang coba refresh blog anda, dan lihat perubahan yang terjadi :)

Read More

Menonaktifkan Klik kanan pada blog

Selamat pagi teman-teman, walaupun kerjaan menumpuk. saya menyempatkan untuk memberikkan tutorial ini Tentu anda tau kan fungsi klik kanan pada setiap website, saya tidak akan menjelaskan panjang lebar. karena anda bisa mencobanya sendiri untuk melihat fungsi dari klik kanan. Jika anda ingin mematikkan fungsi klik kanan pada blog anda, tentu saja bisa. Dengan memasukkan sedikit skript pada blog anda, klik kanan pada blog anda tidak akan berfungsi lagi.

Sekarang masuk kedalam pengaturan blog anda.

selanjutanya masuk kedalam menu tata letak - tambahkan widget - cari html/javascript.

sekarang masukkan skrip berikut

<script type='text/javascript'>
//<![CDATA[
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
//]]>
</script>

Lalu save.

Sekarang coba buktikan langsung, lihat blog anda dan coba klik kanan.
tentu saja tidak akan bisa lagi, karena sudah kita nonaktfkan fungsinya :)

Read More

Memberikan Password pada blog

Password digunakan sebagai pengaman suatu sistem , agar hanya orang-orang tertentu yang bisa mengakses sistem itu. Nah bagaimana jika pada blogspot? ternyata blogspotpun bisa kita berikan password, mungkin pemberian password ini bisa digunakan untuk pengaman pada blogspot kita. agar orang lain tidak bisa membaca blog kita. 

Dengan kemajuan teknologi sekarang, kebanyakan orang-orang yang hobi menulis diari atau catatan pribadi bukan dibuku lagi, tetapi pada blog. Nah Jika anda termasuk itu, pemberian password ini sangatlah bermanfaat bagi anda. agar anda tetap bisa menulis diary anda pada blog tanpa takut dibaca orang.

Caranya sangatlah sederhana, hanya menggunakan sedikit skript saja.

Sekarang masuk dulu kepengaturan keblog anda.

masuk kedalam tata letak - tambah gadget - cari HTML/Javascript

Dan copykan skrip berikut, lalu save.

<script language='JavaScript'>
<!--
var password;
var pass1="hadi";
password=prompt('Ingin membaca blog ini. harap masukkan password terlebih dahulu','');
if (password==pass1){alert('welcome my blog Friends :)');}
else{window.location="";}
//-->
</script>

Teks yang berwarna merah bisa anda ganti dengan password yang anda inginkan.

Sedangkan yang berwaran kuning bisa anda ganti juga dengan pesan yang ingin anda tampilkan saat blog anda terbuka.

Read More

Trik agar tulisan kita tidak bisa diCOPAS

Pernahkah anda merasa kesal ketika tulisan anda dicopas (copy paste) oleh orang lain tanpa mencantumkan sumbernya dari mana.. Kalo memang anda sering mengalami hal seperti ini, Trik  yang satu ini sangatlah berguna bagi anda. karena orang lain tidak akan bisa lagi mengcopy tulisan anda seenaknya

Pertama yang anda harus lakukan adalah, 
masuk kedalam dashbor blog  anda, 
lalu klik template - edit HTML - lanjutkan - beri tanda centang pada expand tempalte widget
lalu cari kode "<head>" tanpa petik.
cara cepatnya anda bisa menekan tombol keyboard ctrl + f , lalu ketikaan <head>.
setelah itu copy script dibawah ini

<SCRIPT type='text/javascript'>
    if (typeof document.onselectstart!=&quot;undefined&quot;) {
    document.onselectstart=new Function (&quot;return false&quot;);
    }
    else{
    document.onmousedown=new Function (&quot;return false&quot;);
    document.onmouseup=new Function (&quot;return true&quot;);
    }
</SCRIPT>

dan paste tepat diatas kode <head>tadi ,
lalu simpan.
dan  coba buka lagi blog anda, lihat hasilnya sekarang blog anda tidak bisa dicopas lagi :)

Read More

Cara membuat teks bergerak melingkar mengikuti gerakan mouse

Jika anda Ingin membuat cursor mouse anda lebih menarik, dan ingin nama anda lebih eksis dblog :D .Yah tentu saja bisa :) .Anda bisa membuat nama anda bergerak melingkar mengikuti gerakan mouse. teks tersebut akan terus bergerak melingkari mouse, kemanapun mouse itu digerakan :D

Caranya sangat gampang.
yang perlu anda lakukan adalah cukup memasukkan script berikut ini kedalam gadget html/javascript pada blog anda.

<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "Hadi-cyber4rt ";

/* 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 = 24;

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

Nah anda cukup mengganti tulisan "Hadi-cyber4rt" dengan nama anda..
dan save....

lalu tinggal liat aja perubahan pada mouse anda :D

Read More