ONLINE LEARNING TUTORIAL

Rabu, 21 September 2011

Memasang Fitur (baru) Follow by Email pada Blogspot

Berlangganan via Email adalah salah satu Fitur Blog yang dibutuhkan dalam Pembelajaran Online seperti pada posting yang lalu disini, namun cara membuatnya lumayan ribe. Nah dengan salah satu menu baru yang terdapat di dalam blogspot yaitu Follow by Email maka anda tidak akan diribetkan lagi dengan pemasangan Fitur Berlangganan Via Email. Layanan baru ini membantu pembaca blog anda untuk mendapatkan update pos terbaru lewat email. Ini semacam layanan subscribe/berlangganan via email.

Bagaimana memasang Follow by Email di blogspot?

1. Masuk ke dalam akun blogspot anda.

2. Di dalam dasbor, anda akan melihat fitur-fitur seperti gambar di bawah ini:

3. Sekarang klik pada Add a Gadget dan sebuah jendela pop-up akan muncul.

4. Pilih gadget Follow by Email dan add it. Gadget ini kemudian akan muncul di blog anda.

5. Anda isi kolom yang tersedia dengan judul gadget dan feedburner url anda.

6. Selesai dan hasilnya seperti gambar di bawah ini:

Well, sederhana dan gadget ini akan menambah pelanggan blog anda.

Selamat mencoba.

Sumber : Blogmagis

Cara Mengakses Group Facebook

Setelah sebelumnya dijelaskan langkah bagaimana membuat group di facebook, kadang ada yang bertanya bagaimana mengakses group setelah membuat group di facebook atau mendaftar pada suatu group. Misal siswa sebagai anggota Group Facebook yang kesulitan untuk mengakses Group Facebook dalam Kelas Virtualnya.

Berikut langkah-langkahnya :
1. Buka facebook anda
2. Kemudian setelah terbuka facebook anda lihat halaman paling bawah

Klik gambar yang diberi tanda panah merah
3. Setelah di klik terbuka group-group yang sudah anda ikuti
mengakses-group-di-facebook2

Kolom sebelah kiri menginformasikan group-group yang diikuti oleh teman facebook anda, sedang kolom sebelah kanan menginformasikan group-group yang sudah anda buat atau anda sudah terdaftar didalam group tersebut.

Sumber : Abadipurwadaksina

Cara Mengirim Pesan ke Member Group Facebook dengan Sekali Kirim

Sebagai Kelas Virtual, maka pada Group Facebook dapat diinfokan pembelajaran terupdate, misal dengan membuat pesan dan mengirimnya ke seluruh anggota Group Facebook. Fasilitas dari group facebook memungkinkan kita untuk mengirim pesan kepada seluruh anggota group dengan sekali kirim, sehingga lebih menghemat waktu kita apabila kita butuh untuk mengirim pesan kepada seluruh member group.

Cara untuk mengirim pesan ke member group seperti ini :

1. Masuk ke facebook anda

2. Kemudian masuk ke group facebook yang anda ikuti

3. Setelah anda berada di group anda klik tulisan Message All Members (posisi disebelah kanan monitor anda)

mengirimkan-pesan-ke-member-group-di-facebook-1

4. Setelah itu akan muncul form yang perlu di isi.

Subject : Isi dengan judul pesan
Message : Isi dengan pesan anda

Lalu klik Send

mengirimkan-pesan-ke-member-group-di-facebook-2

Setelah Send di klik maka pesan anda akan terkirim ke seluruh member di group facebook anda. Mudahkan?? Selamat mencoba...

Sumber : Abadipurwadaksina

Group Facebook sebagai Virtual Kelas

Membuat group di facebook mungkin sangat berguna untuk membangun komunitas ataupun sebagai tempat sharing dengan teman-teman kita di facebook. Dengan membuat group, kita bisa berbagi informasi dengan teman alumni, kolega kerja, ataupun komunitas kita.

Bagi pengembangan E-Learning berbasis Blog, Group Facebook dapat dimanfaatkan sebagai Kelas Virtual yang Real Time. Kita sebagai guru dapat menginformasikan pembelajaran melalui Group Facebook ini.

Berikut cara membuat group di facebook :

1. Login ke Facebook Anda.

2. Kemudian, ketik di browser anda www.facebook.com/ajax/groups/create_get.php atau klik langsung disini.

3. Kemudian, akan terlihat pop up baru di facebook. Kira-kira seperti ini:

4. Kemudian, anda tinggal isikan Nama group facebook anda.

5. Trus, meng invite teman-teman anda di facebook untuk bergabung di group facebook baru anda dengan mengetik nama teman anda di bagian "members"

6. Pilih salah satu 'Privacy' group anda nantinya. Jika anda meng klik tanda panah yang ada di sebelah tulisan 'CLOSED' anda akan menemukan tulisan Open, Closed dan secret.

Ini berguna sebagai privacy group facebook anda. Misalnya saja, jika anda ingin membuat group facebook tersebut nanti secret, maka teman lain (selain member group tersebut) tidak akan bisa melihat group tersebut.

7. Setelah langkah-langkah diatas selesai, Anda tinggal klik Create.

8. Done, Group facebook baru anda sudah selesai.

Cukup gampang bukan cara membuat group di facebook? Ya, saya yakin anda tidak akan menemukan kesulitan sedikitpun dalam membuat group ini. Memang facebook memberikan kemudahan bagi kita untuk membuat berbagi media sharing. Seperti cara membuat fan page dulu. Sama juga mudahnya.

Selamat mencoba...

Sumber : Info Berita HebohTerbaru

20 Tips and Trik Facebook

Jejaring sosial Facebook dapat dimanfaatkan dalam pembelajaran online yaitu dapat digunakan sebagai media pembelajaran online dan Kelas Virtual. Sehingga antara guru dan siswa yang sudah berteman dapat berkomunikasi langsung dan real time tanpa dibatasi ruang dan waktu, asal ada kesepakatan untuk saat onlinenya. Untuk itu kita sebagai guru hukumnya wajib paham dan familiar dengan jejaring sosial yang sangat populer ini. berikut ini 20 tips dan trik yang mungkin belum anda ketahui khusunya para guru yang berniat menggunakan Facebook sebagai media pembelajaran online atau kelas virtual. Berikut tulisan stickseries yang sangat membantu untuk semakin kita mengenal dan memahami Facebook sesuai dengan kebutuhan kita khususnya para guru.

Jika Anda surfing Facebook setiap hari atau kadang-kadang, kemungkinan Anda sudah akrab dengan barang-barang biasa seperti menambah / menghapus teman-teman, update status, dinding dan profil, menambahkan dan menjelajahi halaman & aplikasi, dll, tapi ada lagi ..

Minggu ini kita ingin membahas beberapa hal menarik yang dapat Anda lakukan pada (atau dengan) Facebook; termasuk trik yang tidak didokumentasikan atau belum banyak diketahui.

1. Menempatkan Facebook Chat di Samping Browser Firefox (Sidebar)
Facebook Chat sangatlah keren, setidaknya itu memungkinkan Anda untuk mengirim pesan instan ke kontak Facebook online. Namun penempata chat box-nya berada di bagian bawah halaman, bagaimana jika ketika kita sudah Sign Out dari Facebook tetapi masih ingin tetap Chating dengan teman anda? Jika Anda menggunakan Firefox, Anda dapat menempatkan Facebook Chat di sidebar. Caranya Adalah sebagai berikut:

Pada menu Bookmarks, pilih Organize Bookmarks …

Klik pada New Bookmark …

Masukkan nama. Masukkan http://www.facebook.com/presence/popout.php, kemudian centang pada Load this bookmark in the sidebar

Kemudian pada menu Bookmarks, pilih http://www.facebook.com/presence/popout.php Almat yang telah Anda Bookmark tadi.

2. Mendownload Satu Album Sekaligus dari Facebook
Dengan Mozilla anda dapat mendownload add-ons FacePAD: Facebook Photo Album Downloader yang memungkinkan Anda untuk men-download Album Anda /teman-teman Anda , sekaligus, dengan satu klik

3. Update Status Tanpa Log In Via Facebook
hellotxt dan Ping.fm memperkenalkan fitur-fitur yang memungkinkan administrator update Facebook Facebook Pages.

4. Cara Menjadwalkan Pengiriman Pesan di Facebook
Sendible memungkinkan Anda menjadwalkan pesan Facebook terlebih dahulu sehingga Anda dapat mengirim pesan ke teman, pelanggan atau kolega di masa depan.

5. Bagaimana Membunyikan Status Updates Dari Teman Anda di Facebook
Sebuah tutorial singkat tentang Makeuseof untuk memandu Anda cara menyembunyikan update status Facebook dan menjaga kerahasiaannya dari teman-teman yang Anda tentukan.

6. Cara Membuat Foto Temen Kuliah/Alumni Profil di Facebook
Klik pada tab Friends. Lanjutkan ke tab More. Dari “Choose an option“, pilih salah satu tanda strip “-“. Lanjutkan dengan muali memilih Teman-teman sekuliahan/alumi.

7. Cara Mengetahui Jika Diam-diam Temen Facebook Menghapus atau Mem-Blok Account Anda
X-Friends adalah alat yang unik untuk melacak teman-teman yang menghapus atau mem-Blok account anda

8. Cara Men-Sharing Foto Di Flickr ke Facebook
Flickr2Facebook memungkinkan Anda meng-upload foto ke Facebook dari Flickr.

9. Bagaimana Cara Menampilkan Foto yang Muncul di Profil Facebook
Fitur di Facebook yang memungkinkan Anda memutuskan siapa yang muncul di kotak Friends. Klik “edit” di kotak Teman Anda dan ketik nama-nama teman-teman terbaik Anda dalam kotak “Always show these friends”

10. Cara Menghapus Iklan di Facebook
Greasemonkey ini script – adalah Facebook: Cleaner menghapus banyak iklan yang mengganggu dan pembaruan yang mau tidak mau muncul pada halaman Facebook.

11. Bagaimana Menghubungkan Foto Teman di Facebook Dengan Kontak di Microsoft Outlook
OutSync adalah aplikasi gratis dari Windows yang menghubungkan foto teman di Facebook Dengan kontak di Microsoft Outlook. Hal ini memungkinkan Anda untuk memilih kontak yang diperbarui. Sehingga Anda dapat memperbarui semua kontak sekaligus atau hanya beberapa pada satu waktu.

12. Bagaimana Menampilkan Status di Facebook pada Blog WordPress
Metode berikut ini memanfaatkan status Facebook dan WordPress RSS widget untuk menampilkan Status Facebook di WordPress blog .

13. Bagaimana Cara Posting Blog Post di Facebook Secara Otomatis
Wordbook atau NetworkedBlogs memungkinkan Anda untuk cross-posting blog Anda ke Facebook Wall. Facebook Anda “box” tab akan menampilkan posting blog terbaru.

14. Bagaimana Akses Facebook Chat di Desktop
Gabtastik dan Digsby memungkinkan anda mengakses Facebook Chat pada desktop Windows Anda diluar web browser, menggunakan resolusi dan sistem memory yang minimal.

15. Cara Membuat Mudah Kuis di Facebook
LOLapps menyediakan tempat untuk membuat kuis yang dapat digunakan dengan mudah dan dapat kita share di Facebook.

16. Cara Menyembunyikan Status Online Anda di Facebook Chat Dengan Memilih Kategori Kontak
Facebook memiliki daftar teman yang terintegrasi dengan Chat dan Anda juga dapat memilih anggota mana saja dalam daftar kontak tersebut yang bisa melihat Anda online.

17. Bagaimana Mendapatkan Update Status Pada Facebook di Email
NutshellMail mengkonsolidasikan account Facebook Anda melalui kotak masuk yang sering Anda gunakan.

18. Cara Update Facebook Status dari Firefox
FireStatus adalah utilitas update status untuk berbagai jaringan sosial, termasuk Facebook.

19. Bagaimana Cara Facebook-an di Desktop Anda
Seesmic Desktop, Facebooker, Xobni, Facebook Sidebar Gadget, Scrapboy and Facebook AIR application adalah aplikasi desktop yang memungkinkan Anda berinteraksi seperti halnya yang Anda lakukan di Facebook, tapi tanpa browser.

20. Cara Menghapus, Membatalkan Account dan Profil Kita di Facebook
Sebuah panduan sederhana untuk menghapus atau membatalkan account dan profile Facebook kita dengan mudah.

Sumber : StickSeries

Masih seputar upaya mempercantik blog, salah satunya dengan cara memasang widget Artikel Terpopular seperti pada posting cara buat widget argtikel terpopuler yang lalu. Namun cara yang dilakukan lumayan ribet karena harus mengedit template kita. Nah kali ini caranya sangat mudah karena tidak perlu edit template yaitu cukup menambahkan script dari Kang Rohman pada add gaget. Berikut langkah2 membuatnya :

Login ke Blogger Dasbor - Page Element
Tambahkan 1 buah widget Entri Popular pada salah satu sidebar anda dan save (lihat gambar di bawah)

Setelah anda menambahkan widget Entri Popular lalu klik "Add Gadget" lagi dan pilih "HTML/Javascript"
Letakan semua script di bawah ini ke dalam "Content" dari HTML/Javascript Gadget

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#PopularPosts1 {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.tags span,
.tags a {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Kemudian klik save, dan aturlah posisi gadget tersebut tepat diatas gadget popular post yang sudah dibuat tadi dengan cara mendrag gadgetnya seperti pada gambar dibawah ini kemudian klik save.

Explanation of Popular Post with Animation

Selesai dech, mudahkan??

Selamat mencoba dech.

Sumber Kang Rohman

Untuk mempercantik blog kita dapat memasang widget Artikel Terpopular seperti pada posting cara buat popular post bergerak yang lalu seperti pada sidebar kiri blog ini, nah posting kali ini adalah cara lain untuk membuat widget artikel terpopuler atau widget popular post, lihat demonya disini . Berikut langkah2 membuatnya :

Login ke Blogger Dasbor - Page Element
Tambahkan 1 buah widget Entri Popular pada salah satu sidebar anda dan save (lihat gambar di bawah)

Setelah anda menambahkan widget Entri Popular lalu masuk ke Edit Html - Checklist Expand Template Widget
Cari kode ]]></b:skin> dan masukkan kode CSS berikut di atasnya atau sebelum kode ]]></b:skin>

#postlist-spy { 
 font-size: 11px;
 overflow: hidden;
 margin-top: 5px;
 padding : 0; }
#postlist-spy ul { 
 width: auto;
 overflow: hidden;
 list-style-type: none;
 padding: 0;
 margin: 0; }
#postlist-spy li {
 padding: 0;
 margin: 0 0 5px;
 list-style-type: none; 
 float: left; 
 height: auto;
 overflow: hidden;
 line-height: 12px;
 text-indent: 0px;}
#postlist-spy li a {
 margin-left: 0; }
#postlist-spy li a img {
 margin-top: 0;
 float: left; }

Masukkan code JavaScript berikut sebelum </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'><!--//--><![CDATA[//><!--
jQuery(function () {
    jQuery('ul.spy').simpleSpy();
});
(function (jQuery) {
jQuery.fn.simpleSpy = function (limit, interval) {
    limit = limit || 2; // Number popular post shown - maximal 4 default 2
    interval = interval || 10000;
    return this.each(function () {
        // 1. setup
            // capture a cache of all the list items
            // chomp the list down to limit li elements
        var jQuerylist = jQuery(this),
            items = [], // uninitialised
            currentItem = limit,
            total = 0, // initialise later on
            height = jQuerylist.find('> li:first').height();
        // capture the cache
        jQuerylist.find('> li').each(function () {
            items.push('<li>' + jQuery(this).html() + '</li>');
        });
        total = items.length;
        jQuerylist.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });
        jQuerylist.find('> li').filter(':gt(' + (limit - 1) + ')').remove();
        // 2. effect        
        function spy() {
            // insert a new item with opacity and height of zero
            var jQueryinsert = jQuery(items[currentItem]).css({
                height : 0,
                opacity : 0,
                display : 'none'
            }).prependTo(jQuerylist);
            // fade the LAST item out
            jQuerylist.find('> li:last').animate({ opacity : 0}, 1000, function () {
                // increase the height of the NEW first item
                jQueryinsert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
                // AND at the same time - decrease the height of the LAST item
                // jQuery(this).animate({ height : 0 }, 1000, function () {
                    // finally fade the first item in (and we can remove the last)
                    jQuery(this).remove();
                // });
            });
            currentItem++;
            if (currentItem >= total) {
                currentItem = 0;
            }
            setTimeout(spy, interval)
        }
        spy();
    });
};
})(jQuery);
//--><!]]></script>

Catatan :

Angka 2 yang berwarna merah pada javascript diatas adalah jumlah post yang di tampilkan, anda bisa mengubahnya hingga sesuai dengan keinginan anda, maksimal 4 dan default 2.

Selanjutnya anda cari kode <div class='widget-content popular-posts'> dan ganti kode <ul> yang ada dibawahnya dengan :

<div id='postlist-spy'>
<ul class='spy'>

Langkah terakhir anda cari kode </ul> yang pertama kali anda temukan setelah kode <div class='widget-content popular-posts'> dan masukkan kode berikut setelah </ul> :

</div>

Sumber Edo Pranata

Cara Memasang Link Share This Post pada Blogspot

Share this post adalah tombol/button share artikel yang biasa terdapat pada bagian bawah posting artikel, dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark antara lain Stumble Upon, Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan RSS. Dengan klik tombol/button share maka artikel kita akan tersubmit ke social bookmark tersebut.

Untuk membuat share this post berbentuk bintang ini :
Masuk ke design—Edit HTML

Tandakan pada expand template widget

Cari kode ini:

<data:post.body/>

gunakan ctrl + F untuk find untuk memudahkan pencarian

Dan copas kode dibawah ini setelah kode tersebut:

Berikut screenshoot kode yg diletakkan pada template:

*Ubah size width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more letakan kode diatas setelah kode <data:post.body/> yang kedua.

Selamat mencoba...

Sumber : Teknik Buat Blog

Pemasangan widget Translator atau"Penterjemah" pada blog amat perlu. Translator ini berguna apabila blog kita dikunjungi secara tidak sengaja dari oleh pengunjung dari negara lain yang melihat blog kita dan tidak tahu bahasa kita ,maka mereka boleh menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan.Berikut adalah cara untuk memasukkan translator pada laman blog

1. Login ke Blogger kemudian pilih menu Layout
2. Kemudian klik pada Add Gadget
3. pilih HTML/Javascript
4. Kemudian masukkan script berikut ini kedalamnya.

<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'ms',

includedLanguages: 'ar,zh-CN,zh-TW,nl,en,tl,fr,de,hi,id,it,ms,ru,es,th,vi'

}, 'google_translate_element');

}

</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

5.Kemudian save.

Selamat Mencoba...

Sumber : Teknik Buat Blog

Cara Mengganti Kalimat pada Widget LinkWithin

Memasang widget ~~linkwithin~~ blog merupakan suatu yang baik karena dapat meningkatkan page view kita.Kebiasaannya kalimat pada widget ini adalah you might also like atau anda mungkin juga meminati.Jika ingin mengganti dengan kalimat lain berikut adalah caranya:

Letakkan kode berikut bersama kode linkwithin tepat diatasnya seperti pada gambar dibawah ini !

Kemudian klik save... selesai dech!

Mudahkan?? Selamat mencoba...

Sumber : Teknik Buat Blog

Salah satu cara untuk meningkatkan pageview adalah membuat artikel terkait. Ketika selesai membaca posting blog maka pengunjung dapat membaca artikel lain yang masih berhubungan dengan posting blog.

Anda biasanya melihat artikel terkait di bawah sebuah posting yang berupa judul. Agar pengunjung blog lebih tertarik untuk membaca artikel terkait, maka anda bisa menampilkan artikel terkait yang disertai thumbnail (gambar).

Bagaimana cara buat artikel terkait disertai thumbnail? Anda bisa membuat artikel terkait dengan memasukkan kode-kode tertentu ke dalam html template blog. Namun cara ini butuh ketelitian dan beresiko template blog mengalami error. Ada cara yang lebih mudah untuk membuat artikel terkait disertai thumbnail yaitu menggunakan widget dari pihak ketiga. Widget artikel terkait kali ini pemasangannya relatif lebih mudah karena kita memanfaatkan layanan dari LinkWithin.

Widget artikel terkait dari LinkWithin ini disertai pula dengan thumbnail sehingga terlihat menarik bagi pengunjung. Dengan memasang widget artikel terkait di blog ini dapat memberikan peluang posting-posting kita yang lainnya untuk dibaca oleh pengunjung sehingga dapat meningkatkan page view blog kita. Bila Anda tertarik untuk memasang widget artikel terkait dari LinkWithin di Blogger, Anda dapat menyimak langkah-langkah pemasangannya di bawah ini.

Masuk ke akun Blogger Anda.
Kunjungi http://www.linkwithin.com/learn

Isikan email Anda pada kolom Email.
Masukkan URL blog Anda di kolom Blog Link.
Pilih Blogger pada kolom Flatform.
Pilih banyaknya artikel yang ingin ditampilkan, 3, 4, atau 5 stories pada kolom Width.
Beri tanda centang pada "My blog has light text on a dark background" bila blog Anda warna latar belakang blog Anda gelap.
Klik tombol Get Widget!
Klik Install Widget utnuk membuka Blogger di tab baru.
Pada halaman Menambah Elemen Laman, Pilih sebuah blog jika Anda memiliki lebih dari satu blog.
Klik tombol MENAMBAH WIDGET.
Drag dan drop kotak LinkWithin ke bawah kotak Posting Blog.
Klik tombol SIMPAN.

Mudah kan??? Selamat mencoba...

Sumber : Youbiz dan Klik Munadi

Cara pasang widget animated recent post

Blogger ada menyediakan widget recent post yang memaparkan posting posting terkini.Recent post ini memaparkan thumbnail juga jumlah komen pada posting.Tapi kekurangan nya adalah bersifat statik.Recent post ini bergerak ini lebih menarik perhatian pengunjung untuk melihat artikel artikel lain yang ada pada blog kita

Caranya:
Masuk ke Design:
Pada Page Element-Pilih Add Gadget
HTML/Javascript

Dan masukkan kod dibawah ini:

<center>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/jquerry.js?attredirects=0&d=1" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}

#spylist ul{

width:220px;

overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {

width:208px;

padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih4r6mmf2npkPvOi_WCsDgzxbynw_dzjJhUvimD5Ea9Y7qhswgWiXs7Q-U8uK7AvuvU5fb7x34XPVa7QVOP4uDrpI7VVSf8R9tr4V7act6PNoPFGXycGuwlQwXHwlZQl9XK2Sk0lzwxFc/s1600/teknikbuatblogblogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#A9A9F5;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIowea_9wZbjQ7j6yONv4ub1fLUKa4YXr541usGVi6Q7_UfJcN4_CW_B2OkSj4MFho7gYIYj6-TfyzP2Kr5az1LP4zdICOrOe_JCJVtP9IiqZR7NMXWBA-WNXmzqK0fNiDX9J57vOeTtM/s1600/no_image+.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIowea_9wZbjQ7j6yONv4ub1fLUKa4YXr541usGVi6Q7_UfJcN4_CW_B2OkSj4MFho7gYIYj6-TfyzP2Kr5az1LP4zdICOrOe_JCJVtP9IiqZR7NMXWBA-WNXmzqK0fNiDX9J57vOeTtM/s1600/no_image+.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIowea_9wZbjQ7j6yONv4ub1fLUKa4YXr541usGVi6Q7_UfJcN4_CW_B2OkSj4MFho7gYIYj6-TfyzP2Kr5az1LP4zdICOrOe_JCJVtP9IiqZR7NMXWBA-WNXmzqK0fNiDX9J57vOeTtM/s1600/no_image+.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIowea_9wZbjQ7j6yONv4ub1fLUKa4YXr541usGVi6Q7_UfJcN4_CW_B2OkSj4MFho7gYIYj6-TfyzP2Kr5az1LP4zdICOrOe_JCJVtP9IiqZR7NMXWBA-WNXmzqK0fNiDX9J57vOeTtM/s1600/no_image+.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIowea_9wZbjQ7j6yONv4ub1fLUKa4YXr541usGVi6Q7_UfJcN4_CW_B2OkSj4MFho7gYIYj6-TfyzP2Kr5az1LP4zdICOrOe_JCJVtP9IiqZR7NMXWBA-WNXmzqK0fNiDX9J57vOeTtM/s1600/no_image+.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://nenysmadda.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/teknikbuatblog/tbb/tbb.js?attredirects=0&d=1' type='text/javascript'></script>
</div><a href="http://teknikbuatblog.blogspot.com/2010/12/cara-pasang-widget-animated-recent-post.html">
<font size="1">get this widget</font></a></center>

#Jangan lupa gantikan url blog saya,teks berwarna merah diatas dengan alamat blog sendiri.Kalau nak kecilkan size ubah pada kod warna hijau

Sumber : Teknik Buat Blog

Cara Pasang Emotion pada Kotak Komentar Blog

Memasang emoticon smiley ini rasanya dah banyak diposting oleh blog blog lain.Namun saya masukkan pada entri kali ini bagi kemudahan rakan rakan yang blogger yang ingin memasukkan nya pada komen di blog.

Berikut adalah caranya:

1. Masukk ke Blogger -->> design -->> edit HTML

2. kemudian tandakan pada "Expand Widget Template",

3. Sekarang kembali ke template, cari kode ini :

</body>

4.Gunakan kemudahan search Ctrl +F untuk membuatn pencarian

5. salin kod dibawah dan letakkan diatasnya

<script src='http://oom.blog.googlepages.com/smiley.js' type='text/javascript'/>

6. seterusnya cari kod ini:

<b:if cond='data:post.embedCommentForm'>

7. Pastekan kod dibawah ini dibawah kod diatas:

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>

<b>

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(

<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))

</b>

</div>

8.Preview dahulu hasilnya,jika tiada apa apa error,Klik butang save template.

Sumber : Teknik Buat Blog

ONLINE LEARNING TUTORIAL

Laman

Welcome To My Blog

Rabu, 21 September 2011

Memasang Fitur (baru) Follow by Email pada Blogspot

Jumat, 16 September 2011

Cara Mengakses Group Facebook

Cara Mengirim Pesan ke Member Group Facebook dengan Sekali Kirim

Group Facebook sebagai Virtual Kelas

Kamis, 15 September 2011

20 Tips and Trik Facebook

Cara Paling Mudah Buat Widget Artikel Terpopuler dengan Animasi ( Cara 2 )

Cara Buat Widget Artikel Terpopuler dengan Animasi

Minggu, 11 September 2011

Cara Memasang Link Share This Post pada Blogspot

Cara Memasang Google Translator

Cara Mengganti Kalimat pada Widget LinkWithin

Cara Memasang Widget LinkWithin pada Blogspot

Sabtu, 10 September 2011

Cara pasang widget animated recent post

Cara Pasang Emotion pada Kotak Komentar Blog

Online Learning Tutorial Blog Fans

My Physics Web Blog Fans