Materi 4 Klas xi SEM 1

Cara Menambah dan Mengatur Widget di Blogger.com

 lANGKAHNYA ADALAH

• Buka situs Blogger dan masuk dengan akun Google Anda. Setelah itu klik salah satu blog dan di panel menu sebelah kiri klik Tata Letak atau Layout.

Info Menarik: OnyxPhone, Smartphone dengan Daya Tahan Baterai Hingga Dua Minggu

• Di halaman ini Anda akan dihadapkan pada sebuah layout utama blog Anda, terdapat beberapa kolom yang mewakili bagian di halaman blog. Bagian atas mewakili header, sementara label Posting Blog merupakan bagian di mana artikel Anda akan muncul. Kemudian di sebelahnya merupakan bagian sidebar yang berisi berbagai widget.

• Kita coba menambahkan widget di bagian sidebar, caranya klik Tambahkan Gadget.

• Terdapat berbagai macam widget yang bisa Anda tambahkan, silahkan pilih sesuai dengan kebutuhan. Sebagai contoh saya pilih ikuti lewat Email. Klik ikon plus (+).

Info Menarik: Cara Membuat Video Slideshow dengan Animoto

• Isi judul kolom, untuk URL FeedBurner biarkan seperti itu adanya, kemudian klik tombol Simpan. Namun harap diingat bahwa setiap widget membutuhkan penyesuaian yang berbeda, untuk itu dibutuhkan jam terbang dan pengalaman, jangan takut untuk melakukan percobaan hingga Anda temukan pengaturan yang tepat.

• Itu dia widget yang baru saja kita tambahkan, Anda bisa menggeser widget ini ke posisi di manapun selama masih berada di dalam layout blog. Untuk memindahkan blog arahkan mouse ke bagian kiri widget hingga muncul tanda (+) klik dan tarik ke posisi layout yang Anda inginkan.

• Ini hasilnya saat widget sudah saya pindahkan ke posisi yang berbeda.

• Jika sudah selesai klik tombol Simpan setelan.

Info Menarik: Alasan Mengapa Titanfall Jadi Game Terpenting Bagi Microsoft

• Tak sempurna jika tidak kita lihat hasilnya di halaman depan blog, silahkan lihat blog Anda dan perhatikan di sidebar kini sudah terpasang kotak berlangganan via email yang merupakan widget yang barusan kita buat tadi. Sampai di sini sudah sedikit paham ya cara kerja widget? Oke, lanjutkan.

• Tadi kita sudah mengotak-atik bagian sidebar, sekarang coba kembali ke dashboard – layout dan scroll mouse Anda ke dasar halaman dan temukan beberapa widget paling bawah atau biasa kita sebut footer. Biasanya ada 3 atau 4 widget yang bisa kita otak-atik, di contoh kasus ini ternyata ada 4 widget. Nah, tak berbeda dengan sidebar Anda dapat menambahkan widget baru atau merubah susunan widget sesuai keinginan Anda.

Dengan asumsi susunan widget sama dengan gambar di atas, maka hasil di halaman blog akan seperti ini. Susunan ini akan berubah sesuai dengan widget yang Anda tambahkan di halaman dashboard

Sumber : http://www.trenologi.com/2014031233793/panduan-pemula-cara-menambah-dan-mengatur-widget-di-blogger-com/

materi 3 klas Xi SEM 1

Cara Mengganti Template Blog 

Cara Merubah template Blogger Yang Pertama

1. Cara yang pertama adalah cara yang bisa di bilang lebih mudah dan cepat karena sobat tinggal upload template yang biasanya berextensi dengan xml. misal saya mengupload template distorsense.xml bagi sobat yang ingin melihat beberapa koleksi template bisa lihat template keren-keren disini
2. Jika sudah mendapatkan template nya Langsung menuju ke blogger.com lalu pilih TEMPLATE. klik di bagian sebelah kanan Backup / restore 
   
3. Pilih template yang ada di komputer sobat  lalu OPEN
   
4. Klik Upload 
   
5. Selesai, atau jika ingin mengetahui cara lain silahkan ikuti langkah di bawah ini. 

Cara Mengganti Template di Blogger Yang kedua

1. Seperti biasanya silahkan masuk saha ke blogger milik sobat
2. Persiapkan dahulu template yang akan sobat jadikan untuk mengganti. silahkan download di cara pertama jika ingin mendownload template.
3. Sebelum menuju ke template silahkan backup dahulu template sobat mungkin saja sobat butuh lagi template yang akan sibat ganti, caranya klik Template - Back up and store - Download full template 
   
4. Masih Di Template setelah di backup templatenya silahkan pilih edit template 
   
5. Hapus Templatenya bisa dengan tekan pada keyboard CTRL+A lalu DELETE 
6. Cari template yang sudah sobat download di komputer milik sobat lalu Buka template tersebut sobat dengan Notepad caranya klik kanan pada template - Open with - Notepad
   
7. Copy semua Copy templatenya caranya CTRL + A lalu klik kanan pilih Copy 
   
8. Pastekan ke dalam template blogger 
   
9. Edit - edit dahulu di dalam template jika sobat ingin mengganti kode -kode yang dirasa perlu di ganti
10. langkah terakhir adalah SIMPAN TEMPLATE 
11. Selesai

 sumber : http://blogfacebookemail.blogspot.com/2014/12/cara-mengganti-template-blog.html

Matri 2 Klas xi SEM 1

Cara Membuat Tulisan Bergerak Mengikuti Kursor di Blog

Kreasi | Informasi | Selamat siang sobat,...Cara 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 adalah posting saya hari ini.

Hallo sobat semua.. Apa kabar kalian hari ini? Saya harap kalian sehat dan baik-baik saja :)
Baiklah, pada kesempatan yang baik ini, Gede Sitdown Blog akan memposting artikel mengenai cara membuat tulisan agar mengikuti kursor di blog. Menurut saya, tujuan dari pembuatan ini hanyalah sebagai kreasi untuk mempercantik tampilan blog dan sebagai informasi bagi sobat blogger lain yang ingin membuatnya agar terlihat berbeda dari tampilan blog yang lain seperti yang terlihat pada blog ini. Baiklah, bagi yang tertarik dan ingin membuatnya, berikut ini langkah-langkah cara 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

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #ff840a;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "TULISAN YANG INGIN DITAMPILKAN";


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

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

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

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Penting : Ganti tulisan yang berwarna merah dengan tulisan/teks yang sobat inginkan.

4. Simpan dan lihat hasilnya.

Bagaimana? Mudah sekali bukan? :)
Demikianlah postingan mengenai cara membuat tulisan mengikuti kursor di blog kali ini. Semoga bermanfaat buat semua.

Referensi : amronbadriza
sumber : http://gedesitdownblog.blogspot.com/2013/03/cara-membuat-tulisan-bergerak-mengikuti.html

Materi 1 Klas XI Sem 1

Cara Membuat Blog di Blogger

Syarat utama sebelum Anda membuat blog di blogger adalah memiliki alamat email yang masih aktif, jika Anda belum membuat email, silahkan baca tutorialnya di cara membuat email di gmail atau membuat email di yahoo. Sekarang saya asumsikan bahwa Anda sudah memiliki alamat emai di gmail, untuk itu kita langsung saja untuk membuat blog.

1. Silahkan Anda kunjungi http://blogger.com/

2. Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah

3. Masuk/login menggunakan username/nama pengguna serta password gmail anda ( akun email anda bisa juga untuk login ke blogger).

4. Isilah formulir data Anda yang terlampir seperti:

• Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
• Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
• Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti.

5. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"

6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:

• Judul : Isi dengan judul blog yang Anda inginkan, misal : Panduan dan Tutorial Blogger
• Alamat : isi dengan alamat blog yang di inginkan.
• Template : pilih template (tampilan blog) yang Anda disukai

7. Lanjutkan dengan klik tombol “Buat blog!”.

8. Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.

9. Klik tulisan "Mulai memposkan

10. Isi judul dan artikel yang ingin Anda postkan di blog

11. Setelah tulisan Anda selesai lalu klik "pratinjau" untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"

12. Selesai dan saya ucapkan "Selamat" publikasikan juga bog baru Anda pada sahabat atau orang terdekat Anda bahwa sekarang anda sudah memiliki blog.

Materi 1 Klas XII Sem 1

Cara Membuat dan Mengedit Video Menggunakan Movie Maker

Buat kalian yang tertarik dan ingin belajar membuat video bisa mengawali belajar menggunakan aplikasi video editor yang sederhana dan mudah dioperasikan. Contohnya, Windows Movie Maker.  Dengan aplikasi Movie maker kamu bisa membuat video dari beberapa gambar atau foto, bisa juga ditambahi dengan koleksi musik, kalian juga dapat menambahkan efek transisi di video. Dan juga bisa menggambungkan beberapa video menjadi satu.

Yang saya akan Tulis adalah bagaimana cara membuat Video dengan menggabungkan beberapa gambar, menyisipkan evek transisi dan ditambahkan menggunakan musik.

Cara membuat video :  

1. Buka Aplikasi Windows Movie Maker

2. Mengambil beberapa gambar yang akan dijadikan video. Caranya klik Import Pictures.

3. Setelah jendela Import File tampil seperti di samping, pilih  beberapa gambar sekaligus. Cara memilih gambar sekaligus dengan bantuan tombol Crtl pada keyboard kamu, (klik pada gambar ke 1, kemudian tekan tombol crtl lalu gambar kedua, ketiga dan seterusnya). kemudian jika sudah dipilih gambarnya lanjutkan dengan klik tombol import.

 

 4. Di Tasks Window Pilih gambar lalu CTRL+A untuk memasukkan semua gambar pada story board atau timeline klik kanan lalu add to timeline

4. Di task window pilih gambar macan kemudian Ctrl+A untuk memilih otomatis semua gambar
Klik kanan kemudian pilih Add to Storyboard - See more at: http://artikelkomputerku.blogspot.com/2010/12/cara-membuat-video-dari-foto-membuat.html#sthash.p5Prbi8u.dpuf

4. Di task window pilih gambar macan kemudian Ctrl+A untuk memilih otomatis semua gambar
Klik kanan kemudian pilih Add to Storyboard - See more at: http://artikelkomputerku.blogspot.com/2010/12/cara-membuat-video-dari-foto-membuat.html#sthash.p5Prbi8u.dpuf

4. Di task window pilih gambar macan kemudian Ctrl+A untuk memilih otomatis semua gambar
Klik kanan kemudian pilih Add to Storyboard - See more at: http://artikelkomputerku.blogspot.com/2010/12/cara-membuat-video-dari-foto-membuat.html#sthash.p5Prbi8u.dpuf

5. Tambahkan Video Transition

a. secara manual pilih video transisi yang ada di task window kemudian drag ke story board satu persatu
b. pilih semua gambar yg ada di storyboard  (gunakan Ctrl+A untuk memilih otomatis semua gambar)
Klik kanan di video transitions  yang ada  di task window pilih add to storyboard (lihat gambar langkah 4) - See more at: http://artikelkomputerku.blogspot.com/2010/12/cara-membuat-video-dari-foto-membuat.html#sthash.p5Prbi8u.dpuf

•  secara manual pilih  video transisi yang ada di task window kemudian drag ke story board atau timeline satu persatu
•  Secara otomatis klik gambar lalu CTRL+A pilih video transisi kemudian klik kanan lalu add to stroryboard

6. Mengambil file music yang akan dijadikan background video. Caranya, klik import Audio or Music

7. Setelah jendela Import media tampil seperti di samping, pilih  lagu yang akan digunakan untuk background video. Kemudian jika sudah dipilih lagunya lanjutkan dengan klik tombol import.

 8. Di Tasks Window Pilih lagu lalu klik kanan add to timeline atau storyboard untuk memasukkan lagu pada storyboard atau timeline sebagai background video

9. Untuk menambah kan Title pada video, caranya klik titles and credits

10. Setelah selesai, untuk menyimpan video dengan format AVI. Klik menu file lalu klik publish movie atau bisa juga dengan menggunakan funckey CTRL+P

11. Setelah muncul Pilihan seperti gambar disamping pilih This computer lalu next  

12. Lalu setelah itu isikan nama file yang diinginkan dan pilih media penyimpanannya kemudian next

13. Setelah muncul jendela seperti disamping pilih best quality for play back on my computer (recommended) lalu klik publish

14. Setelah kamu klik publish maka akan muncul jendela seperti gambar disamping, tunggu beberapa saat sampai proses publish selesai 

15. setelah publishing selesai maka akan muncul jendela seperti gambar disamping, lalu klik finish. Maka dengan Otomatis video dapat lansung kalian lihat hasilnya.

Sumber :
http://fasanda.blogspot.com/2013/02/cara-membuat-dan-mengedit-video.html