Cara Membuat Efek Teks Tulisan Berjalan Di Blog

Cara Membuat Efek Teks Tulisan Berjalan Di Blog - Baru saja saya mengunjungi blog orang lain dan saya melihat ada tulisan yang berjalan di blognya. Langsung saya berpikir untuk mencobanya dan memposting di blog saya. Simak ya dengan baik:

1. Teks Berjalan Dari Kanan Ke Kiri.
<marquee direction="left" scrollamount="2" align="center">Teks Berjalan Dari Kanan Ke Kiri</marquee>

2. Teks Berjalan Dari Kiri Ke Kanan.
<marquee direction="right" scrollamount="2" align="center">Teks Berjalan Dari Kiri Ke Kanan</marquee>

3. Teks Berjalan Dari Kiri Ke Kanan Berkedip.
<marquee direction="right" scrollamount="2" align="center"><blink>Teks Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee>


4. Teks Berjalan Bolak Balik Dari Kiri Ke Kanan.
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee>

5. Teks Berjalan Bolak Balik Dari Kanan Ke Kiri.
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>

6. TeksBerjalan Dari Atas Ke Bawah.
<marquee direction="down" scrollamount="2" align="center">Teks Berjalan Dari Atas Ke Bawah</marquee>

7. TeksBerjalan Dari Bawah Ke Atas.
 <marquee direction="up" scrollamount="2" align="center">Teks Berjalan Dari Bawah Ke Atas</marquee>

8. Teks Berjalan Bolak Balik Dari Atas Ke Bawah.
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>

9. Teks Berjalan Zig Zag.
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Berjalan Zig Zag</marquee></marquee>

10. Teks Berjalan Berhenti Jika Disorot oleh Kursor Mouse.
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="up" width="100%" height="100" align="center">Teks Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>


Keterangan :
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Setelah itu salin kode-kode tersebut ke Template>Edit HTML>Lalu letakkan persis setelah kode </head> 
Lalu klik simpan Template.
 

Cara Membuat Blog Di Blogger

Assalamualikum WR.WB

Malam semuanya, terutama buat yang masih belum tidur. Dan yang sudah tidur pasti lagi mimpi baca blog ane, hahaha. Oke langsung saja kita kembali ke topik, disini ane akan memberi tau Cara Membuat Blog Di Blogger. Mari kita simak baik-baik:

1. Sebelum membuat blog kalian semua harus mempunyai alamat email, salah satunya Gmail. Baca selengkapnya disini cara membuat email Gmail: http://catatankerenrobby.blogspot.com/2013/10/cara-membuat-email-gmail.html
2. Setelah selesai membuat Gmail, silakan kalian pergi ke www.blogger.com lalu kalian tinggal Sign in dengan Gmail yang kalian buat.
3. Lalu kalian akan dibawa ke tampilan seperti ini, lalu kalian tinggal klik Buat Blog Baru.
4. Nanti akan ada menu melayang. Dan isikan Judul dan Alamat sesuai keinginan kalian. Jika sudah kalian pilih template yang menurut kalian cocok.
 
Selamat blog kalian sudah jadi, tinggal memulai mengepostkan sesuka hati kalian.

Semoga bermanfaat :)

Sumber foto: Terbarux.blogspot.com

Cara membuat burung Twitter berterbangan di Blog

Assalamualaikum WR.WB

Malam semuanya, sesuai judul post diatas ane pengen update Cara membuat burung Twitter berterbangan di blog. Langsung saja kita ke TKP

1. Login Ke Blogger
2. Pilih Tata Letak
3. Lalu Tambahkan Gadget Atau Add Gadget
4. Lalu Tekan HTML/JavaScript
5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini Di Kolom HTML/JavaScript

 <!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJG52V2z1EWY3_Wk8j6Ly5Yoy8V6epJ6MvUR2xjDXaMRYICZDr2Ntt31FMwXo0lCX9YVyjZXznLc2U3fufh3cECf_2Qe7kcVsa3bfv0KAuMmsjBffFLn8pf1d8717C8Q28NMCe2H0oSpT/s1600/original.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/depermana12";var tweetThisText = "follow me";tripleflapInit();
</script>

Kemudian klik simpan.

Cara Membuat / Memasang Widget CCTV Di Blog

Assalamualaikum WR.WB

 Malam semuanya, sesuai judul post diatas ane pengen update Cara Membuat / Memasang Widget CCTV Di Blog. Langsung saja kita ke TKP

1. Login Ke Blogger
2. Pilih Tata Letak
3. Lalu Tambahkan Gadget Atau Add Gadget
4. Lalu Tekan HTML/JavaScript
5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini Di Kolom HTML/JavaScript


<script language="JavaScript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/camera.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtTqjaQGAzMoq5LnAMAsjbhHUq2tR5fx0KMRi-Zm0wJssUeifs9zT-n3X27Nu8NuXHQcuNvMbn0wfcfzMFUFqmflR2kx19UHWYAX-Y7oyDEbP7aZ6yHexICca4Ac0cQWYN4aBZ8AVMs8/s1600/cctv.gif")</script>

 Kemudian klik simpan.

Cara Membuat Efek Salju & Bintang Berjatuhan Di Blog

Malam semuanya, sesuai judul post diatas ane pengen update Cara Membuat Efek Salju & Bintang Berjatuhan. . Langsung saja kita ke TKP

Memasang Efek Salju Berjatuhan :
1. Login Ke Blogger
2. Pilih Template
3. Lalu Edit HTML
4. Copy kode di bawah ini dan letakkan di atas kode </head>

<script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>

Lalu klik simpan Template.


Memasang Efek Bintang Berjatuhan:
1. Login Ke Blogger
2. Pilih Template
3. Lalu Edit HTML
4. Copy kode di bawah ini dan letakkan di atas kode </head>

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>

Lalu klik simpan Template.

Cara Membuat Tulisan Mengikuti Cursor Di Blog

Assalamualaikum WR.WB

Selamat malam agan-agan & agan wati. Ketemu lagi sama admin yang Ganteng dan tidak sombong yang akan memberi tutorial Cara Membuat Tulisan Mengikuti Cursor. Penasarankan langsung saja kita ke TKP:

1. Login Ke Blogger
2. Pilih Tata Letak
3. Lalu Tambahkan Gadget Atau Add Gadget
4. Lalu Tekan HTML/JavaScript
5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini Di Kolom HTML/JavaScript

<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 = "Catatan Keren Robby";
/* 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>
Kemudian ganti tulisan Catatan Keren Robby dengan tulisan yang kalian inginkan.

Cara Memberi Lagu Pada Blog

Assalamualikum WR.WB

Selamat malam semua, terutama yang masih belum tidur. Dimalam ini admin akan memberi tutorial tentang Cara Memberi Lagu Pada Blog. LAngsung saja dari pada lama-lama kita simak dengan baik:

1. Anda harus pergi ke alamat ini http://www.divine-music.info/ 
2. Lalu pilih Browser all
3. Setelah itu pilih lagu sesuai selera masing-masing.
4. Kemudian copy kode yang telah disediakan.
5. Jangan semuanya di copy cukup dari, contoh

<embed src="http://divine-music.info/musicfiles/Avenged Sevenfold - Dear God.swf" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed>

6. Lalu pastekan pada dasbor blogger*tata letak*tambahkan gadget

7. Simpan dan..

Taaraaa sudah ada lagu di blog kamu.

Cara Membuat Email Gmail

Assalamualikum WR.WB

Selamat sore para sahabat blogger. Kali ini admin akan posting Cara Membuat Email Gmail. Kalian bisa membuatnya Disini.

1. Jika sudah dibuka, tekan "Daftar" atau "Create a New Account", maka akan muncul seperti gambar dibawah.
 
2. Isi semuanya dengan identitas kalian.
3. Lalu klik "Langkah Selanjutnya".
4. Pilih "Pesan text (SMS)" dan klik "Lanjutkan"
5. Setelah itu kalian akan menerima kode vertivikasi lalu masukan kode tersebut dan klik "lanjutkan"

6. Selesai ! Halaman pertama yang muncul adalah kalian di rekomendasikan untuk memasang foto Profil baru. Seperti gambar dibawah:

7. Jika sudah melewati tahap tersebut kalian sudah sukses membuat akun Gmail

Untuk mengeceknya kalian tinggal pergi ke www.gmail.com. Dan tinggal Log in.

Gmail juga bisa untuk membuat blog, baca selengkapnya disini http://catatankerenrobby.blogspot.com/2013/10/cara-membuat-blog-di-blogger.html