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 »

Blog Guru Indonesia

Sudahkah blog anda didaftaran didirektori Blog Guru Indonesia ? kalau belum segera bergabung dan jelajahi nusantara bersama teman teman blogger guru seluruh Indonesia. Banyak sekali direktori blog, tetapi http://stat.m-edukasi.web.id lebih memfokuskan pada komunitas para guru yang suka nge-blog. Layanan blog yang anda gunakan bebas, (blogspot, wordpress, blogdetik, kompasiana, dll) karena direktori Blog Guru Indonesia  bertujuan menampung (mempersatukan blogger guru) seluruh Indonesia, agar dapat saling mengenal.

Apa keuntungan anda bergabung didirektori Blog Guru Indonesia ? keuntungannya adalah :

1. Memajukkan pendidikan di Indonesia lewat blog.
2. Blog anda dapat lebih dikenal dikomunitas blogger guru.
3. Anda dapat bersilaturahmi (blogwalking) sesama blogguru.
4. Anda akan dapat masukkan tentang tampilan dan isi konten dari sesama blogger guru yang lain.
5. Menambah backlink untuk search engine (backlink salah satu cara SEO untuk meningkatkan pagerank di serach engine),
6. Ada statistik dan rangking posisi blog anda yang bisa anda pantau setiap waktu
7. Blog anda berkesempatan di kunjungi 2000 lebih guru penggemar Guru Indonesia
8. dan masih banyak keuntungan yang lain.

langkah pertamakali ketika akan bergabung adalah anda harus memiliki blog terlebih dahulu. setelah itu lakukan pendaftaran disini , setelah itu masukkan link kode di blog anda.

Sering kali ada pertanyaan"bagai mana cara memasang kodenya"

Berikut cara memasang kode di Blogspot

1. Login blogspot.dengan akun anda.
2. Pilih Design / Tampilan
3. Pilih Add Gadget  kemudian muncul popup
4. Pilih HTML/Javascript 
5. Masukkan sesuai linkkode anda dengan benar  dari pendaftaran di http://stat.m-edukasi.web.id kalau lupa kodenya login dulu di Control Panel
6. 
   Kemudian Klik Save/Simpan
   

Langkah memasang kode di wordpress

1. Login wordpress sesuai akun anda
2. Masuk ke themes/ Appearance pilih Widgets http://bloganda.wordpress.com/wp-admin/widgets.php
3. Pilih Text kembudian di drag atau ditarik ke sidebar yang anda inginkan,
4. Masukkan sesuai linkkode anda dengan benar  dari pendaftaran di http://www.formulasi.or.id/2012/07/tukar-link-formulasi.html kalau lupa kodenya login dulu di Control Panel
5.   Kemudian Klik Save/Simpan

Kemudian lihat blog anda apakah kode yang anda masukkan sudah benar?

Kalau sudah akan muncul kode statistik blog anda, dan lakukan refresh/relad pada browser anda.

Bila Kode Counter diatas sudah dipasang di blog anda dengan benar dan URL blog anda saat pendaftaran yang dimasukkan juga benar, maka akan muncul : pada blog anda


Bila salah Kode Counter dan URL maka akan muncul : pada blog anda

Bila lupa kode yang harus di pasang di blog silahkan masuk ke disini dengan login terlebih dahulu



Bila belum muncul juga/ada permasalahan silahkan komentar disini atau tuliskan disini

Atas permintaan teman-teman kini juga sudah kami sediakan direktori Website sekolah. Anda dapat mendaftarkan website sekolahan anda di sini

Setiap artikel yang anda postingkan di blog anda dapat dipublikasikan di link.m-edukasi.web.id, untuk selengkapnya silahkan baca tentang publikasi artikel pada bookmarking untuk menambah pengunjung.

Terimakasih.

BACA SELENGKAPNYA »

Posting Blog MenggunaKan Windows Live Writer

Anda yang ingin mencoba posting blog mengunakan software gratis dari Microsoft yaitu Windows Live Writer silahkan download di http://explore.live.com/windows-live-writer-xp karena kebetulan saya menggunakan Windows XP jadi silahkan disesuaikan dengan jenis OS yang anda gunakan.

Pada prinsipnya posting blog menggunakan Windows Live Writer hampir sama dengan posting blog menggunakan Microsoft Office Word. namun menggunakan Windows Live Writer, jadi lebih mudah dan ringan softwarenya.

Silahkan download sesuai OS windows yang anda gunakan dan silahkan pilih bahasa yang anda inginkan.

Setelah di download maka anda install, anda tinggal mengikuti instruksi pada aplikasi saat menginstalasi, tunggu sampai proses download instalasinya selsesai.

Setelah proses instalasi selesai, maka jalankan program. pilih layanan blog yang anda gunakan, contoh saya akan mengkonesikan dengan www.m-edukasi.web.id maka saya pilih layanan blog lainnya, karena blog www.m-edukasi.web.id menggunakanl ayanan blogger/blogspot.

 

masukkan username dan password anda

 

Tunggu beberapa saat, anda akan terkoneksi dengan blog anda (saya terkonesi dengan blogspot) cepat lambatnya tergantung koneksi internet anda.

 

setelah terkoneksi, akan muncul pertanyaan seperti dibawah ini, saya pilih YES

dengan maksud agar themes juga di download

 

kemudian file file pendukung blog anda akan di download

 

setelah selesai kemudian klik SELESAI.

dan akan muncul tampilan seperti berikut ini.
 
Selesai, dan silahkan anda menuliskan artikel posting anda untuk pertama kali mengunakan Windows Live Writer, posting jadi senyaman menggunakan Microsoft Office Word. Setelah menulis artikelnya selesai jangan lupa tekan tombol Terbitkan di sebelah kiri atas. Untuk mengedit artikel lama, anda bisa gunakan tombol Buka pada deretan tombol sebelah kanan atas.

Anda yang memiliki blog di wordpress, typepad, dll juga bisa menggunakan software ini.

Anda juga bisa menambah dan mengurangi  label (blogspot) atau kategori (wordpress)

Artikel (text dan gambar) pada tutorial ini saya posting dan edit menggunakan Windows Live Writer.

Selamat mencoba dan terus berkarya.

BACA SELENGKAPNYA »

Google Ping mempercepat index posting blog

Alangkah senangnya bagi seorang penulis ketika hasil karyanya diketahui dan dibaca oleh orang banyak, terutama bagi penulis blog tentu hal yang menggembirakan adalah manakala postingannya segera terindex sehingga dapat dibaca oleh pengunjung. Bila mengharapkan posisi teratas di halaman hasil pencarian google diperlukan trik-trik khusus. Dan yang lebih penting adalah tulisan harus yang original, agar tidak dikatakan plagiator.

Robot google bekerja secara berkala menjelajahi isi blog pada periode waktu tertentu. Konsekwensinya bila tidak dioptimalkan sebaik-baiknya artikel tersebut, harus setia menunggu sampai abah google mendatangi blog kita.
Salah satu upaya mengoptimalkan posting blog di mesin pencari google adalah dengan melakukan submit posting atau Ping. Pekerjaan Ping artikel ini berdasarkan pengalaman penulis, bisa mempercepat index posting blog di mata google. Dengan demikian artikel akan lebih cepat terindex oleh robot google dari waktu semestinya.

Ping google akan lebih baik jika dilakukan setelah selesai memposting. Cara melakukanya cukup sekali saja, satu artikel satu kali Ping. Karena apabila dilakukan berulangkali, tidak baik dan akan dianggap spam.
Tidak sulit untuk melakukan Ping, caranya adalah sebagai berikut :

1. Kunjungi alamat ini: http://blogsearch.google.com/ping
2. Masukkan alamat URL Posting blog anda (misal: http://smpi.blogspot.com/2011/11/cara-mengetahui-daftar-peserta.html)
3. Klik Submit

Setelah itu anda akan diberi pesan seperti gambar di bawah ini, yang menandakan bahwa anda telah berhasil mensubmit.

Selanjutnya anda tinggal menunggu beberapa saat tidak sampai satu jam, postingaan anda telah terindex oleh google.
Untuk mengeceknya, anda bisa melakukan browsing di mesin pencari dengan kata kunci judul artikel yang telah diPing tadi. Bila berhasil pada halaman result akan terpampang judul postingan anda.

Selamat mencoba PingGoogle.
Apabila anda termasuk pemula, jangan sungkan-sungkan mengunjungi blog http://brugkembar.blogspot.com/ untuk mendapatkan Informasi menarik tentang teknik blogging.
Salam Blogger.

BACA SELENGKAPNYA »

Cara Membuat Blog di Blogspot Dengan Domain Sendiri (web.id)

Blogger.com

Cara Membuat Blog Dengan Domain web.id Menggunakan Custom Domain

Banyak temen teman guru yang blognya menggunakan layanan gratis dari google yaitu Blogspot (blogger.com), kali ini saya akan berbagi tentang cara agar blog yang sudah kita buat bisa menggunakan domain sendiri, namun kali ini saya lebih fokus menggunakan domain web.id (domain resmi Indonesia untuk personal, cukup murah Rp.25.000,- per Tahun).

Apa Itu Custom Domain di Blogspot ?

Konsep custom domain sangat sederhana. Memiliki blog di blogspot sangat mudah dan murah (gratis malah). Namun blog di blogger/blogspot menyisakan satu masalah: alamat URL yang sangat panjang (karena diembel embeli .blogspot.com), terlihat generik, dan tampak kurang pro SEO.

Maka dari itu, dibuat lah custom domain. Konsepnya begini:,misalkan anda memiliki sebuah blog di blogspot yang beralamat di http://namaanda.blogspot.com. namun masalahnya: kepanjangan, terlihat generik dan tampak kurang pro SEO kan? Maka dari itu, anda milikilah domain http://www.namaanda.web.id. (sterlihat lebih gagah kan) Dengan custom domain, http://www.namaanda.web.id di set menjadi alias atas

http://namaanda.blogspot.com.

Sederhananya, custom domain blogger membuat http://namaanda.blogspot.com dapat di akses dengan alamat http://www.namaanda.web.id

Contoh blog yang menggunakan Custom Domain Blogger: adalah http://www.m-edukasi.web.id/

Kelebihan Menggunakan Custom Domain Blogger

• Tidak seperti self hosted wordpress dimana kita perlu membeli domain dan mengurus hosting, dengan Custom Domain Blogger kita cukup membeli domain dan masalah hosting kita tetap menggunakan servernya Blogger.com
• Tidak perlu dipusingkan dengan security karena server ditangani oleh pihak blogger.com
• Pengunjung yang masuk ke alamat blogger (ex: http://namaanda.blogspot.com) tetap akan di redirect ke halaman custom domain anda (ex: http://www.namaanda.web.id)

Kekurangan Menggunakan Custom Domain Blogger

• Self Hosted WordPress masih lebih fleksibel dalam penambahan fungsi dibandingkan dengan custom domain blogger. contoh sederhana saja: setting permalinks.

Cukup sederhana kan penjelasannya?

Langsung ke langkah langkahnya saja :

1. Buat blog di blogger.com (pasti sudah bisa)
2. Beli domain web.id di http://www.pandi.or.id/ (bisa saya bantu kalau kesulitan)
3. Konfigurasikan domain, atur pengaturan Custom Domain Blogger.
4. Konfigurasi DNS domain web.id menggunakan bantuan penyedia dns gratis juga http://freedns.afraid.org  masukkan domain www.namaanda.web.id pilih CNAME isikan dengan ghs.google.com
5. Konfigurasi domain anda tidak langsung fix. Tunggu beberapa waktu hingga konfigurasi berjalan dengan sempurna. biasanya 1 X 24 jam hingga 1 X 48 jam. karena domain baru kita harus menyebar dulu.

Nah, untuk detailnya, saya juga belum bisa menuliskannya disini, tunggu artikel selanjutnya.

Bagaimana pendapat anda menganai custom domain blogger? jika anda tertarik kami siap membatu untuk setting blog anda. Sampaikan pendapat atau mungkin pengalaman anda mengenai Custom Domain Blogger di kolom komentar.

kelanjutan dari tutorial ini silahkan baca di CARA SETTING AFRAID DNS . Terimakasih.

BACA SELENGKAPNYA »

Membuat Related Post Bergambar (Thumbnail) di Blogspot

Banyak sekali model-model related post,seperti model related post standart,model related post fungsi scroll dll. Begitupula dengan related post yang satu ini yakni related post bergambar atau dalam bahasa inggris thumbnail related post, dinamakan related post bergambar atau thumbnail related post karena tampilannya cukup menarik dengan adanya gambar atau thumbnail. Sehingga akan tampak lebih menarik dan merupakan salah satu cara untuk mempercantik blog yang kita miliki. Sebagai contohnya pada blog  http://www.m-edukasi.web.id/  lihatlah gambar dibawah ini:

Bagaimana setelah anda melihat contoh diatas apakah sobat tertarik untuk membuatnya. Jika tertarik untuk membuat related post bergambar, langkah-langkahnya sebagai berikut :

1.Log in ke blogger.com dengan ID yang dimiliki
2.Klik Rancangan pada dashboard menu
3.Klik Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates"
4.Selanjutnya cari kode berikut </head>
5.Letakkan kode di bawah ini sebelum kode tersebut :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

kode diatas silahkan download disini

6. Sekarang cari lagi kode dibawah

<div class='post-footer-line post-footer-line-1'>

Jika tidak menemukan kode diatas, coba cari kode seperti ini

<p class='post-footer-line post-footer-line-1'>

Kalo sudah ketemu, anda tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang anda temukan.

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

kode diatas silahkan download disini

7. Langkah terakhir Simpan Template kemudian lihat hasilnya.

Keterangan : kode yang berwarna merah dapat diganti sesuai dengan yang sobat inginkan, #585858 (kode background), Angka 5 menunjukkan jumlah artikel yang tampil pada related post, Related Posts (Judul yang diinginkan).

Selamat mencoba dan Semoga bermanfaat,silahkan tulis komentar dibawah ini jika ada pertanyaan.

BACA SELENGKAPNYA »