Tampilkan postingan dengan label i Artikel. Tampilkan semua postingan
Tampilkan postingan dengan label i Artikel. Tampilkan semua postingan

Minggu, 25 Maret 2012

Menambahkan button bookmarking Publikasi Artikel

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

clip_image002

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

clip_image004

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

clip_image006

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

clip_image008

3. Tambahkan Gadget untuk menambahkan javascript

Klik add Gadget sesuai posisi yang anda inginkan

clip_image010

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

clip_image012

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 

clip_image014

7. Kemudian klik simpan/save

Dan chek Hasilnya

clip_image016




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 »

Artikel Favorit