Selamat Datang di Blok X2 SSB Lhokseumawe

Thursday, December 16, 2010

Nilai UAS Semester Ganjil TIK

Untuk seluruh siswa/i X-2 SSB Lhokseumawe, nilai UAS TIK semester Ganjil diambil dari kreatifitas kamu membuat blog. Masing-masing siswa harus mengerjakan semua postingan yang ada di blog X2ssblhokseumawe.blogspot.com. Silakan percantik blognya dengan mengganti template atau memberikan tambahan animasi. Untuk cara merubah template dan menambahkan animasi coba nge-browse ke "Uncle Google" :)
Semakin kamu banyak mencoba, semakin banyak kreatifitas kamu dalam mempercantik blog...
Ocreee...Blog yang ada akan dinilai paling lambat Jumat, 24 Desember 2010
btw, harus sering2 buka blog x2ssblhokseumawe.blogspot.com karena akan ada tambahan 2 postingan baru untuk melengkapi tugas yang sudah ada...trus kasih saran, kritikan buat kita belajar bersama2 gimana baiknya, gimana enaknya...

txs a lot beuhh:)

Lanjut Gannn......

Cara Menampilkan Recent Post (Postingan Terbaru)

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".


#script src="http://www.geocities.com/uddin_81/recent-post.js"^#/script^
#script^var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; #/script^
#script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"^
#/script^


Keterangan: Pada pengcopyan script diatas ke blog kamu, ganti simbol # dengan < dan ^ dengan >

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Lanjut Gannn......

Ganti Ikon Favicon pada Blogspot

Sebenernya kurang begitu jelas apa istilahnya apakah itu benar Favicon. Tapi yang jelas yang dimaksud disini adalah icon yang ada di samping alamat url pada browser (baik itu Firefox, IE, dan teman-temannya). Untuk blog yang menggunakan Blogspot, sudah jelas ikonnya pasti logo Blogspot (huruf B) berwarna putih dengan kotak berwarna oranye.

Bisakah kita mengganti ikon tersebut sesuai dengan keinginan kita? Langkah pertama, yang harus kita lakukan adalah membuat ikon itu sendiri, buat image dengan ukuran 16×16 pixel (bisa menggunakan Photoshop atau program pengolah gambar lainnya. Simpan file tersebut dengan format .png.
Selanjutnya kita masuk ke kontrol panel Blogspot, dan buat posting baru, hanya saja untuk posting di sini, kita hanya melakukan upload image yang telah kita buat sebelumnya.

Setelah image masuk, sekarang kita masuk tab Edit Html, untuk mengambil (mengcopy) alamat url dari image yang telah kita upload tadi (url image ada setelah kata src=), dalam contoh image tersimpan di alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZ1Ejj1Hne-jEw23D0mp2cvLReX85KORMg6U3k3lM50UWHRKapAoq_-RooehotLMao3QiO59CfLh_6m4jYCr_nWo7lnqJGUOlfQ0hClQ2lpW7dGhIsKWVhumgDwSeyk-sGg2DlPvkMdan/s400/favicon.png. Jika sudah dicopy, maka simpan posting-an tersebut sebagai draft (ingat jangan dipublish).

Langkah berikutnya, masuk ke tab Layout dan Edit Html, centang Expand Widget Templates.

Cari tag #/b: skin^#[CDATA], kemudian masukan script berikut di atasnya. Ganti alamat-url-ikon.png dengan url yang telah kita copy tadi.

view sourceprint?
1.#link href='http://alamat-url-ikon.png' rel='shortcut icon'/^
2.#link href='http://alamat-url-ikon.png' rel='icon'/^

Contoh:
view sourceprint?
1.#link href='http:// 2.bp.blogspot.com/_HEJWTRbFQg4/Sgkf-Gue3GI/AAAAAAAAADg/imlhJrYZ_7s/s400/favicon.png ' rel='shortcut icon'/^
2.#link href='http:// 2.bp.blogspot.com/_HEJWTRbFQg4/Sgkf-Gue3GI/AAAAAAAAADg/imlhJrYZ_7s/s400/favicon.png ' rel='icon'/^

Setelah selesai, kita simpan template tersebut dan selesai. Sekarang bisa kita coba buka alamat blog yang kita rubah ikon Favicon-nya. Jika berhasil maka sekarang favicon sudah berubah sesuai dengan image yang kita buat dan upload tadi.

Keterangan: Pada pengcopyan script diatas ke blog kamu, ganti simbol # dengan < dan ^ dengan >

Lanjut Gannn......