contact
Test Drive Blog
twitter
rss feed
blog entries
log in

Jumat, 30 November 2012


Kriteria:
1. Kreasi template
2. Menghias Blog
3. Keindahan dan daya tarik blog
4. Pengaturan tata letak
5. Isi Blog
          Berikut ini 20 hasil karya Website / Blog terbaik kelas  XI IPA-IPS SMAN 1 TRAWAS tahun pelajaran 2012/2013, Penilaian 26-29 November 2013: 

1. idal0v3ly.blogspot.com Karya Ida Lutfiati kelas XI IPA 1 (BERUBAH)
2. masterfair.blogspot.com Karya Fair Nurfachrizi kelas XI IPA 2 (BERUBAH)
3. naritanath4.blogspot.com Karya Narita kelas XI IPA 2 (BERUBAH)
4. etiktiktok.blogspot.com Karya Etik Yunaeni kelas XI IPA 2
5.  ratnay-nay.blogspot.com Karya Ratna Kumalasari kelas XI IPA 2
6.  dhila4.blogspot.com  Karya KardilaWahyuningsih kelas XI IPA 2
7. eckhayulia.blogspot.com Karya Eka Yulia kelas XI IPA 2 (BERUBAH)
8. vevhy.blogspot.com Karya Vevi Nurjannah kelas XI IPS 2
9. sheilalapo.blogspot.com Karya Sheila Fahreza kelas XI IPA 2
10. anythacuitx.blogspot.com Karya Anita Firdaus kelas XI IPA 2
11. msubchan.blogspot.com Karya M. Subchan kelas XI IPA 1
12. adityastreet.blogspot.com Karya Aditya Yoga kelas XI IPA 1
13. nengve-geulis.blogspot.com Karya Fina Rochmawati kelas XI IPS 2
14. firditafivir.blogspot.com Karya Firdita Istighfari kelas XI IPA 1
15. lisasasa.blogspot.com Karya Lisa Kumala kelas XI IPS 2
16. puetry12.blogspot.com Karya Rika Putri kelas XI IPS1
17. sutiyasihjayati.blogspot.com Karya Sutiyasih kelas XI IPA 2
18. vicky55chiwizz.blogspot.com Karya Fiki Ayu kelas XI IPA 1
19. khohar25.blogspot.com  Karya Khohar kelas XI IPA 1
20. yeyenarisma.blogspot.com Karya Dwi yeyen kelas XI IPA2

           Tetaplah berkarya para Blogger...jangan berhenti sampai di sini.  Ilmu takkan habis jika dibagi malah akan semakin banyak dan lebih bermanfaat. Manfaatkanlah blog kalian menjadi blog yang selain bisa bermanfaat bagi diri sendiri juga bermanfaat bagi orang lain karena fungsi blog tak hanya untuk berbagi ilmu, informasi dan hobi juga bisa dimanfaatkan untuk berwirausaha (promosi usaha, jasa pembuatan website / blog, bisnis online, jasa kursus pembuatan website / blog dll). Terimakasih banyak semuanya ...selamat berjuang...

    CATATAN: data blog lama dicek ulang Oktober 2018 dengan kesimpulan Blog acuan/sebagai contoh blog adalah blog diatas yang tidak ada tulisan (BERUBAH)


    TUGAS PEMBUATAN BLOG KELAS XII MIA/IIS 

    SMAN 1 PACET 
    NOVEMBER 2018-DESEMBER 2018 PENILAIAN
     SEMESTER 2 TAHUN 2018/2019
    KETENTUAN:
    1. Artikel dengan judul yang sudah ditentukan disertai sumber
    2. Pertanyaan setelah presentasi
    3. Hobi/pengalaman terbaik (per individu disertai identitas (nama, kelompok, kelas sekolah))
    4. Foto kelompok sambil bergaya sambil memegang tulisan kelas dan sman 1 pacet (baju bebas sopan)
    5. Follow blog vie2x.blogspot.com sebagai bukti memiliki e-mail per individu (klik follower)




    Sabtu, 13 Oktober 2012

    Kenapa kita mesti Daftar / Submit Blog Ke Search Engine ?, tentu saja agar Blog atau Web kita segera terindek di search engine atau mesin pencari, apalagi kalau blog itu baru , Karena Search Engine, bisa dikatakan kunci untuk mendatangkan banyak kunjungan ke web/blog kita.. lalu bagaimana jika sudah terindek ??, menurut referensi yang saya baca ada baiknya kita submit URL itu berkala misalnya sebulan sekali, jangan sampai terlalu sering sebab nanti bisa dianggap spam apalagi ke search engine yang sama.
    Sebaiknya awali submit blog itu ke search engine utama atau yang sudah punya nama seperti Google, Yahoo dan MSN , baru ke search engine lainnya. ..
    Nah berikut Cara Daftar ke Search Engine utama  tersebut :
    A. Daftar Blog / Web di Google
    1. Masuk ke situsnya yaitu : www.google.com/addurl
    2. Isikan data2 yang diminta pada formulir yang disediakan
    3. URL –> isi dengan alamat blog anda. contoh = http://www.lintasberita.web.id
    4. Comments –> isi dengan keyword pada blog anda
    5. Optional -–> isikan code yang tertulis pada kotak yang tersedia
    6. Klik Add URL
    7. Kalau betul nanti ada kata2 : Thank you  ,  Your site URL has been succesfully added to our list of URLs to crawl
    8. Selesai..
    B. Daftar Blog / Web di MSN/Bing
    1. Masuk ke situsnya : http://search.msn.com/docs/submit.aspx?FORM=WSDD2
    2. Isikan text sesuai karakter yang disediakan
    3. Masukan URL Blog anda misalnya : http://bloganda.wordpress.com
    4. Klik Submit URL
    5. Selesai
    C. Masih belum puas ???
    Selain mesin pencari Google, Yahoo dan MSN  di atas, masih banyak lagi yang lainnya dan bisa men submit URL blog kita secara otomatis ke puluhan bahkan ratusan serach engine sekali klik , diantaranya :
    1. Situs Submiter : Layanan gratis dari Free Werb Submission : http://freewebsubmission.com/
    2. Submit Your site to 123 Search Engines  : http://submiter.hostzi.com/
    3. My Page Rank.net : http://www.mypagerank.net/
    4. Submit Expess  : http://www.submitexpress.com
    5. Suka.web.id  : http://addurl.suka.web.id/
    6. Search google lainnya : http://www.tutorialdigital.com/2009/11/free-submit-url-to-entire-search-engine.html
    7. dll.
    Silahkan pilih  sesuai selera anda . Selamat mencoba untuk Daftar atau Submit URL ke Search Engine.
    Catatan : Tapi Untuk Blog menggunakan subdomain seperti http://blog.umy.ac.id/member/ tidak bisa menggunakan fasilitas submit melalui webmaster google ataupun yahoo karena blog dengan subdomain kita sebagai member tidak bisa memasukan meta keyword sebagai verifikasinya.
     Sumber: http://www.lintasberita.web.id/cara-submit-blog-ke-search-engine/

    Cara membuat teks bergerak melingkar mengikuti gerakan mouse atau dalam istilah bahasa Inggris dikenal dengan nama "Circling text trail". Teks tersebut akan bergerak melingkar mengelilingi pointer mouse disaat mouse sedang idle. Teks yang akan ditampilkan dapat diatur sesuai keinginan.

    Yang perlu dilakukan adalah dengan memasukkan script di bawah ini ke dalam gadget html/javascript.






    <style type="text/css">
    /* Circle Text Styles */
    /*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
    #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: #000;
    /* 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">

    /* 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 = "Welcome to my blog!";

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




    Keterangan:
    Ganti teks Welcome to my blog! dengan teks yg anda inginkan


    Copy script di atas ke gadget html/javascript.
    Sumber script di atas saya ambil dari situs dinamic drive yang membahas tentang circling text trail

    Hasilnya bisa dilihat di blog ini circling text
    Sumber Info: www.komputerseo.com

    0
    Sabtu, 06 Oktober 2012

     Kursor kita bisa dibuat lebih wah..lagi dengan menambahkan bintang-bintang yang bersinar...Kelihatan Blink-Blink...wow...Hasilnya nanti seperti kursor saya ini...

    Caranya sebagai berikut:
    1. login blogger
    2. Rancangan > Tambah Gadget > pilih HTML/Java Script
    3. Lalu, copy kode di bawah ini


    <script type="text/javascript" src="http://cayunkatel.googlecode.com/files/rainbows.js"></script>

    4. Terakhir SIMPAN

    Cara mengetes kursornya...geser kursor nanti akan tampak kelap kelip bintangnya...selamat mencoba


    catatan Ning Vie: Setelah saya buktikan sendiri kursor tambah lebih keren meskipun kursor tampak bagus banget tapi kelemahannya jika untuk mengklik link agak susah karena menunggu kelap-kelipnya bintangnya hilang dahulu. jadi akhirnya saya berkeputusan tak memakai ini meskipun berat rasanya...

    Sumber info

    0
    Selasa, 25 September 2012


    <marquee align="center" direction="left"
        height="100" scrollamount="2" width="100%">



    <span style="font-weight:bold;">KLIK<a href="http://www.lbbexcell.blogspot.com"> KURSUS PRIVAT TK,SD,SMP,SMA

    </a></span>


        </marquee>

    Kriteria:
    1. Pembuat: 1-2 siswa
    2. Menghias Blog
    3. Kreasi Template
    4. Isi Blog
              Berikut ini 15 hasil karya Website / Blog terbaik kelas  XI IPA-IPS SMAN 1 TRAWAS tahun pelajaran 2011/2012, Penilaian Juni 2012:
    1. d-zema11.blogspot.com karya M. Nur Ismail kelas XI IPA I
    2. Kang-Nash.blogspot.com karya Nasrulloh kelas XI IPS 2
    3. nanang-dedy.blogspot.com karya Nanang D. kelas XI IPA 1
    4. Julianpermana.blogspot.com karya Lala kelas XI IPA 2
    5. Ririsaditia.blogspot.com karya Riris kelas XI IPA 1
    6. gumbank.blogspot.com karya A. Fadli kelas XI IPA1
    7. alfianzaeya.blogspot.com karya Alfianto dan Nur Istiqomah kelas XI IPS 1
    8. areksyarafki.blogspot.com karya Edi Wahyu kelas XI IPA I
    9. shequrnia.blogspot.com karya Yessi K. kelas XI IPA 1
    10. thelastinthemoon.blogspot.com karya Zaenal kelas XI IPA 
    11. photre-photre.blogspot.com karya Putri Ayu kelas XI IPA 2
    12. Endunngece.blogspot.com karya Rurul kelas XI IPA 2
    13. Asysyifa-neina.blogspot.com karya Nina kelas XI IPA 2
    14. Ludiyeea.blogspot.com karya Purnawati L kelas XI IPA
    15. panji-idea.blogspot.com karya M. mukti Panji kelas XI IPA 1

           Tetaplah berkarya para Blogger...jangan berhenti sampai di sini.  Ilmu takkan habis jika dibagi malah akan semakin banyak dan lebih bermanfaat. Manfaatkanlah blog kalian menjadi blog yang selain bisa bermanfaat bagi diri sendiri juga bermanfaat bagi orang lain karena fungsi blog tak hanya untuk berbagi ilmu, informasi dan hobi juga bisa dimanfaatkan untuk berwirausaha (promosi usaha, jasa pembuatan website / blog, bisnis online, jasa kursus pembuatan website / blog dll). Terimakasih banyak semuanya ...selamat berjuang...

    0

                  Gambar animasi blog atau dikenal dengan widged animasi menjadikan blog semakin menarik dan unik. Adapun diantaranya sayang jika tidak termuat dalam blog sobat. Berikut caranya:

    Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini  menggunakan kode html ditambah gambar dari situs sweetim.

    Contoh dan scriptnya bisa dilihat di bawah ini :
    1.Gajah loncat



    Script:

    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>




    2. Boring


    Script :
    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

    3.Tuyul ketawa


    Script:

    <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


    4.Boneka joget


    Script :

    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


    5. Panda main bola


    Script :

    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



    6. Tuyul baring


    Script :
    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

    7. Panda biru



    Script

    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
    <small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

    8. Panah



    Script:

    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




    9. 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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


    10.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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


    11.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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

    13.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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


    14.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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


    15.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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


    16.Pinguin


    Script :

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

    17. Helikopter


    Script :
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

    Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

    Cara memasang widget animasi ke blog :

    1. Pilih script yang tersedia

    2. Di Dashboard blogger pilih Rancangan - Elemen halaman


     Catatan:
    Untuk tampilan blogger yang baru Pilih Tata Letak



    3. Selanjutnya pilih Tambah Gadget

    4. Kemudian pilih HTML/Javascript

    5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript


    Jangan lupa klik tombol Save

    Catatan:


    1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
    2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
    Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
    Contohnya bisa dilihat di bawah ini
    <div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


    Artis

    1. Leonardo




    Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog


    Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disini widget animasi lucu.
    .
    24.Telur menetas



    25.Ayam bertelur



    26.Beruang




    32.Gawang
















    Berikut Sumber info





    0
    Sabtu, 12 Mei 2012

    Pada blog saya sementara ini yang saya pasang adalah salju saja agar terkesan dingin....sedingin Trawas (tempat saya mengajar di SMAN). Untuk mempercantik blog,memang banyak caranya dan banyak widget yang digunakan.salah satunya yang akan saya bahas adalah tips untuk menghias blog dengan menambahkan Efek Bintang Jatuh dan Daun Gugur, mungkin sobat yang ingin menggunakan dapat di tambahkan ke dalam blog yang saya peroleh/kutip  dari Blog Arjuna yaitu :

    1. Efek Bintang Berjatuhan
    2. Efek Daun Berjatuhan

    Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

    Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :
    1. Login ke Blogger dengan ID Anda
    2. Pada Dasbor Klik Tata Letak
    3. Klik Tambah Gadget pada Elemen Halaman
    4. Klik HTML/JavaScript pada jendela Tambahkan Gadget
    5. Copy salah satu kode HTML dibawah ini pada jendela Mengkonfigurasi HTML/JavaScript
      <script src=”http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js”></script>
      <script src=”http://www.geocities.com/sehatserasi72/efekdaunberguguran.js”></script>

    6. Klik Simpan
    7. Selesai
    Selamat mencoba…….

    UPDATE !!!!!

    Jika script diatas tidak jalan maka coba script baru ini:
    <script src="http://ajurna.googlecode.com/files/daungugur1.js"></script>
    <script src="http://ajurna.googlecode.com/files/salju1.js"></script>

    5

    Cara paling mudah untuk mengganti icon blog adalah dengan mengedit melalui Tata letak, Gadget, edit HTML dibandingkan lewat template langsung. Kalau melalui template kita harus berpusing-pusing mencari kode yang harus diganti ataupun ditambahi, belum lagi susah juga memperoleh artikel yang kode script templatenya cocok dengan template kita. 
    gambar icon yang saya pakai pengganti icon blog saya adalah icon   (Silakan dilihat pada address barnya-tempat mengetik vie2x.blogspot.com tadi)


    Langkah-langkah:
    1. Log in di blog  sobat
    2. Klik Tata Letak
    3. Klik Edit sebelah gambar blogger favicons



    4. Browse icon (icon terlebih dahulu harus tersimpan/sudah ada dalam komputer sobat)
    5.Simpan


    Selesai...Selamat mencoba

    0

    Cari Blog Ini

    Diberdayakan oleh Blogger.

    MY MUSIK

    >

    Mengenai Saya

    TIME

    My Yahoo Status

    Site Meter

    Followers

    DAFTAR ISI