Cara Membuat Widget Artikel Terbaru di blogspot

RUMAH BELAJAR – Salam Edukasi, panduan / tutorial blog yang akan kami berikan adalah Cara Membuat Widget Artikel Terbaru di blogspot. Pemasangan widget artikel terbaru ini bermanfaat untuk menambah pageview blog sahabat rumah belajar yang fungsinya menampilkan artikel terbaru yang sedang diupdate anda. Tidak berpanjang lebar lagi, berikut ini langkah Cara Membuat Widget Artikel Terbaru di blogger.com

blogger

1. Langkah pertama Login di blogger.com dengan user dan password yang anda punya

cara membuat blog di blogger 1

2. Kemudian anda pilih Layout /Tata Letal> Add gadget/Tambah Gadget > HTML/JavaScript

buku tamu melayang di blog

3. Kemudian copy dan paste script berikut ini

<div id=”hlrpsb”>
<script style=”text/javascript” src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script>
<script style=”text/javascript”>var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src=”http://s1pgsd.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div>
<div style=”font-family: arial, sans-serif; font-size: 9px;” id=”rpdr”><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style></div>

4. Sebelum disimpan ganti URL s1pgsd.blogspot.com dengan URL blog anda kemudian anda simpan/save dan lihat hasilnya di blog anda

 

Demikian artikel tentang ”Cara Membuat Widget Artikel Terbaru di blogspot ” semoga bermanfaat.

Akhirnya cair juga penghasilan dari google adsense

Akhirnya cair juga penghasilan dari google adsense – Salam Edukasi, sebenarnya agak berat menuliskan kegembiraan mendapatkan dollar dari hasil blog, selama ini saya berprofesi sebagai seorang guru dan disela-sela kesibukan itu juga saya sempatkan untuk mengelola blog sederhana ini ” Rumah Belajar “.

Mungkin bagi sebagian blogger penghasilan yang saya dapatkan tidak seberapa banyak, namun itu adalah motivasi saya untuk terus semangat dalam mengisi blog ini. Awal mulanya mengenal blog pada tahun 2008 silam dengan memulai dengan blog gratisan, sewaktu saya masih kuliah di PGSD Unlam Banjarbaru. Karena belum mempunyai laptop sendiri, ngeblog saya lakukan di warnet yang cukup banyak menghabiskan duit di kantong sekelas Mahasiswa waktu itu.

Banyak para blogger yang sukses mendulang dollar lewat google adsense, bahkan penghasilan mereka sudah mencapai ribuan dollar perbulan.

Kembali ke topik sebelumnya ” Akhirnya cair juga penghasilan dari google adsense ” saya menulis ini dengan niat motivasi buat para guru/pendidik, mahasiswa, dan blogger se-Indonesia. Bahwa dengan menjadi seorang blogger selain dapat memberikan informasi kepada orang lain, kita juga bisa mendapatkan penghasilan dengan menjadi publisher.

Berikut screenshootnya

adsense

Kalau dibandingkan penghasilan dari para blogger yang lain mungkin nilai tersebut masih terbilang kecil karena hanya kisaran ratusan dollar saja. Namun lumayan buat beli kopi dan cemilan buat menemani ngeblog. Namun tetap pada tujuan awal blog ini dibuat yaitu ingin memberikan informasi pendidikan

Ayo rekan-rekan pembaca sekalian, kita budayakan ngeblog.

 

Cara pasang Iklan Melayang blog disamping dengan tombol close

Cara pasang Iklan Melayang blog disamping dengan tombol close– Salam edukasi, pembaca sekalian yang berbahagia. mungkin tulisan ini sudah banyak kita temukan di blog-blog lain yang menyediak tutorial blog yang bisa kita dapatkan secara online. Selain itu, pembaca mungkin heran kenapa blog ” RUMAH BELAJAR ” tidak fokus hanya mengulas informasi pendidikan namun sekarang bercampur aduk dengan tutorial blog.

Iklan melayang dengan tombol close

Alasan saya memberikan tutorial di blog pendidikan ini karena berharap untuk para pendidik/guru yang 90% pengunjung blog ini bisa mengikuti tutorial yang kami berikan dan mahir membuat sendiri blog guru atau pun untuk blog sekolah. Di Kesempatan ini saya ingin berbagi tutorial blog yaitu “Cara pasang Iklan Melayang disamping dengan tombol close ” yang mungkin banyak dicari-cari para blogger sekarang ini untuk memasang iklan di blog agar dapat menghasilkan receh dan pundi-pundi uang di Internet.

Cara pasang Iklan Melayang blog disamping dengan tombol close, Adapun langkahnya sebagai berikut:
1. Pertama anda Login di Akun Blog Anda sendiri.

cara membuat blog di blogger 1
2. Kemudian Pada Dasbor blog anda pilih Elemen Tata Letak atau LayOut

buku tamu melayang
3. Pilihlah Add New Widget atau Tambah Gadget Baru

buku tamu melayang di blog
4. Kemudian pilih Javascript
5. Copy kode script di bawah ini.

<script type=’text/javascript’>

$(document).ready(function() {

$(‘img#closed’).click(function(){

$(‘#btm_banner’).hide(90);

});

});

</script>

<script type=”text/javascript”>var a=navigator,b=”userAgent”,c=”indexOf”,f=”&m=1″,g=”(^|&)m=”,h=”?”,i=”?m=1″;function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c](“Mobile”)&&-1!=a[b][c](“WebKit”)&&-1==a[b][c](“iPad”)||-1!=a[b][c](“Opera Mini”)||-1!=a[b][c](“IEMobile”)){var k=j();k&&window.location.replace(k)};

</script><script type=”text/javascript”>

if (window.jstiming) window.jstiming.load.tick(‘headEnd’);

</script>

<!–start: floating ads–>

<div id=”teaser2″ style=”width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;”>

<div><a id=”close-teaser” onclick=”document.getElementById(‘teaser2’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center></a></div>

<!–Kode Iklan Mulai disini–>

GANTI DENGAN IKLAN ANDA

<!–Kode Iklan Akhir disini–>

</div>

<!–end: floating ads–>

<!–start: floating ads–>

<div id=”teaser3″ style=”width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;”>

<div><a id=”close-teaser” onclick=”document.getElementById(‘teaser3’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png’ alt=’close’ title=’close button’/></center></a></div>

<!–Kode Iklan Mulai disini–>

GANTI DENGAN IKLAN ANDA

<!– Kode Iklan Akhir disini–>

</div>

<!–end: floating ads–>

6. Kemudian Simpan dan silakan Selesai hasilnya.

Catatan:
Gantilah Tulisan ” GANTI DENGAN IKLAN ANDA” dengan Kode / Script Iklan yang anda inginkan.

 

Demikian tutorial tentang ” Cara pasang Iklan Melayang blog disamping dengan tombol close ” cukup mudah bukan. Silakan diterapkan di blog anda masing-masing

Inilah cara memasang iklan samping kiri dan kanan blog

Inilah cara memasang iklan samping kiri dan kanan blog – Salam edukasi, cara potensial dalam mendapatkan penghasilan dari blog adalah dengan memasang iklan di blog anda. Tidak menutup kemungkinanan blog guru atau blog pendidikan pun untuk dipasang iklan untuk mendapatkan penghasilan yang cukup lumayan dari penyedia iklan.

Berikut ini cara memasang iklan samping kiri dan kanan blog

1. Pertama anda Login blogger.com

cara membuat blog di blogger 1
2. Kemudian pilih atau Klik Tata Letak

buku tamu melayang
3. Klik Tambah Gadget lalu pilij HTML/ Java Script.

buku tamu melayang di blog

Kemudian Masukkan kode dibawah ini,

<script type=’text/javascript’>
$(document).ready(function() {
$(‘img#closed’).click(function(){
$(‘#btm_banner’).hide(90);
});
});
</script>
<script type=”text/javascript”>var a=navigator,b=”userAgent”,c=”indexOf”,f=”&m=1″,g=”(^|&)m=”,h=”?”,i=”?m=1″;function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c](“Mobile”)&&-1!=a[b][c](“WebKit”)&&-1==a[b][c](“iPad”)||-1!=a[b][c](“Opera Mini”)||-1!=a[b][c](“IEMobile”)){var k=j();k&&window.location.replace(k)};
</script><script type=”text/javascript”>
if (window.jstiming) window.jstiming.load.tick(‘headEnd’);
</script>
<!–start: floating ads–>
<div id=”teaser2″ style=”width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;”>
<div><a href=”#” id=”close-teaser” onclick=”document.getElementById(‘teaser2’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png’/></center></a></div>
<!–Mulai–>
<!– Masukan kode Script Untuk Iklan Kiri –>
<!–Akhir–>
</div>
<!–end: floating ads–>
<!–start: floating ads–>
<div id=”teaser3″ style=”width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;”>
<div><a href=”#” id=”close-teaser” onclick=”document.getElementById(‘teaser3’).style.display = ‘none’;” style=”cursor:pointer;”><center><img src=’http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png’/></center></a></div>
<!–Start–>
<!– Masukan kode Script Untuk Iklan Kanan –>
<!–End–>
</div>
<!–end: floating ads–>
Catatan : Ganti tulisan<!– Masukan kode Script Untuk Iklan Kanan –> dengan kode iklan Sobat

 

4. Klik Simpan

Namun, Tidak semua penyedia iklan memperbolehkan publisernya untuk memasang iklan statis floating (melayang) ini. Jika Anda memutuskan untuk memasang posisi iklan Melayang Disamping Kanan Kiri Blog ini maka lebih baik Anda cek dahulu kebijakan dari penyedia iklan yang Anda ikuti.

Selamat mencoba di rumah.

Unduh Template Blogger untuk Sekolah Seo Friendly 2015

Unduh Template Blogger untuk Sekolah Seo Friendly 2015 – Salam edukasi, pembaca sekalian yang berbahagia. Masih bertema tutorial blog, artikel kali ini berkaitan dengan template blog untuk lembaga pendidikan atau blog guru. Namun untuk blog dengan tema/niche lain pun bisa dipakai template seo friendly ini.

Template Blog untuk sekolah yang akan kami bagikan kepada anda hari ini bernama ” Habasikula ” hasil modifikasi dari template Unduh schoolzine buatan Cargam.com

( Baca Juga : Cara membuat buku tamu melayang di blog )

Berikut screenshoot tampilan home Template Blogger untuk Sekolah Seo Friendly 2015

Unduh Template Blogger untuk Sekolah Seo Friendly 2015Selain cocok untuk blog pendidikan dan sekolah, template ini juga sangat cocok untuk para blogger yang mendulang dollar di internet dengan memasang adsense di blognya karena template ini di desain memiliki widget yang ukurannya cocok untuk memasang iklan adsense.

( Baca Juga : Daftar situs penyedia widget blog untuk mempercantik blog )

Seo score yang kami cobakan di blog sekolah cukup lumayan dengan score 85 %

seo template blogDemo Template bisa dilihat di sini

Silakan download template blogger sekolah ini secara gratis di bawah ini

downlad dataDemikian artikel tentang ” Unduh Template Blogger untuk Sekolah Seo Friendly 2015 ” semoga dapat membantu anda dalam membuat blog sekolah yang menarik dan seo friendly.

Selamat mencoba

 

Tutorial Cara Membuat Buku Tamu melayang di Blog

Tutorial Cara Membuat Buku Tamu melayang di Blog -Salam edukasi, apa kabarnya pembaca sekalian ?. Di kesempatan ini, kami selalu ingin memberikan yang bermanfaat bagi pembaca sekalian yang ingin melek teknologi. Salah satu cara mempercantik dan memperindah blog adalah dengan menambah widget buku tamu di blog anda. Cara memasang buku tamu di blog kali ini berbeda dengan yang biasanya yaitu buku tamu melayang di blog.
Untuk lebih jelasnya ikuti langkah-langkah diberikut ini :
1. Login ke Blogger
cara membuat blog di blogger 12. Pilih Tata Letak
buku tamu melayang
3. Lalu tambahkan Gadget baru atau Widget Baru “Add Gadget”
buku tamu melayang di blog
4. Setelah itu pilih HTML/Javascript
5. Copy kode script di bawah ini dan letakan kedalam Widget yang telah sahabat buat.
<style type=”text/css”>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:142px;
width:60px;
float:left;
cursor:pointer;
background:url(‘http://4.bp.blogspot.com/-5hjVLVvaT70/T6lPVIf69gI/AAAAAAAAAow/JBKJCSbiClo/s1600/Nomor-Cantik.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ff8000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(50-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>
<div id=”gb”>
<div class=”gbtab” onclick=”showHideGB()”> </div>
<div class=”gbcontent”>
MASUKAN KODE BUKU TAMU SAHABAT DISINI
<div style=”text-align:right”>
<a href=”http://www.rumahbelajar.web.id/”>Rumah Belajar</a>><a href=”javascript:showHideGB()”>(BUKA)</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>
Keterangan :
ganti MASUKAN KODE BUKU TAMU SAHABAT DISINI dengan kode Buku Tamu yang bisa anda dapatkan di sini
6. Kemudian Simpan, cukup mudah bukan.
Demikian ” Tutorial Cara Membuat Buku Tamu melayang di Blog ” semoga bermanfaat. Selamat mencoba

Daftar Situs Penyedia Widget Blog Keren untuk Memperindah Blog

Cara mempercantik blog agar menarik pengunjung – Salam edukasi, artikel kali ini masih membahas tentang tutorial blog bagi pemula. Dalam hal Mempercantik dan memperindah blog itu bisa diibaratkan seperti mempercantik dan memperindah rumah , kalau di rumah itu di hias dengan segala pernak pernik perabotan yang bagus, dan kemudian perabotan tersebut ditata sedemikian rupa agar terlihat menarik sedangkan pada blog itu bisa menggunakan widget script, kode, yang di atur tata letaknya sehingga terlihat rapi dan menarik.

Cara mempercantik blog agar menarik pengunjung yang akan kami berikan adalah dengan menambah widget javascript yang bisa kita dapat di pihak kedua dan kita pasang di blog kita.

Daftar Situs Penyedia Widget Blog Keren untuk Memperindah Blog

1. Google gadgets
Google gadgets adalah salah satu situs atau web penyedia widget atau gadget yang terbaik, disini kita diberi banyak pilihan widget keren yang siap untuk kita pasang di blog kesayangan kita.

2. Yahoo widgets
Yahoo widgets merupakan saingan dari google widgets diatas, di yahoo widgets anda juga diberi banyak pilihan widget yang menarik yang pastinya dapat memperindah blog kalian.

3. Animationonline.com
Disini kita diberi fitur menarik sebelum memasang widget animasi yang disediakan oleh situs ini yaitu ita dapat mengatur dan menyesuaikannya terlebih dahulu sesuai selera sebelum kita memasang widget tersebut ke blog kita.

4. Alexa rank widget
Saya yakin banyak blogger sudah mengetahui widget yang menjadi salah satu indikator yang sering digunakan dalam dunia blogger untuk mengetahui peringkat blog kita, jika anda ingin memasang widget yang penting ini baca “cara mendaftar alexa” dan “cara memasang widget alexa rank

5. Clockwidgets.net
Sesuai dengan namanya kalian pasti sudah tau widget seperti apa yang disediakan situs ini, di clockwidgets kita akan diberi banyak pilihan widget jam yang dapat kita manfaatkan sebagai salah satu widget yang dapat memperindah blog kita.

6. Shoutmix.com /Shoutbox
Widget shoutbox merupakan widget pesan yang dapat digunakan untuk saling berkomunikasi atau berkomentar di blog kita. widget ini dapat kita pasang di blog sebagai tempat berinteraksi pengunjung blog dengan media chat room

7. Mypagerank
Widget ini dapat kita pasang di blog yang fungsinya untuk mengetahui pagerank atau peringkat halaman blog kita.

8. www.al-habib.info

Widget yang disediakan oleh www.al-habib.info ini ada berbagai macam seperti Kalender bernuansa Islami, Jam, Greeting Card, dsb. widget ini sangat cocok di pasang untuk menambah menarik pengunjung. Widget ini bisa kita dapatkan kode scriptnya di situs www.al-habib.info

Demikian artikel tentang ” Daftar Situs Penyedia Widget Blog Keren untuk Memperindah Blog ” Apabila tulisan ini menurut anda bermanfaat, silakan share dan bagikan kepada yang lain. Selamat mencoba

 

Panduan Membuat Blog di blogspot terlengkap dengan gambar

Panduan Membuat Blog di blogspot terlengkap dengan gambar – Salam Edukasi, Bapak/Ibu guru serta pembaca sekalian. Terima kasih sudah berkunjung di blog sederhana kami ini. di pagi yang cerah di pertengahan bulan Ramadhan ini, kami ingin berbagi tentang ” Panduan Membuat Blog di blogspot terlengkap dengan gambar ” dan mungkin bermanfaat bagi pembaca yang masih banyak yang belum bisa membuat blog.

Apa itu Blog ?

Menurut situs Wikipedia, Blog adalah singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

Membuat blog cukup mudah sebenarnya dan tidak sesulit yang anda bayangkan. Untuk membuat sebuah blog anda mestilah mempunyai email di gmail dulu. Kalau sudah memilik email, mari kita lanjut cara membuat blog di blogger.com

Berikut ini kami berikan panduan/tutorial cara membuat blog di blogspot (blogger.com) :

1. Kunjungi Link blogger.com, masukkan email gmail dan passwordnya

cara membuat blog di blogger 12. Kemudian setelah masuk, klik Lanjutkan ke blogger

cara membuat blog di blogger 23. Kemudian klik ” Blog Baru ”

cara membuat blog di blogger 3maka akan tampil seperti ini

cara membuat blog di blogger 4isi judul blog yang anda buat, kemudian masukkan alamat blog yang anda inginkan. apabila berwarna biru berarti alamat blog yang anda inginkan belum dipakai orang lain. Kemudian pada bagian bawah, pilih template atau tampilan blog anda sesuai selera dan kemudian silakan klik buat blog.

Cara mengisi artikel atau tulisan di blog, Klik Entri Baru sesuai gambar di bawah ini

cara membuat blog di blogger 5Maka akan tampil seperti ini

cara membuat blog di blogger 6Pada No. 1 yang ditunjuk panah diisi dengan judul artikel atau tulisan anda

Pada No. 2 diisi dengan artikel anda, setelah selesai klik Publikasikan.

 

Demikian artikel tentang ” Panduan Membuat Blog di blogspot terlengkap dengan gambar ” semoga bermanfaat bagi pembaca sekalian.membuat blog gratis