Layanan Google Application for education

Google Apps adalah aplikasi dalam jaringan (online) yang memungkinkan aplikasi-aplikasi Google yang dapat digunakan pada situs atau blog pribadi. Google Apps juga menyediakan layanan untuk edukasi (pendidikan) yang sangat membantu dalam dunia pendidikan

Berikut List Google Apps For education:

• Gmail, Email dengan ruang penyimpanan sebesar 10 GB per account, iklan opsional, perangkat pencarian surat, dan chatting yang terintegrasi.
• Google Talk, SMS: Dapat Digunakan memanggil dan mengirim pesan pada yang lainnya setiap saat, dari manapun keseluruh dunia.
• Google Docs: Aplikasi ini dapat dimamfaatkan untuk Membuat, berbagi, dan berkolaborasi pada dokumen secara real-time.
• Google Calendar, Dapat digunakan untuk Mengatur jadwal dan acara yang akan dilaksanakan menggunakan kalender bersama.
• Google Sites: Kerja sama untuk menjaga hubungan antar dokumen, isi web dan informasi lain pada satu tempat
• Google Video for Educations
• Google + : Situs jejaring social google sangat direkomendasikan karna para pelaku spammer masih sedikit di jejaring social ini, (cara Membuat halaman google plus)

Dan Masih banyak aplikasi lainya dari google yang bisa membantu kita dalam hal kegiatan yang positif, mamfaatkanlah sebaik-baiknya mumpung gratiss.

Read More...

Posted By: Alfi Enda On 12:41 AM In google, service  

Cara Membuat Forum di Blogger

Blogger bukan hanya tempat ngeblog, tapi platform yang satu ini juga sudah bisa dijadikan sebagai forum, dimana diforum ini kita bisa melakukan interaksi tanya jawab sesama blogger atau memiliki fungsi yang sama seperti forum-forum web kebanyakan.

yang sering muncul jadi pertanyaan Bagaimana cara membuat forum diblogger?

Demo

Berikut Tutorial cara Membuat forum diBlogger.

Tahap Pertama.

1. Login ke akun Gmail
2. Buka Halaman Groups.Google
3. Klik Buat grup
4. Isi Semua field sesuai di inginkan

Tahap Kedua.

1. Masuk ke akun Blogger
2. Buat Halaman Baru (StaticPage)
3. Pilih Mode HTML
4. Copikan Semua code dibawah ini kehalaman yang akan dibuat tadi

<iframe id="forum_embed"
src="javascript:void(0)"
scrolling="no"
frameborder="0"
width="900"
height="700"><br />
<br />
</iframe><br />
<br />
<script type="text/javascript">
document.getElementById('forum_embed').src =
'https://groups.google.com/forum/embed/?place=forum/idseoblog'
+ '&showsearch=true&showpopout=true&showtabs=false'
+ '&parenturl=' + encodeURIComponent(window.location.href);
</script><br />
<br />
<br />
<br />
<br />
<br />
<style type="text/css">
body{background:#eee;}
#main-wrapper{width:100%;border:1px solid #ccc;}
#sidebar-wrapper, .breadcrumbs, #comments, .post-footer, #blog-pager{display:none}
</style>

Tulisan Yang berwarna biru ganti dengan nama alamat grup yang anda buat pada proses tahap pertama.
Klik Publikasikan.

Selamat anda sudah memiliki forum sendiri,
dan ajaibnya lagi Gratis tanpa harus bayar 
hosting atau bayar aplikasi.
Terima kasih Google

Read More...

Posted By: Alfi Enda On 11:16 PM In tutorial blog, widget  

Cara Membuat Form komentar Terbaru di blog

Cara Membuat Threads Comment System To Blogger

Login ke Blogger.com >> Template (Jangan Lupa backup slalu template anda).
Kemudian Pilih Edit HTML >> melanjutkan.

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</ b: if>

Cari Kode di atas Ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

Untuk Tampilanya cari kode ]]></b:skin>
Copi kode dibawah ini tepat diatas kode
]]></b:skin>

#comments{margin:20px 20px 0;overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#1aa1e2}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:&quot;&quot;;position:absolute;bottom:-10px;left:10px;border-top:10px solid #1aa1e2;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#033F58}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#eeede7;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh3.googleusercontent.com/-RLMMLOqtu68/T-goDsC4R0I/AAAAAAAABhU/ZvvicyrWA6g/s36/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:&quot;&quot;;position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}

klik simpan

Read More...

Posted By: Alfi Enda On 4:05 PM In tutorial blog, widget