Tugas Blog 3

CARA MENAMBAHKAN FITUR

FLASH JAM

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf  quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x- shockwave-flash width=120 height=140 wmode=transparent></embed>

CARA MENGGANTI TEMPLATE BLOG

1. Login ke Blogger.
2. Di kiri atas, klik Panah bawah .
3. Klik blog yang ingin diupdate.
4. Di menu sebelah kiri, klik Tema.
5. Klik tema yang ingin Anda gunakan.
6. Di kanan bawah, klik Terapkan ke Blog.
7. Opsional: Untuk menyimpan salinan tema, di kanan atas, klik Backup/Pulihkan Download tema.

Membuat Efek Gelembung

1.Masuk ke akun Blogger sobat
2.Pilih menu Tata Letak
3.Pilih HTML/JavaScript
4.Copas Code dibawah ini pada konten

     <script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#cc0000", "#cc0000", "#cc0000", "#cc0000", "#cc0000"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

// ]]>

</script>

5.Simpan

CARA MENGGANTI KURSOR MOUSE

• 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)

<style type="text/css">* {cursor: url(http://ani.cursors-4u.net/cursors/cur-13/cur1157.ani), url(http://ani.cursors-4u.net/cursors/cur-13/cur1157.png), auto;}</style><a href="http://www.cursors-4u.com/cursor/2018/03/07/red-yellow-electricity-lightning.html" target="_blank" title="Red Yellow Electricity Lightning"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Yellow Electricity Lightning" style="position:absolute; top: 0px; right: 0px;" /></a>

• 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".

CARA MEMASANG ANIMASI BERGERAK

 1. Masuk Akun Blogger Sobat
   2. Pilih Tata Letak & Klik Tambah Gadget 
   3. Pilih Gadget HTML/Java Script
   4. Paste Kode gambar animasi yang sobat inginkan dibawah ini:
   5. Kalau sudah Klik SIMPAN

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://farhanshare.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Cara Membuat Tulisan Bergerak Mengikuti Kursor 

1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code berikut ke dalam box HTML/Java Script

  <style type='text/css'>

#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #ff840a;

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(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "MOZES ARDI";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// 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.2;

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

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

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>

4.Lihat hasilnya.

CARA MENAMPILKAN JUMLAH PENGUNJUNG

1. Masuk ke dashboard Blogger.

2. Klik sub-menu Tata Letak.

3. Klik Tambahkan Gadget pada tempat yang ingin kamu tambahkan          gadget statistik jumlah pengunjung.

4. Setelah muncul jendela baru, klik tanda "+" pada tulisan jumlah                pengunjung.

5. Pilih gaya tampilan jumlah pengunjung yang kamu suka. Lalu,                  klik Simpan.

6. Klik Simpan Setelan.

Komunikasi DARING

Pengertian Komunikasi Daring (Dalam Jaringan)

Setelah memahami makna komunikasi, kita masuk ke pembahasan inti. Istilah komunikasi daring mengacu pada membaca, menulis, dan berkomunikasi melalui/menggunakan jaringan komputer. (Warschauer, M. 2001 pp. 207-212)

Dengan kata lain, Komunikasi Daring adalah cara berkomunikasi dimana penyampaian dan penerimaan pesan dilakukan dengan atau melalui jaringan internet. Komunikasi yang terjadi di dunia semu tersebut biasa disebut sebagai komunikasi di dunia maya atau cyberspace.

Keunggulan dan Kelemahan Komunikasi Daring

Diantara beberapa kelebihan komunikasi dalam jaringan dibandingkan dengan komunikasi konvensional antara lain sebagai berikut:

• Efisiensi biaya : tidak memerlukan pihak yang berkomunikasi melakukan tatap muka, berbeda dengan komunikasi konvensional, sehingga komunikasi daring bisa menghemat biaya transportasi.
• Efisiensi waktu : komunikasi bisa dilakuakn dengan cepat tanpa membuang-buang waktu dengan melakukan perjalanan.
• Terintegrasi dengan layanan TIK lainnya : sembari melakukan komunikasi dalam jaringan, kita bisa memanfaatkan layanan TIK lain untuk mendukung pelaksanaan dan kelengkapan komunikasi tersebut. Contoh layanan yang bisa digunakan seperti presentasi, dokumen, dan berbagai layar.
• Meningkatkan intensitas berkomunikasi : komunikasi dalam jaringan internet mendorong yang yang terbiasa diam di dunia nyata menjadi aktif berkomunikasi di dunia maya.
• Meningkatkan partisipasi : karena terbukanya jalur komunikasi, maka semakin banyak pula orang yang bisa berpartisipasi dalam diskusi.

Selain keunggulan, komunikasi daring juga mempunyai kelemahan, antara lain sebagai berikut:

• Membutuhkan perangkat khusus : dalam pelaksaannya, komunikasi membutuhkan adanya software dan hardware.
• Tidak mewakili emosi pengguna : gerakan tubuh, raut muka, intonasi bicara, merupakan hal yang relatif sulit untuk dipahami.
• Banyak informasi yang tidak penting: seringkali informasi yang didapat menjadi terlalu banyak dan membuat bingung si penerima.
• Menyita konsentrasi: melakukan komunikasi dalam jaringan tidak pada tempat pada tempat dan waktu yang tepat, dapat mengabaikan atau menunda hal yang lain, bahkan membahayakan orang lain maupun diri sendiri.

Jenis Komunikasi Daring

1. Komunikasi daring sinkron (bersamaan)

Komunikasi dalam jaringan sinkron adalah komunikasi menggunakan komputer sebagai medianya yang terjadi secara bersamaan, waktu nyata (real time).contohnya yaitu videochat,tekschat.

2. Komunikasi daring asinkron (tidak bersamaan)

Komunikasi dalam jaringan asinkron adalah komunikasi menggunakan perangkat komputer atau perangkat lain yang dilakukan secara “tunda”. Contohnya yaitu forum, email, rekaman simulasi visual, serta membaca dan menulis dokumen daring lewat Worl Wide Web.

Komponen Pendukung Komunikasi Daring

Ada beberapa komponen yang harus tersedia sebelum komunikasi dalam jaringan bisa dilakukan. Komponen tersebut dikelompokkan menjadi 3 bagian, yaitu:

Komponen perangkat keras (hardware)

Perangkat yang bentuknya bisa dilihat atau diraba oleh manusia secara langsung. Contoh dari perangkat keras yang perlu ada dalam pelaksanaan komunikasi daring diantaranya komputer, headset, mikrofon, dan perangkat pendukung koneksi internet.

Komponen perangkat lunak (software)

Program komputer yang berguna untuk menjalankan suatu pekerjaan yang dikehendaki. Software diperlukan sebagai jembatan antara brainware dan hardware. Program-program yang biasanya digunakan dalam komunikasi daring seperti sky, google+ hangout, webconference, dll.

Komponen perangkat akal atau nalar (brainware)

Termasuk di dalam komponen brainware adalah manusia yang terlibat dalam penggunaan serta pengaturan perangkat lunak dan perangkat keras untuk melaksanakan komunikasi daring.

Tujuan Komunikasi Daring

1. Berbagi Sumber Daya (Resources)
2. Media komunikasi
3. Integrasi data
4. Keamanan data
5. Efisiensi Tenaga
6. Efisiensi Waktu
7. Efisiensi Biaya
8. Pengembangan dan Pemeliharaan
9. Sebagai Kontrol
10. Memudahkan pengelolaan
11. Pengendalian jarak jauh
12. Meningkatkan intersitas komunikasi
13. Meningkatkan Partisipasi Komunikasi
14. Memberikan informasi
15. Web Browsing

Fungsi Komunikasi Daring

1. Informasi: sebagai media penyampai pesan dan informasi kepada penerima informasi
2. Kendali: bertindak mengendalikan dan mengatur suatu informasi sebagai kewenangan individu atau kelompok.
3. Motivasi: komunikasi daring dapat memacu suatu pekerjaan dan semangat karyawan dalam pekerjaannya.
4. Ekspresi Emosional: komunikasi daring bisa mewakili suatu perasaan individu atau kelompok.
5. Penghemat waktu: komunikasi dapat dilakukan dengan efisien.
6. Penghemat biaya: harga kuota internet yang relatif murah mendukung komunikasi daring berjalan.
7. Dilakukan dimana saja: pagi, siang, sore, malam, tidak masalah untuk melakukan komunikasi daring.
8. Ilmu teknologi: komunikasi daring bermula dari ilmu pendidikan yang saat itu dijadikan bahan penelitian.
9. Intensitas komunikasi: kemudahan berkomunikasi menyebabkan intensitas komunikasi bertambah tanpa batas.
10. Partisipasi: komunikasi daring menyebabkan meningkatnya partisipan dalam artian menambah individu atau kelompok dalam proses komunikasi.
11. Informasi: informasi yang dilakukan di dalam jaringan bisa dilakukan selengkap dan seakurat mungkin.
12. Kontrol: proses komunikasi juga bisa diawasi oleh Menteri Komunikasi sebagai badan pengawan komunikasi dalam negeri.
13. Dorongan: contohyna seorang penulis yang terdorong untuk menulis tulisan yang bermanfaat karena mudahnya akses komunikasi.
14. Penyalur ide: tulisan-tulisan di dalam jaringan internet dapat menjadi sumber ide-ide untuk individu yang membacanya.
15. Sosialita: contohnya yaitu facebook sebagai media komunikasi sosial yang bisa membantu kita dalam melakukan kegiatan sosial.
16. Fungsi negara: komunikasi daring membantu pemerintahan untuk menyampaikan informasi kepada publik.

Manfaat Komunikasi Daring

1. Sebagai sarana Komunikasi.
2. Sebagai sarana E-Commerce atau perdagangan online.
3. Sebagai sarana E-Learning.
4. Sebagai sarana E-Banking.
5. Sebagai Sarana Riset.
6. Mempermudah peserta didik dan guru dalam berinteraksi dan berkomunikasi.
7. Akses ke informasi yang berada di tempat yang jauh.
8. Media hiburan interaktif.

Contoh Komunikasi Daring

1. Text chat dan video call melalui Line.
2. Text chat dan video call melalui BBM.
3. Text chat dan video call melalui Whatsapp.
4. Video chat melalui Skype.
5. Text chat melalui Facebook.
6. Text chat melalui Messenger.
7. Video call dengan google+ hangout.
8. dan banyak lagi yang lainnya yang mungkin kamu gunakan juga.

source : http://www.yuksinau.id/komunikasi-daring/