Featured Post Today
print this page
Latest Post
Showing posts with label Kreasi. Show all posts
Showing posts with label Kreasi. Show all posts

Cara Membuat Akun Edmodo Untuk Siswa

Edmodo adalah situs pembelajaran online terhadap guru terhadap siswa ataupun orangtua tang tertutup. Edmodo sangat membantu para pengajar pendidik untuk mengajar siswanya secara online. Karena pembelajaran ini sangat efektif untuk memberikan tugas ataupun PR terhadap siswa secara online. Maka itulah edmodo sangat berguna bagi pembelajaran.


Cara untuk membuatnya sangatlah mudah. Karena saat mendaftar, Anda akan dituntut dalam mendaftar edmodo. Langsung saja cara untuk membuat akun edmodo sebagai berikut :

  1. Masuk ke halaman edmodo, Anda bisa masuk di link ini https://www.edmodo.com/.
  2. Setelah Anda masuk,daftar dulu sebelum Anda memiliki akun Edmodo. Berikut tampilan awalnya saat ingin mendaftar.


  3. Kemudian klik I'am a Student untuk mendaftar sebagai siswa.

  4. Setelah Anda tadi klik I'am a student maka akan muncul tampilan seperti gambar dibawah.


  5. Lalu isi tabel kotak yang sudah disediakan. Tanyakan group code kepada guru Anda supaya Anda bisa masuk kedalam ruang group yang dibuat oleh guru Anda.
  6. Setelah semua selesai klik Sign Up.
  7. Anda tinggal menunggu sampai ada pemberitahuan di email Anda.
Itu adalah cara untuk mendaftar edmodo untuk siswa. Semoga dapat membantu Anda.
^-^ Selamat Mencoba sob....

3 comments

Cara Mengganti Password atau Kata Sandi Akun Gmail Dengan Mudah

Hay sahabat blogger kali ini wahyu akan berbagi ilmu tentang cara untuk mengganti kata sandi akun gmail. Gmail adalah pemberian dari Google untuk syarat dimana Anda ingin memasuki situs yang besar.
Google Mail atau sering juga disebut Gmail adalah nyawa disetiap halaman yang ada di google contohnya : ingin masuk ke youtube, facebook, twitter dll. Jika Anda belum mempunyai akun Gmail ada bisa membuatnya di https://mail.google.com.

Kebanyakan orang banyak yang tidak tahu bagaimana cara mengganti password atau kata sandi akun gmail. Cara mennganti Password atau kata sandi akun gmail sebenarnya cukup mudah. Karena cara untuk menggantinya hanya memerlukan beberapa step saja.
Langsung saja cara untuk mengganti kata sandi akun gmail yaitu sebagai berikut :

  1. Silakan Anda login terlebih dahulu ke  akun gmail Anda supaya bisa untuk mengubah kata sandi Anda, atau silakan menuju http://accounts.google.com
  2. Setelah login, Anda pilih Masuk lalu pilih yang sandi lalu klik.

  3. Setelah diklik, masukkan kata sandi Anda yang lama dan masukkan juga kata sandi Anda yang baru lalu di konfirmasikan ulang kata sandi yang baru. Lalu klik Ubah kata sandi.

  4. Selesai.
Begitulah cara untuk mengganti kata sandi atau password akun gmail. Semoga dapat bermanfaat bagi Anda. Jika belum berhasil coba terus sampai berhasil jangan pantang menyerah.

^-^ Selamat Mencoba kawan...

0 comments

Cara Membuat Slide Bar di Blog Secara Mudah

Untuk memasang slider di blog Anda cukup mudah asalkan membacanya secara urut dan keseluruhan. Karena kebanyakan kalau membaca itu di ambil isinya saja. Itulah yang menyebabkan sulit dalam melakukan percobaan tersebut. Langsung saja cara untuk membuat slide bar di blog.


Berikut hal yang harus diperhatikan :

1. Masuk atau Login di blog Anda.
2. Pilih Template dan klik Edit HTML.
3. Setelah masuk di kode HTML lalu cari kode ]]></b:skin> untuk lebih cepat tekan ctrl+f dan pastekan kode di bawah ini di atas kode ]]></b:skin>. Untuk menghindari kesalahan dalam membuatnya sebaiknya backup template Anda terlebih dahulu.
#featuredSlider {background:#fff;float:left;margin:0; padding:0 0 10px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff; width:99%; position:relative;color:#666;}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
#featuredSlider .container {height:266px; margin:0 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle{padding-top:15px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKVpfD2xOdME7oFnGqGYm7E8V0xRUzYmn6q9_mqt1gTFAy46j7ogskPZOhXZcsz-gP9XpW-6WTuv-NZFzwDlMKy8AKdVPUYwon9laF9SZjyv1LM2oaHmuFEplOpuOIGluieKaaeDId8ig/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4aCyQEuDVX9Q0oLXM-4IlT4rm67y9BAnp3xJ5YCFGUjTSvCsK3T_WiG6nTCXnkA9r-SfFVkDnbYo2bXYjTFyuuVrshAz1C2KFVr2gZImcSXiX6GBX5WqxffLWGq_gxcjerJMJTpx9uQ/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}

Seperti gambar dibawah

Keterangan : Bahwa kode yang dikasih warna adalah tinggi dan lebar slide bar secara otomatis. Jika Anda ingin membuat ukuran sendiri silakan diganti.

4. Kemudian cari kode </head> untuk lebih cepat tekan ctrl+f pada keyboard. Lalu pastekan kode dibawah ini di atasnya.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/>
<script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxkfHdIMXD37ZbcV5ZayTMWVtokcdq8u23Bvf3O39IFc0sm-vdabGwUH-diq3FtQSST_sPDaK33PmP22_oSpy1F1IcooSiJIZ3WVTN-0IKxH4Xl0-TwPVGQy9NaCGgqsBaq05uxMV2nE/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
  var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          posturl = entry.link[k].href;
          break;
        }
     }

  for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
          pcm = entry.link[k].title.split(" ")[0];
          break;
        }
     }

     if ("content" in entry) {
        var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
        var postcontent = entry.summary.$t;}
     else var postcontent = "";
    
     postdate = entry.published.$t;

 if(j>imgr.length-1) j=0;
 img[i] = imgr[j];

 s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
 if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
 var day = postdate.split("-")[2].substring(0,2);
 var m = postdate.split("-")[1];
 var y = postdate.split("-")[0];
 for(var u2=0;u2<month.length;u2++){
  if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
  }
 }
 var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="350" height="262" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);

 j++;
}
    document.write('</div>')
}
//]]>

</script>

Seperti gambar dibawah

5. Langkah selanjutnya Anda tinggal memunculkan slide bar di tampilan blog Anda. Cari kode <div id='main-wrapper'> untuk lebih cepat tekan ctrl+f pada keyboard. Kemudian letakkan kode dibawah ini di bawahnya.

<b:if cond='data:blog.pageType != &quot;item&quot;'><div id='featuredSlider'>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>

</b:if>


Seperti gambar dibawah

6. Untuk melihat hasilnya Anda tinggal save dan lihat hasilnya.

Semoga dapat mermanfaat badi Anda. ^-^ Selamat mencoba kawan....
0 comments

Cara Membuat Tulisan Bergerak Dengan Efek Tulisan Keren

Hay sahabat blogger, kali ini wahyu akan memberi tips bagaimana cara untuk membuat tulisan atau kalimat bergerak di blog dengan efek tulisan yang keren. Pada umumnya cara membuat tulisan bergerak di blog yaitu dengan cara biasa. Tetapi disini saya akan memberikan cara bagaimana tulisan sobat lebih menarik.
Untuk memasang tulisan bergerak di blog sobat yaitu sebagai berikut :

  • Login ke akun blog sobat.
  • Klik segitiga kecil yang disamping lihat blog. Lalu pilih Tata Letak.
  • Pilih yang tambah gadget, kemudian pilih HTML/JavaSript.
  • Pastekan code tulisan bergerak tadi di HTML/JavaScript.
  • Lalu di save dan kita lihat hasilnya.
Berikut adalah code untuk membuat tulisan bergerak di blog dengan efek tulisan keren :

1. Code tulisan bergerak dari kanan ke kiri.
<marquee direction="left" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak

2. Code tulisan bergerak dari kiri ke kanan.
<marquee direction="right" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak
3. Code tulisan bergerak bolak balik dari kiri ke kanan.
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak

4. Code tulisan bergerak bolak balik dari kanan ke kiri.
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak

5. Code tulisan bergerak dari atas ke bawah.
<marquee direction="down" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak

6. Code tulisan bergerak dari bawah ke atas.
<marquee direction="up" scrollamount="2" align="center"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak

7. Code tulisan bergerak akan berhenti jika terkena kursor.
<marquee onmouseover="this.stop()" onmouseout="this.start()"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee>

Berikut Hasilnya :

Tulisan Bergerak
8. Code tulisan bergerak zig zag (diagonal) memantul.
center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee></marquee></center>

Berikut Hasilnya :

Tulisan Bergerak

9. Code tulisan bergerak zig zag (diagonal) tembus.
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"><img src="http://images.cooltext.com/4062005.png" width="179" height="27" alt="Tulisan Bergerak" /></marquee></marquee></center>

Berikut Hasilnya :

Tulisan Bergerak

10. Code tulisan bergerak saling terhubung dari kiri dan kanan
<marquee direction="right" width="200"><img alt="Tulisan Bergerak" src="http://images.cooltext.com/4062005.png" height="27" width="179" /></marquee><marquee direction="left"  width="200"><img alt="Tulisan Bergerak" src="http://images.cooltext.com/4062005.png" height="27" width="179" /></marquee>

Berikut Hasilnya :

Tulisan BergerakTulisan Bergerak

JIka sobat ingin mengganti tulisan bergeraknya, sobat tinggal menghapus code tulisan yang berwarna merah dan menggantinya sesuai yang sobar inginkan.

Itu tadi adalah kumpulan tulisan yang bisa bergerak yang dapat ditempatkan di blog sobat. Semoga ilmunya dapat bermanfaat bagi sobat.

^-^ Selamat Mencoba kawan ... :)
Shared : Ahmad Wahyu Eko Yulianto
By : Wahyu Eko Blog's
0 comments

Cara Menambahkan Widget Iklan di Blog

Hy sahabat blogger kali ini wahyu akan berbagi ilmu tentang cara untuk menambahkan widget iklan di blog. Banyak pengguna blogger yang memamerkan atau menambahkan widget ini karena untuk menarik orang supaya ingin memasang iklannya di blog. Biasanya dalam pemasangan widget iklan ini  ukuran iklan yang akan terpasang biasanya ukuran 125 x 125 untuk ukuran standart. Jika Anda ingin ukuran lebih besar Anda dapat merubah dari ukuran standart menjadi ukuran yang lebih besar atua sebaliknya.

Dalam pemasangan widget ini ternyata cukup mudah, karena simpel dalam membuatnya. untuk mengetahui cara dalam pemasangan widget ini langsung saja caranya ada di bawah ini :
  1. Buka akun blogger Anda untuk login.
  2. Lalu arahkan ke layout ~ Tambah gadget ~ Pilih HTML/Java Script dari menu.
  3. Setelah masuk pastekan kode di bawah ini ke dalam kotak HTML/Java Script.
    <center><table border="0"><tr> 
    <th width="126" height="126" align="center"><img src=" http://i606.photobucket.com/albums/tt144/saxplayer2112/ad-125x125.gif "/></th> 
    <th width="126" height="126" align="center">
    <img src=" http://i606.photobucket.com/albums/tt144/saxplayer2112/ad-125x125.gif "/></th></tr><tr> 
    <td width="126" height="126" align="center"><img src=" http://i606.photobucket.com/albums/tt144/saxplayer2112/ad-125x125.gif "/></td> 
    <td width="126" height="126" align="center">
    <img src=" http://i606.photobucket.com/albums/tt144/saxplayer2112/ad-125x125.gif "/></td> 
    </tr></table></center>
  4. Kemudian simpan widget yand sudah di isi dengan kode tadi.
  5. Ketika memasang iklan yang ingin di pasang, Anda tinggal mengganti link yang berwarna merah dan ganti dengan link yang ingin Anda pasang.
  6. Setelah itu Anda tinggal melihat hasilnya di blog Anda.
  7. Selesai.
Itu tadi cara untuk menambahkan widget iklan di blog sendiri. Semoga ilmu yang di share wahyu dapat bermanfaat bagi Anda.
^-^ Selamat Mencoba sob.....
Shared : Ahmad Wahyu Eko Yulianto
By : Wahyu Eko Blog's
1 comments
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Wahyu Eko Blog's Belajar Komputer - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger