Minggu, 21 Januari 2024
Selasa, 16 Januari 2024
Cara membuat teks berjalan di blog
Langkah-langkah membuat teks berjalan di blog
1. Seperti biasa masuk akun Blog Kalian
2. Pilih Loyaut / Tata Letak ==> Tambahkan elemen/ Widget ==> Pilih HTML Jave Script.
3. Masukan Kode Marquee yang ingin kalian tambahkan di widget.
4. Terakhir, klik Save dan lihat hasilnya.
<marquee direction = "left" scrollamount = "2" align = "center">ANITA SAPUTRI </marquee>
Minggu, 14 Januari 2024
Cara membuat tulisan bergerak mengikuti kursordi blog
Cara Membuat Tulisan Bergerak Mengikuti Kursor di Blog
1. Pertama pastikan masuk ke akun Blogger agan.
2. Masuk ke Menu Tata Letak.
3. Pilih dimana saja yang masih kosong dan kemudian Klik Tambah Gadget dan pilih HTML/JavaScript.
4. Copy script dibawah ini ke dalam Isi dari Box HTML/JavaScript.
<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #141414;
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;}
</style>
<script type='text/javascript'>
//<![CDATA[
;(function(){
// Pesan agan disini.
var msg = "TULISAN YANG INGIN AGAN DITAMPILKAN";
var size = 25;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.2;
var speed = 0.3;
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>
Cara menampilkan jam di blog
Blogger memiliki beberapa widget yang memiliki fungsi masing-masing seperti widget waktu, widget cuaca, widget banner, dan sebagainya. Kali ini, penulis akan membahas tentang widget waktu. Widget ini sangat berguna bagi visitor yang mengunjungi ke blog buatan kamu. Misalkan, kamu menulis tentang tutorial membuat aplikasi E-Commerce berbasis Android, pasti isi kontennya panjang sehingga si visitor membaca 1 tutorial bisa memakan waktu yang lama, karena itu dengan adanya widget waktu si visitor dapat mengetahui waktu secara pasti.
Penulis akan berikan tutorial cara memasang widget jam analog atau digital di Blogger. Jadi, kamu bisa menambahkan widget jam analog atau digital ke dalam Blog kamu
👉Langkah - langkah
1. Buka web browser di komputer atau laptop kamu.
2. Kunjungi situs Clocklink.com . Disana banyak pilihan model jam analog ataupun digital.
3. Pilihlah salah satu model jam yang ada di dalam situs yang tadi dengan klik Get Free Clock.

4. Klik Accept.

5. Aturlah widget jam tersebut sesuai keinginan atau kebutuhan. Kemudian, silahkan salin kode script yang terdapat pada kolom yang paling bawah.

6. Kunjungi situs Blogger. Silahkan melakukan login terlebih dahulu, tunggu sampai muncul tampil dashboard dari Blogger.
7. Klik Layout.

8. Klik bagian Layout yang kamu inginkan.

9. Pilihlah HTML/Javascript.

10. Silahkan paste kode script yang disalin dari situs Clocklink yang tadi. Klik Save.

11. Klik Save Arrangement. Kemudian klik View Blog.

12. Berikut hasilnya.

Mengenal Seputaran Blog
👉 Apa itu blog?
Blog adalah website atau jurnal online yang memuat beragam informasi, seperti artikel, foto, atau video, yang selalu diperbarui secara rutin. Pada dasarnya, pengertian blog adalah “web log”, yang berarti website untuk menyimpan “log” atau catatan, yang dikelola oleh satu atau beberapa blogger.
Blog juga adalah singkatan dari WeBlog yang artinya jenis situs web yang menyerupai tulisan- tulisan pada halaman web, biasanya disusun diurutkan secara kronologis (waktu kejadian) mulai dari postingan yang terbaru berada di bagian atas halaman utama (halaman depan / homepage) diikuti postingan paling lama dibawahnya.
👉Perbedaan blog dan website?
Blog adalah suatu media online yang memuat konten berupa artikel, foto dan video dengan fokus pada satu bidang dan biasanya mempunyai kontennya yang di-update berkala. Sedangkan, website adalah kumpulan halaman web yang berada dalam satu domain tertentu dan dapat kamu akses melalui internet.
👉Manfaat dan fungsi blog
Blog Sebagai Media PublikasiSelain untuk mengasah kemampuan menulis dan menuangkan buah pikiran, kamu juga bisa menggunakan blog untuk mempublikasikan apa-apa yang telah kamu tulis tersebut. Memiliki blog berarti bebas untuk menerbitkan apa saja karya tulis kamu untuk dinikmati oleh pembaca lainnya.
👉Jenis jenis blog yang sering ditemukan
- Blog Pribadi. Jenis blog yang pertama adalah blog pribadi.
- 2. Niche Blog. Niche blog biasanya dikategorikan berdasarkan topik tertentu. ...
- 3. Blog Bisnis. Jenis blog selanjutnya yaitu blog bisnis yang mengacu pada situs web suatu perusahaan. ...
- 4. Blog Afiliasi. Jenis blog selanjutnya adalah blog afiliasi
1.Blog Pribadi
Blog Pribadi adalah blog yang seluruh pengelolaannya diatur berdasarkan keinginan dan kebutuhan pribadi pemiliknya. Kontennya juga merupakan gagasan hasil olah pikir pribadi mengenai topik yang menurut pemilik blog, menarik untuk dibahas.
2.Niche blog
Niche blog adalah sebuah tema atau topik pembahasan di suatu blog. Sebagai blogger, Anda bisa memilih konten sesuka hati. Dengan fokus pada sebuah niche, website atau blog dianggap memiliki nilai lebih. Tidak hanya di mata mesin pencari, namun juga dari sisi user.
3.Blog bisnis
Blog bisnis adalah blog yang bertujuan untuk mendapatkan keuntungan bisnis dengan menggunakan halaman blog dari blog bisnis untuk mencoba mencapai tujuan bisnis. Misalnya untuk menjangkau pasar yang lebih luas dan mengajak masyarakat untuk membeli suatu produk atau jasa
4.Blog Alifiasi
Untuk jenis blog ini, fokusnya adalah affiliate marketing, yaitu teknik pemasaran dengan mempromosikan produk dan layanan pihak ketiga melalui platform online. Sang blogger biasanya menyediakan link di postingannya yang mengarahkan pembaca ke toko online suatu bisnis.