TUGAS TIK KELAS XI

1. Publikasi ke blog kalian masing-masing berita mengenai perayaan HUT RI ke-71!
2. Publikasi ke blog kalian masing-masing kegiatan individu LKS halaman 20!
3.  Publikasi ke blog kalian masing-masing materi web browser dan search engine!
4. Edit blog kalian dan diberi animasi,widget,dan accesoris lainnya sehingga blog kalian bisa lebih menarik.

JIKA MINGGU DEPAN BELUM TERISI TUGAS DIATAS NILAI YANG DIBERIKAN APA ADANYA SESUAI DENGAN KERJA DAN HASIL TAMPILAN BLOG KALIAN.

Guru Mata Pelajaran TIK

Ibnu BintangSetyawan

Cara Membuat Teks Berjalan di Blog

Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

 hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

 hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

 hasilnya

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :

• Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
• Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
• Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
• Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
  

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :

Contoh Tulisan Berjalan

• Untuk menyisipkan link pada marquee, gunakan kode berikut :

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.

hasilnya :

Cara Membuat Tulisan Berjalan di Blog

• Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>

catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress

Sekian posting cara bikin tulisan berjalan nya....

Membuat Widget Galeri Foto Instagram

Membuat Widget Galeri Foto Instagram:

• Kunjungi situs web.stagram.com
• Login dengan menggunakan akun instagram sobat
• Setelah login kunjungi halaman tool atau kunjungi alamat http://websta.me/tools#blog_parts
• Selanjutnya gulir ke bawah sampai menemukan form seperti pada gambar di bawah ini. Silahkan masukan username instagram kalian dan sesuaikan style sesuai selera.

• Setelah semuanya selesai klik Generate code.
• Copy semua code yang di dapatkan.

Memasang Widget Galeri Di Blog:

• Login ke akun blog sobat
• Pada halaman dashboard pilih Layout
• Pilih Add a Gadget
• Pilih HTML/JavaScript
• Masukan kode script yang tadi di copy
• Terakhir Simpan

Memasang Widget/Lencana Foto Instagram Di WordPress

• Login ke Wp Admin sobat
• Arahkan kursor mouse ke Appearance
• Pilih Widgets
• Pilih Text
• Masukkan kode yang tadi didapatkan pada Text
• Terakhir Save

Bagaimana cukup mudah bukan Panduan Pasang Galeri Instagram Pada Blog Anda, sekiranya hanya itu yang dapat saya bagikan untuk tips dan trik kali ini. Semoga dapat bermanfaat.

Cara Memasang Widget Kalender Lucu Di Blog

Bagaimana Cara Memasang Widget Kalender Lucu Di Blog? Bagi yang sedang ingin menghias blog sobat sekalian dengan beberapa widget. Kali ini saya akan coba mengshare tentang Cara Memasang Widget Kalender Lucu Di Blog

 

Ada berbagai macam pilihan blog kalender widget yang bisa sobat pilih.

Berikut cara mendapatakan script kalender widget untuk di pasang pada blog

1. Kunjungi www.cuteki.com/widgets/calendars/
2. Pilih dan klik widget kalender yang sobat suka
3. Sesuaikan lebar widget kalender ini dengan template blogger yang sedang digunakan saat ini
4. copy paste script kalender widget di blog blogger sobat semua

Panduan Cara Pasang Kalender Di Blogger

Berikut tutorial pasang kalender widget di blogger

1. Login ke blogger
2. Pilih menu Rancangan / Tata Letak
3. Klik Tambah Gadget / Add Gadget
4. Pilih Gadget HTML/JavaScript
5. Paste script kalender widget di sana
6. Simpan

Nah itulah tutorial/panduanCara Memasang Widget Kalender Lucu Di Blog. Selamat mencoba dan semoga bermanfaat.

Cara Mudah Memasang Widget CCTV Pada Blogger

Cara Mudah Memasang Widget CCTV Pada Blogger-Mau mempercantik tampilan blog? Bingung bagaimana caranya? Coba Gunakan widget yang satu ini dijamin penampilan blogmu akan semakin keren dan menarik. Baca Juga: Cara Mudah Cek Artikel original Atau Tidak
Widget CCTV ini cukup ringan dan tidak perlu taku akan membuat beban blogmu bertambah, tampilannya juga bisa kita ganti sesuai selera karena saya menyediakan banyak pilihan tampilan cctv. Nah jika sobat tertarik ingin memasang widget ini berikut adalah panduan cara memasang widget cctv keren:
Baca Juga: Cara Membuat Spoiler di Blog

Langkah-langkah memasang widget CCTV Di Blog:

• Silahkan lakukan login terlebih dahulu ke akun blog sobat
• Pada halaman dashboard pilih Layout
• Pilih lagi Add a Gadget
• Kemudian Pilih HTML/JavaScript
• Masukkan kode dibawah ini:

<script language=”JavaScript”

src=”https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1″type=”text/javascript”></script><script language=”JavaScript”

type=”text/javascript”>cot(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOA9QvMt6WLbnrwdGQLkNyK65YXesw0TzK0TNwc5J9LoLaDLLXmT7Ks9RBXRYdCBa2wbqyuK-cXCJ6cYyoMHb59eX2g-s_-KfYuMd2ShGSEsixEAqW-EnIHtq6ZJ2dZb-tt3xQd8_28I/s1600/kamera-pengintai-cctv-1-boytriks.gif“) </script>

• Terakhir Simpan

Keterangan:

Kode yang saya tandai dengan warna merah adalah URL gambar yang bisa sobat ganti dengan URL Gambar CCTV dibawah ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLOA9QvMt6WLbnrwdGQLkNyK65YXesw0TzK0TNwc5J9LoLaDLLXmT7Ks9RBXRYdCBa2wbqyuK-cXCJ6cYyoMHb59eX2g-s_-KfYuMd2ShGSEsixEAqW-EnIHtq6ZJ2dZb-tt3xQd8_28I/s1600/kamera-pengintai-cctv-1-boytriks.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif9ZJ3zrQ4UI4zhEr5CIkcZsYLU6EaOkMrx1pZ08A6jnbVECPnf1NDlVf8bwEzqTzS3csoyMdjFq49ql6P8t_fiy4OPYPNPDHKsUhsxwr-tBnA8CQRiRJxtSKJYqOQajPLvf_IkTsts_g/s1600/kamera-pengintai-cctv-2-boytriks.gif

Nah silahkan sobat lihat hasilnya, widget CCTV sudah tampil. Sekian untuk artikel tentang Cara Mudah Memasang Widget CCTV Pada Blogger, semoga artikel kali ini dapat bermanfaat. Jangan lupa ikuti juga facebook, twitter, google+ untuk mendapatkan lebih banyak update terbaru dari kami dan subscribe/langganan juga youtube kami untuk info,tips, dan panduan melalui video secara gratis. Artikel menarik: 3 Situs Membuat Favicon Gratis

Cara Memasang Jam di Blog

Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perdua puluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi.
Satu jam terdiri dar i:

• 60 menit
• 3600 detik

Untuk anda yang ingin terlihat cantik blog nya penambahan jam adalah salah satu alternatifnya, Penambahan jam di blog tergolong sangat mudah anda tinggal mengcopy kode HTML nya saja, Masalahnya Bisakah anda membuat agar blog anda terlihat lebih menarik ketika menambahkan jam di blog anda.

Cara Pasang Jam Pada BloG Terbaru

1. Kunjungi situs Clocklinkgallery
2. Pilih animasinya sesuai keinginan
3. Klik view HTML tag
4. Klik tombol tulisan accept
5. Pilih waktu sesuai negara
6. Set ukuran jam
7. Copy kode HTML tersedia
8. Login akun blogger
9. Pilih tata letak
10. Klik tambah gadget
11. Pilih HTML javascript
12. Paste kode tadi
13. Klik Simpan

 Contoh Kode HTML

<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=007&timezone=PST&color=gray&size=150"></iframe>

Memasang dan Memasukan Lagu yang diinginkan ke Blog

Memasang dan memasukan lagu yang diinginkan ke blog merupakan hal yang berguna bagi kita yang ingin menghias blog dan menambahkan fitur menarik sehingga dapat membuat pengunjung merasa nyaman dan senang, dan dengan fitur lagu yang telah kita pasang atau masukan pastinya akan membuat para pengunjung kita betah berlama- lama menjelajahi blog kita dengan diiringi musik atau lagu yang bagus terutama untuk blog yang memiliki kategori dengan pengunjung yang berpotensi senang mendengarkan lagu.
Baca juga 10 situs penyedia widget keren untuk blog

Hasil dari cara memasang atau memasukan lagu atau musik ini akan berbentuk seperti widget yang kita pasang di blog pada umumnya dan dengan fitur untuk memainkan musik yang terdapat dalam daftar putar yang telah kita pilih atau masukan terdahulu, jadi kita dapat menentukan lagu mana yang akan pengunjung gemari atau dapat juga kita pilih sesuai kesukaan kita.
Baca juga Dapat uang dari PPC terbaik Kliksaya
                6 Cara Mendapat Backlink Berkualitas

Cara memasang lagu atau musik kali ini akan kita lakukan melalui tool gratis situs/ web scmplayer, dimana terdapat banyak pilihan dan pengaturan yang dapat kita sesuaikan seperti keinginan kita seperti mengatur warna, fitur seperti auto reply serta memilih lagu yang kita inginkan yang dapat kita pilih melalui soundcloud.com.

Cara memasang atau memasukan widget lagu ke blog

1. Kunjungi situs scmplayer.net

Widget Lagu/ Musik mp3

2. Akan muncul tampilan seperti dibawah ini dan di menu “Choose Skin” anda dapat memilih warna background yang anda inginkan dan lanjut dengan kllik “Edit Playlist”
3. Siapkan lagu yang anda inginkan, saya sarankan cari di soundcloud.com selanjutnya masukan judulnya kedalam kolom “song title” dan URL lagu dari soundcloud.com tadi kedalam “Song URL” kemudian jika telah selesai klik “Next”

Memasukan Lagu ke Blog

4. Anda akan masuk ke menu “Setup Wizard” dan silahkan atur sesuai keinginan anda

Pengaturan Lagu Blog

Keterangan Pengaturan :

• Auto play untuk memutar lagu secara otomatis
• Shuffle Playback untuk memutar lagu dalam daftar anda secara acak
• Default Volume untuk mengatur volume suara standar yang anda inginkan
• Repeat Mode untuk mengatur pengulangan lagu
• Placement of Player Bar untuk mengatur letak pemutar musik yang ingin kita pasang di blog
• Show Playlist by Default untuk menampilkan pemutar secara default yaitu di sebelah kanan blog

5. Klik done untuk memperoleh kode HTML sesuai pengaturan yang kita lakukan

HTML widget Lagu untuk Blog

6. Copy kode seperti gambar diatas dan letakan didalam HTML template anda dengan cara Masuk ke blogger – Klik Template  - Edit HTML dan cari kode <body> atau <body (gunakan CTRL+F untuk mempermudah) setelah ketemu letakkan kode yang anda copy tadi tepat dibawah kode  <body>
7. Simpan template dan lihat hasilnya.

Dengan selesai melakukan Cara Memasang atau Memasukkan Lagu atau Musik di Blog dengan Pilihan Sendiri ini akan menjadi kesenangan tersendiri bagi kita melihat penampilan dan fitur blog yang sesuai keinginan kita, sehingga diharapkan dapat bermanfaat sebagai bahan hiburan bagi pengunjung bog kita.

Cara membuat tulisan mengikuti kursor di blog

Cara Membuat Tulisan Mengikuti Kursor di Blog – Cara/trik mudah membuat tulisan bergerak mengikuti arah cursor di blog atau cara agar tulisan bisa mengikuti cursor di blog atau cara menjadikan tulisan mengikuti pergerakan cursor pada blog.

Seowaps akan kembali posting artikel-artikel seputar tips trik blogging, panduan blogger dan SEO untuk sobat semua. Postingan kali ini mengenai cara mengatur/mengedit tulisan agar mengikuti kursor di blog. Setelah sebelumnya saya juga membahas tutorial mengenai modifikasi blog dan Panduan blogger yaitu cara membuat dan memasang Shoutcamp di blog dan kumpulan efek blogger berikut ini langkah-langkah trik membuat teks/tulisan mengikuti gerakan cursor di blog: 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 tadi

<style type=’text/css’>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: ‘comic sans ms’, verdana, arial;
color: #a4336a;
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(){
// Your message here (QUOTED STRING)
var msg = “Tulis teks anda disini“;
/* 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 =20;
// 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 = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// 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.2;
////////////////////// 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>

    4. Save/Simpan dan lihat hasilnya.


NB: Sobat dapat mengganti jenis dan warna font. Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah. Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.
http://seowaps.com/2013/04/cara-membuat-tulisan-mengikuti-kursor.html 

Cara Memasang Animasi di Blog

Cara Memasang Animasi di Blog - Ada beberapa widget yang biasa di pasang sebagai hiasan diblog, ada yang memasang kalender, ada yang memasang lagu di blog, memasang animasi di blog dan masih banyak lagi. Namun kali ini, kita khusus membahas cara memasang widget animasi di blog.

Widget ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.

Cara Memasang Animasi di Blog

1.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

2. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

3. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

4.Gajah loncat


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

5. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog"  /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

6.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

7. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

8. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

9.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

10. Panah


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

11.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><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/00020478.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

12.Kucing tidur


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><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/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

13. Bunga


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;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/00020322.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

14.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;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/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

15.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;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/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

16.Kelinci


Script :

<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/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

17.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><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/00020479.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

18. Pintu


Script:

<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/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

19.Berteriak


Script:

<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/00020309.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

20.Terkurung



Script:

<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/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

21.Sincelery



Script:

<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/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

22.Menangis


Script:

<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/00020461.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

23.Champion Ship


Script:

<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://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

24. Sundul Bola



Script:

<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/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

25. Lebah



Script:

<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/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

26. Kipas Angin



Script:

<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/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Telur Ayam Menetas



Script:

<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/00020540.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Ayam Bertelur



Script:

<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/00020541.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

27. Beruang Memancing Sambil Tidur



Script:

<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/00020486.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kiper Gawang



Script:

<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/00020686.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

28.Kunai Strike



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

29.Gundam lari




Script:

<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://i1108.photobucket.com/albums/h405/christian410/11-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

30.Tendangan Gundam



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:140px;height:190px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/13-1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

31.Gundam Fight




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

32.Gundam Storm




Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:300px;height:545px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

33.Burung Terbang



Script:

<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://christiantatelu.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>

34. Cewek Bergoyang


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Cara Pemasangan :

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.

Tambahan :

• Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
• Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top 
•  

http://christiantatelu.blogspot.co.id/2012/02/cara-memasang-animasi-di-blog.html

Inilah Alasan Utama Bendera Merah Putih Tak Bisa Dikibarkan di Siantar pada HUT RI ke 71

Banyak alasan yang beredar menjadi penyebab insiden tidak naiknya bendera merah putih meski lagu Indonesia Raya sudah selesai dikumandangkan dalam perayaan Hari Ulang Tahun RI di Kota Pematangsiantar yang berlangsung di Lapangan Adam Malik, Rabu (17/8/2016)
Apa yang menjadi penyebab kenapa bendera sempat gagal sempat banyak diperdebatkan, seperti Kesalahan disebut-sebut karena tiang bendera yang bermasalah, kancing pengikat bendera yang rusak.

Bahkan isu mulai berkembang karena adanya kesalahan dari anggota Paskibra yang salah ikat, sehingga jika dipaksakan menaikkan bendera, maka benderanya akan terbalik.

Namun berdasarkan keterangan dari Pembina dan Pelatih Paskibra Siantar, Hotlin Siahaan, bahwa penyebab insiden tersebut terjadi karena kendala dalam pengait bendera.

Hotlin menuturkan bahwa anggota Paskibra yang bertugas menggerek bendera enggan mengambil resiko yang lebih besar jika dipaksakan menaikkan bendera dengan pengait bendera yang rusak.

“Memang sudah berkali-kali kami keluhkan soal pengait bendera, dan ternyata benar kekhawatiran itu, Paskibraka enggan mengambil resiko yang lebih besar ketika bendera tersebut dinaikkan,” ujarnya.

Kata Hotlin jika bendera terpaksa dinaikkan akan berakibat bendera lepas atau malah tidak berkibar sempurna karena karena salah satu pengkaitnya rusak.

“Jadi tindakan dari adik-adik itu sudah benar. Kalaupun dipaksakan dinaikkan bisa berdampak yang lebih parah lagi, bisa saja benderanya lepas atau berkibarnya tidak sempurna, karena salah satu pengaitnya rusak,” kata Hotlin.

Kata Hotlin beruntung para pelatih dan Senior Paskibra menyiapkan pengait cadangan, sehingga saat kejadiav mereka langsung bisa mengatasi permasalahan tersebut.

 

“Memang itu sudah kita antisipasi, makanya kita bawa cadangannya. Saat kejadian itu langsung kita ganti pengkaitnya,” ujar Hotlin mengakhiri.

Sebelumnya dalam perayaan upacara Hari Ulang Tahun Republik Indonesia di Kota Pematansiantar yang dipusatkan di Lapangan Adam Malik, Rabu (17/8/2016) Pasukan Pengibar Bendera (Paskibra) Kota Pematangsiantar melakukan kesalahan fatal yang mengakibatkan bendera tidak kunjung naik saat lagu Indoneisa Raya dikumandangkan.

Penaikan bendera merah putih pada upacara Hari Ulang Tahun RI ke 71 ini disaksikan oleh ribuan warga Kota Pematangsiantar.
Kesalahan saat menaikkan bendera tadi sempat membuat warga gusar.
“Kok gak naik, kenapa ini,” ujar beberapa warga yang menyaksikan upacara dari pinggir Lapangan Adam Malik.

Sumber: http://muhammadsirajuddin.com/index.php/2016/08/18/inilah-alasan-utama-bendera-merah-putih-tak-bisa-dikibarkan-di-siantar-pada-hut-ri-ke-71/