Cara Membuat Burung Twitter Terbang di Blog

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHE_GJ3pbi0QG1Zt7q3LO-hKymg8GvWYlb2lW_P9GLz8kAUdd9pOLK3-gpBy6dD5CLz2w_WI5LQowCFyGOUI781Y7AEa_Zg4F2oAM29Fg70vFhdQQ0WJ8k67Dnqvdl33vDtW_xvdCWHqc/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/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpatNUf0wbXfubeZqq_GHMEMvoNH8vW_OzOj1dliY9gbkprZ7nhdWsZeih2wJwIsi7q1JSIZbgG27bQFoGCr5NryeGCxl4CfYFNFgAXAqs3AhUG7uoD65-A8ZjIDIAoQ_aJ3R_qqhZGI/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT-wB6yuvuI_0BxmvQOIBlIhkFlMzriWKPCvl977jzHW60Yh0-rsxo1PcYp1mxf7XOpSGailljzn9yIb1nML3k0XLDLQyUHpzdN_7k1oKvbAuA6vZxs43t0RmdRt503Id9kSe6RmRfpY4/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopscYslFglexCtQqf-z0AyF9U1aLenRvaX8D4GaFMg13GXtGB_rvjhOG7SNlwZHTbHGE638k4wcQ388FGgxgn2jmHi3vVu9uFvT1dmoelNT2am7EVNINAKpCl-uPMGofsfKUG8bXEAKE/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqUQ0e_VAIXxF8E-JK5KyC9rXAYZRSSQJ4cJ2VGNll3OVseyAK2IRN1lEowaDC669ReJx0Bidx5LsU920FLr42A6tPjqzMSJyOEe9bfqRHnRAVpysLmocwb3Z7tgkwYvJ-lcOBfRrElHc/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNq5XpuTwdQ0hZwNHYDCpGM0TN_oxuoMjxEQaUJ1uuCpGbDHIFBT2jYeoBydNvQcBl8loeih2rAD0RIJIbvT45pBc5piDOrZFEYZU9NFhz74Ufsm0Mazv3OpIrk2jZBjh43RCvhox4dqs/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgxU6SrzRzW6iVi-8GQF0KaST1CoS1OJYKuaEwwZVuoZvmE_yYGDoUfHD2iQUqhyCy5zIGdvWb9Iq9HVs0rob2VUhx58kTrb7vBJjGFR1LS_pAwkvZJ2g28T9SKDAf98TZV5jYKkmoIc/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIdcooQB55WkTaKpj6Q2iUUzY-X5ie_BaxrlBCuK9TCv-R5WRK_TNpZwiGugZos2w06xBJrQp5u2w6FvZSH-v-94cvVNC362Ju0NGL8Zx_D36c_fdTcMHYAPwTbd9SJlzntGvsnKuevc/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5-sJczvjp7i7hbI_jjvFN9kvgQEZWrYnzzZgULRfhFm95Oze8zBsf3UJzJ-urD_BIEMOa2kEhjgVy8LdHgS7mMNsm83tPGEIGXtV5Uvylt1G3Oj4ty2e9leRRIKECr_PHSLyCqJYzD_g/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Read More

Cara Memberi Tulisan Mengikuti Cusor Mouse

Kali ini cara menambahkan tulisan mengikuti mouse . langsung aja brother....
copy code HTML berikut ini  

<style type='text/css'>
/* Circle Text Styles */
#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: #999;

/* 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'>
//<![CDATA[
/* 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 = " MASUKAN TULISAN ANDA  ";
/* 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>

-- Ganti tulisan " MASUKAN TULISAN ANDA " dengan kata yang anda mau Misal " 9F SPENTITA "

 

-- masukan HTML ke Blog anda 

-- SELESAI 

-- ini contohnya :

Read More

Cara Mudah Merubah Tampilan Cusor mouse di blog

Cara Mudah Merubah Tampilan Cursor Mouse di Blog

 

Post kali ini membahas tentang cusor mouse di blog langsung aja boss ......

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

• Kunjungi situs www.cursors-4u.com.

• Disana anda akan disugukan banyak contoh dari kursornya.
• Anda dapat memilih berdasarkan kategori yang ada.

• Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

• Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

• Nah anda sekarang telah mendapatkan kodenya.

• Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
• Isikan konten dengan kode yang sebelumnya telah anda copy.
• Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

www.boywiratama57.blogspot.com

Read More

Cara Menghapus Blog

Layanan blog di blogger yang notabenenya adalah milik google memungkinkan kita untuk membuat banyak blog dalam satu akun. Kepemilikan blog ini juga menjadi tanggung jawab dan menjadi hak kita dalam mengelolanya.

Menghapus blog di blogger kadang harus kita lakukan jika saja kita melakukan kesalahan terhadap TOS blogger sendiri. Ini adalah saat kita harus atau memang di instruksikan oleh blogger untuk menghapus salah satu blog yang kita buat di blogger.

Dilain situasi, menghapus blog juga bisa kita lakukan kapan saja. Walaupun pihak blogger tidak langsung menghapus blog yang kita hapus (tapi masih bersifat temporary) akan tetapi dalam waktu kurang dari 3 bulan blog yang kita hapus akan dihapus secara permanen oleh blogger.

Nah, jika suatu kali anda ada melakukan kesalahan (misalnya salah membuat nama url - dan ingin menghapusnya) maka dibawah ini adalah cara untuk menghapus blog di blogger.
1. Loginlah terlebih dahulu ke akun blogger anda.
2. Lihat blog yang akan anda hapus diantara daftar blog yang sudah anda buat di akun blogger anda.

 

3. Kemudian, klik tanda panah yang ada disamping kiri 'lihat blog'

 

4. Lalu pilih 'setelan', seperti gambar dibawah ini.

 

5. Setelah itu, klik 'lainnya' di menu sebelah kiri bawah dari dashboard blogger.

6. Kemudian, dibagian atas - 'alat blog' anda bisa melihat tiga opsi disana. Impor, ekspor dan hapus. Silahkan klik 'hapus blog' jika anda sudah yakin ingin menghapus blog anda.

7. Kemudian, dengan mengklik 'hapus blog ini' maka blog anda akan dihapus oleh pihak blogger.

8. Selesai.

Seperti yang anda lihat pada gambar terakhir, pihak blogger tidak langsung menghapus blog yang kita hapus secara permanen. Akan tetapi, blog yang dihapus tersebut akan benar-benar terhapus setelah 90 hari atau 3 bulan setelah penghapusan. Kesempatan ini juga memungkinkan kita untuk memulihkan blog yang sudah kita hapus sebelumnya dalam jangka waktu tersebut.

Read More

Cara Membuat Text Box Di Blog

Cara Membuat Chat Box Di Blog :

1. Buka Website ini ► www.cbox.ws
2. Klik tombol Sign Up di kanan atas Website tersebut.
3. Kemudian akan muncul tampilan seperti ini. ( Lihat Gambar )

4. Lalu isi pada kotak - kotak tersebut dan centang, sehingga menjadi ini. ( Lihat Gambar )

Keterangan:

• Cbox Name diingat ya, karena itu akan dijadikan ID Login kalian.
• Emailnya disensor ya.

5. Kemudian Klik " Create My Cbox! "
6. Akan muncul tampilan seperti ini jika anda berhasil. ( Lihat Gambar )

7. Setelah itu Cek Email anda dan Login.
8. Kemudian pada halaman utama Cbox tersebut. Klik " Publish! " yang berada di Kanan Atas.
9. Pada halaman baru tersebut, Lihat Bagian ini. ( Lihat Gambar )

10. Kemudian Copy dan Paste Kode tersebut di Blog anda.
11. Selesai.

Read More

Memasang Musik Di Blog dengan mudah

CARA 2 :


Langsung aja kita ke TKP :

1. Pertama kita harus mengunjungi website penyedia Music : http://divine-music.info
2. Lalu lihat bagian header website tersebut , Klik Browse ALL
3. Pilih Artis atau Penyanyi yang ingin anda putar musicnya diblog
4. Setelah itu anda akan disuguhi Code HTML yang nantinya akan kita pasang diblog

Lalu cari Kode
<EMBED SRC="http://divine-music.info/musicfiles/01 Rolling In the Deep.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Ubah nilai TRUE menjadi FALSE jika anda menginginkan lagu diputar hanya sekali.

Selanjutnya
1. Login ke blogger
2. Masuk ke Layout / Tataletak blog anda
3. Add Gadget
4. HTML
5. Masukan code HTML yang sudah diedit tadi

Read More