Menambahkan button bookmarking Publikasi Artikel

Cara menambahkan button bookmarking link.m-edukasi.web.id di blog anda., silahkan baca artikel sebelumnya.

Berikut ini adalah langkah langkah untuk menambahkan button diatas:

Untuk blog Blogspot

1. Login di Blooger.com

2. Masuk pada Edit Tampilan / Design kemudian pilih Edit HTML

3. Jangan lupa Expand Widget Templates di contreng

4. Cari kode <data:post.body/>

5. Dibawah kode <data:post.body/>

ditambahkan

<br/><a expr:href='http://link.m-edukasi.web.id/add_blog.php?story_url=data:post.url' target='_blank' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41R0gKmBB9qs5waol1BTBb8i3z6hC0Uds-Nx1AqVoMh3a5RPPN7eUWSutFxpBwtPjjlhXwbgs4DHIOZJxGynGKRAOpHTuAMMmSt3gbZ_VoaCJMdSXB9EnKOpGT55KZ87uXRWNnq8gC1Q/s200/submit.gif' title='Publikasikan artikel ini'></a>

Download Kode HTML diatas 

Alternatif Download Kode HTML

6. Setelah itu simpan / Save

dan hasilnya button akan mucul dibawah artikel anda

Cara yang lain adalah dengan menambahkan button pada widget/gadget dengan Javacript

Berikut Langkah langkahnya :

1. Login di Blooger.com

2. Masuk pada Edit Tampilan / Design kemudian pilih Page Elements

3. Tambahkan Gadget untuk menambahkan javascript

Klik add Gadget sesuai posisi yang anda inginkan

4. Setelah muncul popup window silahkan pilih HTML/Java Script

5. Masukkan kode berikut pada content

<script language="javascript" type="text/javascript"> document.write ('<a target="_blank" href="http://link.m-edukasi.web.id/add_blog.php?story_url='); document.write (document.location.href); document.write ('"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41R0gKmBB9qs5waol1BTBb8i3z6hC0Uds-Nx1AqVoMh3a5RPPN7eUWSutFxpBwtPjjlhXwbgs4DHIOZJxGynGKRAOpHTuAMMmSt3gbZ_VoaCJMdSXB9EnKOpGT55KZ87uXRWNnq8gC1Q/s200/submit.gif" title="Publikasikan artikel ini"></a>'); </script>

Download Kode HTML diatas 

7. Kemudian klik simpan/save

Dan chek Hasilnya

<br /> <script language="javascript" src="http://table-of-contents.googlecode.com/files/publikasi.js"></script><br />

Bila anda tidak mau repot dengan perintah diatas, anda bisa menginstall otomatis ke blog anda (diblogspot) dengan klik tombol dibawah ini

Sedangkan Plug-in untuk Wordpress dapat didownload disini.

Silahkan Baca juga tentang manfaatnya tombol ini, silahkan baca tentang Button Social Bokmarking di artikel sebelumnya klik disini

Terimakasih Semoga bermanfaat.

BACA SELENGKAPNYA »

PENJELASAN TENTANG GRAPHICAL USER INTERFACE ( GUI )

PENJELASAN TENTANG GRAPHICAL USER INTERFACE ( GUI ).
Tidak ada multimedia interaktif tanpa GUI. GUI merupakan suatu komponen penting di dalam aplikasi komputer modern. GUI merupakan suatu perantara atau antar muka (interface) berbentuk grafis antara pengguna dengan komputer. GUI selain berfungsi untuk memudahkan pengguna ketika menggunakan aplikasi juga berfungsi untuk menambah nilai estetika suatu aplikasi. Hampir semua aplikasi komputer modern berbasis window# selalu memanfaatkan GUI. Aplikasi multimedia pembelajaran yang banyak menyertakan interaktivitas tentu saja banyak menggunakan GUI.

GUI memiliki banyak komponen seperti: button, radio button, check button, combo box, menu, tabbed panel, tree, dan sebagainya. Komponen-komponen ini sering disebut juga sebagai widget#. Sekarang mari kita lihat komponen-komponen tersebut berikut fungsinya :

No	Nama widget	Tampilan	Fungsi
1	Button		Menjalankan suatu aksi. Karena itu teks pada button biasanya berisi kata perintah (kata kerja) seperti “Enter”, “Exit”, “Reset”, dsb
2	Radio Button	*	Memilih hanya satu pilihan diantara 2 atau lebih pilihan. Jumlah pilihan pada radio button umumnya 3 atau 4 pilihan saja. Jika jumlah pilihan lebih dari 4 maka combo box merupakan widget yang lebih tepat digunakan.
3	Check Button	*	Memilih satu atau lebih diantara  banyak pilihan (terdiri dari 2 atau lebih pilihan). Pemanfaatan check button memungkinkan untuk memilih semua pilihan.

4	Combo Box	*	Memilih salah satu diantara beberapa pilihan di mana jumlah pilihan cukup banyak sehingga tidak efisien bila diberikan dalam bentuk radio button.
5	Menu		Isi dari suatu aplikasi bisa ditampilkan dengan bantuan ikon, namun adakalanya isi terlalu banyak sehingga lebih efisien bila ditampilkan dengan bantuan menu. Umumnya letak menu ada pada bagian kiri atas dari suatu tampilan.
6	Toolbar		Toolbar sebenarnya berfungsi sebagai pelengkap dari menu. Isi dari suatu menu mungkin saja banyak akan tetapi tidak semuanya diperlukan setiap saat oleh pengguna. Untuk memudahkan pengguna mengakses menu-menu yang sering digunakan maka disediakan suatu toolbar yang umumnya memiliki suatu simbol yang melambangkan fungsi dari menu yang diwakilinya. Simbol ini sering kali disebut sebagai metafor.
7	Tabbed Panel	*	Adakalanya suatu menu memiliki sub-submenu yang saling berkaitan. Salah satu cara yang baik untuk menampilkan sub-submenu tersebut adalah dengan bantuan suatu tabbed panel. Disebut tabbed panel karena untuk mengaksesnya dapat digunakan tombol TAB
8	Tree	*	Mungkin saja isi suatu aplikasi sangat banyak sehingga tak dapat ditampilkan oleh  menu dengan efisien. Cara menampilkan isi semacam ini adalah dengan bantuan tree. Ensiklopedia adalah salah satu program yang banyak memanfaatkan tree.

Berbagai widget dan fungsinya

Semoga bermanfaat untuk anda yang akan membuat media pembelajaran interaktif

BACA SELENGKAPNYA »