Minggu, 11 Mei 2014

Cara Membuat Slide Header Di blog

 

Dipublikasikan oleh : http://www.cobadibaca.com
6:05:00 PM
13
Cara membuat gambar slide dengan setting html ini mirip dengan gambar Flash yang dibuat dengan software flash...namun disini tak perlu menggunakan software tersebut...hanya sedikit utak-atik html saja sih...
untuk pemasangan nya adalah sebagai berikut:
- Login ke blogger.com
- Pilih template
- Kemudian pilih Edit html
- Jangan Lupa centang expand widget untuk tampilan html penuh..
- Selanjutnya cari kode </head> ,(gunakan F3 atau dengan Ctrl + F untuk memudahkan pencarian)
- Kemudian masukan code script yang ada dibawah dengan cara copy/paste diatas kode </head>

      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://mrmung.googlecode.com/files/coin-slider.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $(&#39;#coin-slider&#39;).coinslider({ width: 950,height:144, navigation: false, delay: 5000 }); }); </script>

**> Keterangan : width:950,height:144 adalah ukuran lebar dan tinggi slideshow yang nantinya akan ditampilkan di blog. Tapi Untuk Ukuran ini Terserah masing-masing orang mau seberapa lebar header blog yang dimiliki.. ukuran kecilpun bisa misalkan kita mau memasangnya di sidebar....
  • Preview dulu agar yakin penempatannya sudah benar, kalau ada kesalahan penempatan scrip biasanya ada   peringatan tertulis.. sobat tinggal klik clear edit aja supaya gak bingung menghapusnya.
  • Kalau Semua script sudah benar.. klik simpan template (save template)
  • Langkah selanjutnya adalah Sruput kopi dulu biar gak ngantuk...(gak penting sih)
  • Setelah tersimpan.. kita masuk ke area Layout (tampilan)
  • Lalu Pilih Add a Gadget(tambahkan Gadget), kalau mau menempatkan di area header pilihlah add gadget    di bawah header.
  • Selanjutnya Pilih HTML/Javascript
  
Copy/paste script dibawah ini di area HTML/javascript

<div id='coin-slider'>
<center>
<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISIKAN KETERANGAN GAMBAR DI SINI BROW
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
ISI KETERANGAN gambar DI SINI
</span>
</a>

</center>
</div>

<div id='coin-slider'>
<center>
<a href="http://www.cobadibaca.com" target="_blank">
<img src="LINK URL GAMBAR DISINI" />
<span>
Hanya Mencoba untuk Coba Dibaca....
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>

<a href="URL LINK" target="_blank">
<img src="LINK URL GAMBAR ANDA" />
<span>
ISI KETERANGAN GAMBAR DI SINI
</span>
</a>

</center>
</div>


Semoga bermanfaat... dan coba dibaca dulu dari awal..

Selasa, 06 Mei 2014

Cara membuat Effect Animasi Pada Header Blogger



Cara membuat Effect Animasi Pada Header Blogger :

Dipublikasikan oleh : http://worldinfotechno.blogspot.com/
  • Klik Desain












  • Lalu Klik Template












  • Lalu Klik Edit HTML













  • Nah Setelah klik Edit HTML , nanti akan muncul gambar seperti ini












  • Lalu Pencet Ctrl + F , nanti akan muncul gambar seperti ini












  • Nah , sekarang cari kode  script    ]]></b:skin>    , Contohnya seperti gambar dibawah












  • Nah , sekarangkan udah cari kode script    ]]></b:skin>  
  • Lalu masukkan kode css berikut tepat di bawah kode ]]></b:skin> berikut kodenya :
<style>#header{width:auto;
height:50;
background:none;
position:relative;
animation:mymove 5s infinite;
-moz-animation:mymove 5s infinite; /* Firefox */
-webkit-animation:mymove 5s infinite; /* Safari and Chrome */
-o-animation:mymove 5s infinite; /* Opera */
}

@-moz-keyframes mymove /* Firefox */
{
0% {left:0px;color:green}
50% {left:200px;color:red}
100% {left:0px;color:orange}
}

@-webkit-keyframes mymove /* Firefox */
{
0% {left:0px;color:green}
50% {left:200px;color:red}
100% {left:0px;color:orange}
}

@-ms-keyframes mymove /* Firefox */
{
0% {left:0px;color:green}
50% {left:200px;color:red}
100% {left:0px;color:orange}
}

@-o-keyframes mymove /* Firefox */
{
0% {left:0px;color:green}
50% {left:200px;color:red}
100% {left:0px;color:orange}
}</style>

 
  • Cara masukkan kode css berikut tepat di bawah kode ]]></b:skin>  , contoh seperti gambar dibawah ini

  • Nah Setelah Selesai memasukkan kode css berikut tepat di bawah kode ]]></b:skin>
  • Nah sekarang tinggal langkah terkahir nih
  • Langkah terakhir , Klik Simpan Template














Oke , Terima kasih untuk yang sudah mencoba Tutorial ini....

Tutorial Dipublikasikan oleh : http://masmahfid.blogspot.com

Cara Memasang Plugin pada Blogspot

Cara Memasang Plugin pada Blogspot :

 
Dipublikasikan oleh : http://worldinfotechno.blogspot.com/

Contoh Seperti Radio Music Player Free Online
















Nah Mari Kita Coba Dengan Mengikuti langkah-langkah sebagi berikut :
  • Klik Desain..
  • Klik Tata Letak.
  • Pilih dan Klik Tambahkan Gadeget


  • Lalu klik Gadget Lainnya


  • Lalu klik berikutnya >>



  • Lalu arahkan Scroll ke bawah sampai ada Bacaan Radio  Music Player Free Online




  • Nah , kan sudah muncul bacaan Radio  Music Player Free Online
  • Lalu klik yang tandanya seperti:    +

  • Nah setelah klik yang tanda tadi , akan muncul seperti ini




  • Lalu arahkan scroll ke bawah
  • Terakhir klik Simpan



Oke , Terima kasih untuk yang sudah mencoba Tutorial ini....



Senin, 05 Mei 2014

Cara Memasang Gambar Header

Cara Memasang Gambar Header 

 

 Dipublikasikan oleh : http://www.djangkarubumi.com

Cara Memasang Gambar Header

Cara Memasang Gambar Header. Gambar header adalah sebagai ciri khas suatu blog. Template boleh sama, tapi gambar header pastilah berbeda. Dan gambar header mampu menggambarkan akan suatu blog itu sendiri. Sebelum mengganti gambar header, siapkan dulu gambar yang akan di upload. Dan sesuaikan panjang ( umumnya sekitar 850 px) dan lebar gambar dengan kolom widget header gambar itu sendiri. Agar tampak lebih rapi sehingga tidak ada ruang kosong pada kolom widget header.
  • Klik Desain..
  • Klik Tata Letak.
  • Pilih dan Klik Edit pada widget header
Cara Memasang Gambar Header
  • Silahkan upload foto dan untuk penempatan gambar header silahkan sesuaikan sendiri.
Cara Memasang Gambar Header
  • Klik Simpan.
  • Untuk mengetahui lebar kolom pada gambar,silahkan lihat di edit pengaturan template sesuaian.
Cara Memasang Gambar Header
Cara Memasang Gambar Header
  • Terakhir Klik TerapkanBlog 
Dipublikasikan oleh : http://www.djangkarubumi.com

Pengertian dan Definisi Blog

Pengertian dan Definisi Blog 

 Dipublikasikan oleh : http://cara-buat-blog-di.blogspot.com

Blog berasal dari kata Web dan Log (WEBLOG) yang berarti catatan online (yang berada di web).
Pengertian yang lebih lengkap, blog adalah situs web yang berisi tulisan, artikel atau informasi bermanfaat yang diupdate (diperbaharui) secara teratur dan dapat diakses secara online baik untuk umum maupun pribadi

Ciri-ciri :
Berikut adalah ciri-ciri blog secara umum
  1. Memiliki Nama dan Alamat yang bisa diakses secara online
  2. Memiliki tujuan
  3. Memiliki isi atau postingan yang berupa artikel, catatan, dan informasi lainnya
  4. Postingan atau isi blog terarsip (tersimpan sesuai tanggal, bulan dan tahun posting)
  5. Isi Blog umumnya selalu bertambah atau terupdate sesuai dengan tujuan blog
Tujuan Blog Secara Umum, antara lain :
  • Menyampaikan informasi yang bermanfaat untuk diri sendiri maupun bagi orang lain
  • Memberikan keuntungan bagi diri sendiri maupun orang lain
  • Menyalurkan hobby dan mengisi waktu luang dengan kegiatan yang positif
  • Berkarya atau aktualisasi diri
  • Saling bertukar pengetahuan dengan pembaca, blogger menulis, pengunjung memberikan tanggapan atau komentar
  • Berbagi pengalaman 
  • berbagi software berguna, seperti foto, film/video, dokumen, dsb
  • banyak lagi, sesuai dengan jenis / topik yang diangkat
Karena blog bermacam-macam jenisnya, maka tujuan blog juga dipengaruhi oleh jenis blog tersebut.
misal :
>> Tujuan Blog Pribadi : bertujuan untuk memberikan informasi yang update tentang diri pemilik blog. Seputar pengalaman, hal-hal yang berkesan, catatan harian, catatan perjalanan pribadi, dan sebagainya
>> Tujuan Blog Kesehatan : bertujuan untuk memberikan informasi kesehatan terkini
>> Tujuan Blog bisnis : bertujuan untuk memberikan informasi terkini seputar bisnis sebuah perusahaan

Informasi lebih lengkap seputar blog, silahkan baca di situs id.wikipedia.org/wiki/Blog

Pengertian Blogger :
Blogger adalah pemilik blog atau pengarang isi blog.

Etika Blogger :
  • Memiliki tujuan yang baik
  • Membuat artikel/postingan yang asli, bukan hasil copy paste (plagiat) atau kegiatan lain yang melanggar hak cipta (tanpa ijin pemilik)
  • Tidak membuat postingan yang merugikan orang lain, mengganggu, menipu (spam), mengandung kekerasan, isu sara, dan hal negatif lainnya

Perkembangan Blog :
Saat ini, khususnya di Indonesia, kegiatan blogging berkembang sangat pesat dengan tujuan yang beragam pula. Sebagian besar blog masih menggambarkan konsep blogging yang murni, akan tetapi sebagian blog juga berkembang sesuai dengan kemauan dan tujuan pemiliknya sehingga banyak yang berisi materi bebas dan terkadang keluar dari konsep blogging sebenarnya.

Splogs :
Splogs adalah singkatan dari spam blog, splogs umumnya berisi informasi spam yang tidak bisa dipertanggungjawabkan kebenarannya, dan bersifat merugikan seseorang maupun pihak lain

Dipublikasikan oleh : http://cara-buat-blog-di.blogspot.com

Pengertian, Tujuan, Manfaat, Dan Fungsi Media Pembelajaran

Pengertian, Tujuan, Manfaat, Dan Fungsi Media Pembelajaran

Dipublikasikan oleh : http://der-traumer.blogspot.com 
Posted on Sabtu, 22 September 2012



Pendahuluan
            Pembelajaran disekolah pada saat ini mulai disesuaikan dengan perkembangan teknologi informasi, sehingga terjadi  perubahan dan pergeseran paradigma pendidikan. Perkembangan pesat dibidang teknologi informasi khususnya internet, mempercepat aliran ilmu pengetahuan yang menembus batas-batas dimensi ruang, birokrasi, kemapanan, dan waktu. Program-program di internet bukan hanya menampilkan data dan informasi yang dapat ditransmisikan dengan kecepatan tinggi, tetapi juga ilmu pengetahuan yang dapat diakses secara cepat oleh penggunanya. Dan tentu saja kondisi ini berpengaruh pada kebiasaan dan budaya pendidikan yang dikelola selama ini.
            Kemajuan dan perkembangan teknologi sudah demikian menonjol, sehingga penggunaan alat-alat bantu mengajar seperti alat-alat audio,visual serta perlengkapan sekolah disesuaikan dengan perkembangan jaman tersebut. Dan juga harus disesuaikan dnegan tuntutan kurikulum sesuai dengan materi, metode, dan tingkat kemampuan belajar siswa agar dapat mencapai tujuan pembelajaran dengan baik disekolah.
            Untuk itu, para pengajar mulai berusaha membiasakan diri untuk menggunakan peralatan-peralatan seperti OHP, LCD, CD, VCD, video, computer dan internet dalam pembelajaran dikelas. dengan program pembelajarna yang dikembangkan ini patut dipelajari pengajar harus mempelajarinya agar mempermudah proses pembelajaran dan pendidkikan, sehingga memudahkan pembelajaran untuk berjalan dengan baik dikelas.
           
Pengertian Media Pembelajaran
            Media adalah sebuah alat yang mempunyai fungsi menyampaikan pesan (Bovee, 1997). Media pembelajaran adalahsebuah alat yang berfungsi dan digunakan untuk menyampaikan pesan pembelajaran. Pembelajaran adalah proses komunikasi antara pembelajar, pengajar, dan bahan ajar. Banyak batasan atau pengertian yan dikemukakan para ahli tentang media, diantaranya adalah: Asosiasi Teknologi dan Komunikasi Pendidikan (Asosociation of Education and Communication Technology (AECT).
            Dari pengertian diatas, secara umum dapat dikatakan bahwa substansi dari media pembelajaran adalah bentuk saluran, yang digunakan untuk menyalurkan pesan, informasi atau bahan pelajaran kepada penerima pesan atau pembelajar dapat pula dikatakan  bahwa media pembelajaran adalah berbagai jenis komponen dalam lingkungan dalam lingkungan pembelajar yang dapat merangsang pembelajar untuk belajar
Tujuan dan Manfaat Media Pembelajaran
            1. Tujuan Media  Pembelajaran
Tujuan media pembelajaran sebagai alat bantu pembelajaran, adalah sebagai berikut :
a. mempermudah proses pembelajaran di kelas
b. meningkatkan efisiensi proses pembelajaran
c. menjaga relevansi antara materi pelajaran dengan tujuan belajar
d. membantu konsentrasi pembelajar dalam proses pembelajaran
            2. Manfaat Media Pembelajaran
Manfaat media pembelajaran sebagai alat bantu dalam proses pembelajaran adalah sebagai berikut :
a. pengajaran lebih menarik perhatian pembelajar sehingga dapat menumbuhkan motivasi belajar
b. bahan pengajaran akan lebih jelas maknanya, sehingga dapat lebih di pahami pembelajar, serta memungkinkan pembelajar menguasai tujuan pengajaran dengan baik
c. metode pembelajaran bervariasi, tidak semata-semata hanya komunikasi verbal melalui penuturan kata-kata lisan pengajar, pembelajar tidak bosan, dan pengajar tidak kehabisan tenaga.
d. pembelajar lebih banyak melakukan kegiatan belajar, sebab tidak hanya mendengarkan penjelasa dari pengajar saja, tetapi juga aktivitas lain yang dilakukan seperti mengamati, melakukan, mendemonstrasikan dan lain-lainya.
1. Manfaat Media pembelajaran bagi pengajar, yaitu:
            a. memberikan pedoman, arah untuk mencapai tujuan
            b. menjelaskan struktur dan urutan pengajarn dengan baik
            c. memberikan kerangka sistematis secara baik.
            d. memudahkan kembali pengajar terhadap materi pembelajaran
            e. membantu kecermatan, ketelitian dalam penyajian dalam pembelajaran.
            f. membangkitkan rasa percaya diri seorang pengajar.
            g. meningkatkan kualitas pembelajaran
2. Manfaat media  pembelajaran bagi pembelajar, yaitu:
            a. meningkatkan motivasi belajar pembelajar
            b. memberikan dan meningkatkan variasi belajar pembelajar
            c. memberikan struktur materi pelajaran
            d. memberikan inti informasi pelajaran
            e. merangsang pembelajar untuk berpikir dan beranalisis.
            f. menciptakan kondisi dan situasi belajar tanpa tekanan.
            g. pelajar dapat memahami materi pelajaran dengan sistematis yang disajikan pengajar . 
Pertimbangan Pemilihan Media
            Pertimbangan media yang akan digunakan dalam pembelajaran menjadi pertimbangan utama, karena media yang dipilih harus sesuai dengan:
            1. tujuan pengajaran
            2. bahan pelajaran
            3. metode mengajar
            4. alat yang dibutuhkan
            5. pribadi mengajar
            6. minat dan kemampuan mengajar
            7. situasi pengajaran yang sedang berlangsung
            Keterkaiatan antara  media pembelajaran dengan tujuan, materi, metode, dan kondisi pembelajar, harus menjadi perhatian dan pertimbangan pengajar untuk memilih dan menggunakan media dalam proses pembelajaran dikelas, sehingga media yang digunakan lebih efektif dan efisien untuk mencapai tujuan pembelajaran. Sebab media pembelajaran tidak dapat berdiri sendiri, tetapi terkait dan memiliki hubungan secara timbalebalik dengan  empat aspek tersebut. Dengan demikian, alat-alat, sarana, atau media pembelajaran yang digunakan harus disesuaikan dengan empat aspek tersebut, untuk mencapai tujuan pembelajaran secara efektif dan efisien.
Fungsi Media Pembelajaran
Media Pembelajaran berfungsi untuk merangsang pembelajaran dengan:
            1.menghadirkan obyek sebenarnya dan obyek yang langkah
            2.membuat duplikasi dari obyek yang sebenarnya
            3.membuat konsep abstrak ke konsep konkret
            4.memberi kesamaan persepsi
            5.mengatasi hambatran waktu, tempat, jumlah, dan jarak
            6.menyajikan ulang informasi secara konsisten
            7.memberi suasana yang belajar yang tidak tertekan, santai, dan menarik.
Selain fungsi diatas. Livie dan Lentz(1982) mengemukakan 4 fungsi media pembelajaran yaitu:
            1. fungsi atensi berarti media visual merupakan inti, menarik dan mengrahkan perhatian pembelajar akan berkosentrasi pada isis pelajaran
            2. fungsi afekti maksudnya media visual dapat dilihat dari tingkat kenikmaran pembelajar ketika belajar membaca teks bergambar.
            3. fungsi kognitif yaitu mengungkapkan bahwa lambang visual mempelancar pencapaian tujuan dalam memahami dan mendengar informasi
            4.fungsi kompensatoris yaitu media visual memberikan konteks untuk memahami teks dan membantu pembelajr yang lemah dalam membaca untuk mengorganisasikan informasi dalam teks dan mengingatnya kembali.
dari empat fungsi visual, dapat dikatakan bahwa belajar dari pesan visual memerlukan keterampilan tersendiri. tehnik afektif adalah tehnik untuk memahami tehnik pesan visual. yang terbagi dari beberapa fase seperti dibawah ini:
            1. fase diffrensiasi. yaitu dimana pembelajar mula-mula mengamati, mengidentifikasi dan menganalisis
            2. fase integrasi yaitu di mana mempelajar menempatkan unsure-unsur visual secara serempak, menghubungkan pesan-pesan visual kepada pengalaman pengalamannya.
            3. kesimpulan, yaitu dari pengalaman visualisai untuk kemudian menciptakan konseptualisasi baru dari apa yang mereka pelajari sebelumnya.
Hasil penelitian Edmund Faison, dkk dalam Nana Sudjana dan Ahmad Rivai tentng pennggunaan gambar visual dalam pembelajaran disimpulkan:
1. terdapat beberapa hasil penelitian bahwa untuk memperoleh hasil belajar bagi pembelajar secara maksimal yaitu:
            1.gambar-gambar yang digunakan harus jelas
            2.gambar harus familiar dgn pembelajar
            3.gambar yang digunakan ukurannya cukup besar
2. terdapat bukti, gambar-gambar berwarna lebih menarik minat pembelajar.
3. hasil penelitian Mabel Rudisill. gambar-ganbar yang disukai anak-anak adalah gambar-gambar berwarna yang menumbuhkan impresi atau kesan realistik.
Posted in


Dipublikasikan oleh : http://der-traumer.blogspot.com