Education for all

Media Pembelajaran Bahasa Inggris SMP Kelas VIII

noreply@blogger.com (Teacher's Message) — Fri, 15 Feb 2019 20:08:00 +0000

Iseng iseng mengisi waktu luang belajar membuat Media Pembelajaran Bahasa Inggris, namanya juga iseng iseng maka hasilnyapun tidak bagus, ya maklumlah ya kawan guru....saya belajar ini tidak ada yang meuntun jadinya pon masih terkesan acak acakan belum bisa rapi, tapi nggak papalah minimal dah belajar berkreasi, screen shoot nya seperti ini kalau mau didownload ya silahkan, tapi maaf hasilnya tidak sebagus punya guru yang profesional

bagi yang berminat silahkan download DISINI, gitu aja....

Galau blog anda ditolak Google Adsense, inilah jawabanya

noreply@blogger.com (Teacher's Message) — Tue, 04 Aug 2015 18:20:00 +0000

Google Adsense (GA) merupakan salah satu cara mendapatkan uang dari internet. Selain berpotensi meraup banyak uang, blog yang dimonetisasi dengan cara ini laku keras saat dijual di Flippa. Sayangnya, tidak semua orang disetujui sebagai penayang (publisher) GA. Alasannya beragam mulai dari blog yang belum mematuhi kebijakan webmaster, navigasi tidak jelas sampai konten yang kurang.

Hal yang sama terjadi pada saya. Walaupun saya sudah tiga kali memiliki akun GA atas nama saya, ibu saya, dan bapak saya (semuanya di-banned), faktanya saya ditolak sampai tiga kali saat daftar GA atas nama teman saya.

Saya lantas mengubah strategi dengan mendaftarkan blog lain. Alhmadulilah, blog tersebut disetujui GA (lihat buktinya pada gambar di bawah ini).

Terlepas dari itu, jika Anda ingin menjadi penanyang GA, ikuti tips-tips berikut ini:

1. Buat blog yang berisi tips atau how to

Saya pertama kali mendapat akun GA saat mendaftarkan paperwritingtips.com. Blog yang sekarang sudah tidak aktif tersebut berisi artikel berjenis tips dan bagaimana (how to) menulis skripsi yang baik. Yang mengejutkan, blog tersebut disetujui dalam waktu 24 jam.

Teringat hal tersebut, saya menyeleksi 10 blog berbahasa Inggris yang saya buat September 2014 lalu. Pilihan saya jatuh pada satu blog bertopik terapi yang berisi 11 artikel berjenis tips dan how to.

Saya mendaftarkan blog tersebut ke GA pada pukul 16:00 WITA, 21 Desember 2014. Empat hari kemudian blog tersebut disetujui. Saya lupa jam pastinya karena iklan GA sudah muncul ketika saya mengunjungi blog tersebut pada 24 Desember 2014 pukul 11 malam WITA (padahal jam 17:30 WITA iklan tersebut belum muncul).

Berkaca pada hal di atas, Anda sebaiknya membuat artikel berjenis tips dan how to jika ingin blog Anda disetujui sebagai penayang GA. Jenis artikel ini tidak sulit dibuat karena merupakan salah satu artikel pilar.

Sebagai gambaran, bila topik blog Anda adalah car, maka artikel yang bisa Anda buat antara lain:

How to Inspect a Car Engine
10 Tips to Get Car Loan with Bad Credit
How to Avoid Car Scams When You Buy a Used Car Online
…dan seterusnya.

2. Jumlah artikel minimal 10

Jumlah artikel yang harus ada di blog saat didaftarakan ke GA masih belum jelas. Ada yang bilang minmal 10, 20, dan seterusnya. Namun, saya punya pengalaman menarik saat sebuah blog berisi 5 artikel disetujui juga oleh GA. Itu terjadi saat saya mendaftar atas nama nama ibu saya pada pertengahan Desember tahun lalu.

Terlepas dari itu, Anda sebaiknya memublikasikan minimal 10 artikel (masing-masing minimal 400 kata). Jika kurang, ada kemungkinan blog Anda masuk kategori less content sehingga ditolak GA.

3. Buat artikel yang 100% lolos CopyScape

Sekarang ini bukan eranya copy paste (copas). Selain melanggar hak cipta orang, artikel copas kemungkinan akan susah masuk Top 10 Google. Oleh karena itu, Anda harus membuat artikel yang 100% lolos CopyScape.

Jangan khawatir jika Anda tidak bisa menulis dalam bahasa Inggris. Anda bisa memesan artikel di jasa penulisan artikel lokal atau luar negeri. Bagi Anda yang tertarik memakai jasa penulisan artikel luar negeri, saya merekomendasikan iWriter.

Semua artikelnya sudah 100% lolos CopyScape saat dikirimkan ke Anda sehingga menghemat waktu karena Anda tidak perlu mengeceknya lagi di CopyScape.

4. Buat artikel dengan tata bahasa yang baik

Artikel Anda tidak cukup lolos 100% CopyScape, namun harus juga memiliki tata bahasa (grammar) yang baik. Mengapa? Karena seorang spesialis GA akan ditugaskan untuk meninjau blog Anda. Jika dia tidak mengerti maksud artikel Anda karena tata bahasanya tidak benar, maka dia akan merekomendasikan untuk menolak permohonan Anda sebagai penayang GA.

5. Buat navigasi blog yang sederhana dan jelas

Navigasi blog di sini bisa berupa internal link, menu header, artikel terkait, dan menu sidebar. Anda harus membuat semua navigasi tersebut secara sederhana dan jelas. Contohnya:

Warna link biru akan cocok dipadukan dengan latar belakang putih
Artikel terkait ditempatkan di bawah artikel
Menu header berisi hanya 4-6 item
Sidebar berisi postingan terkini, kategori, dan tombol sosial media

6. Tambahkan video yang relevan

Kepuasan pengunjung adalah tujuan yang harus Anda capai saat memublikasikan artikel. Oleh karena itu, tambahkan video yang relevan dengan topik yang Anda bahas. Anda bisa menggunakan video sendiri atau video orang lain dari YouTube.

Tidak semua artikel perlu ada videonya. Persentase keberadaannya bisa 30-50% dari total artikel Anda.

7. Buat logo blog

Salah satu faktor profesionalitas sebuah blog adalah logo. Oleh karena itu, blog Anda harus memiliki logo agar memiliki kesan profesional. Anda bisa memesan logo tersebut di Fiverr atau membuatnya sendiri dengan photoshop.

8. Buat halaman about yang informatif dan terpercaya

Blog Anda harus memiliki halaman About yang informatif dan terpercaya. Dalam pandangan saya, informatif berarti memuat informasi tentang tujuan pembuatan blog tersebut. Adapun terpercaya adalah menuliskan identitas pemilik blog tersebut. Ingat, identitas yang ada di halaman About harus sama dengan identitas yang didaftarkan ke GA.

9. Buat halaman Kontak, Privacy Policy, dan DMCA

Selain halaman About, Anda harus juga membuat halaman Kontak, Privacy Policy, dan DMCA. Halaman kontak akan memudahkan pengunjung menghubungi Anda jika mereka punya pertanyaan yang hendak mereka tanyakan. Halaman Privacy Policy menyatakan bahwa Anda menghargai privasi pengunjung blog Anda. Adapun halaman DMCA adalah pernyataan bahwa blog Anda tidak melanggar hak cipta orang lain.

Referensi:

Contoh Privacy Policy untuk Pengguna Adsense
Contoh DMCA Notice

10. Umur blog lebih dari 3 Bulan

Seperti halnya jumlah artikel, umur blog yang didaftarkan ke GA masih belum ada patokannya (kecuali blog India yang harus berusia minimal 6 bulan). Meskipun demikian, dari pengalaman saya dan beberapa blogger lain, usia 3 bulan merupakan usia ideal.

Mengapa? Karena dalam 3 bulan Anda bisa memublikasikan banyak artikel sehingga blog Anda terindeks sempurna dan memiliki pengunjung dari mesin pencari.

Kesimpulan

Setiap orang yang disetujui sebagai penayang GA memiliki cara-cara sendiri. Oleh karena itu, apa yang saya paparkan di atas bersifat subjektif. Namun, jika Anda mempraktikkannya dalam blog berbahasa Inggris maupun blog berbahasa Indonesia, saya optimistis peluang Anda diterima sebagai penanyang GA semakin besar.

Cara Membuat Read More dan Nama Author di atas Posting

noreply@blogger.com (Teacher's Message) — Tue, 04 Aug 2015 17:04:00 +0000

kali ini Education for all nggak akan posting pakai kode CSS segala. Education for all akan posting yang simple-simple saja. Education for all hanya akan pakai sederet xHTML yang bisa langsung di simpan di bagian body. Sederhana, cepat, gampang dan hasilnya... Hmmmmm. Tapi tidak menutup kemungkinan, lhoh ... Jika sampeyan mau, buat saja menggunakan kode CSS, kemudian padukan dengan CSS3. Pasti akan jauh lebih josh!

Buat Read More di atas Posting plus read more lama tetap dipakai

Login ke blogger : Gunakan User Name (Nama Pengguna) atau Email Address dan Password (Sandi). Setelah semua tertulis dengan benar, klik "Login".
Dasboard/Dasbor : Cari dan KLIK link "Design/Rancangan".
Design/Rancangan : Cari dan klik "Edit HTML".
Edit HTML-1 : KLIK "Download Template Lengkap" untuk melakukan "back-up" templates. Tunggu beberapa saat kemudian simpan file template di folder PC.
KLIK "Expand Widget Templates".
Tetap di Edit HTMl, kemudian Cari kode <div class='post-body entry-content'>. Gunakan Ctrl+F untuk memudahkan pencarian kode!
Copy-Paste : Copy dan ganti kode di atas dengan kode HTMl di bawah.
SAVE Templates/Simpan Template : KLIK SAVE Templates dan lanjutkan dengan membuat posting menggunakan read more.
Buka hasilnya di halaman utama untuk mengetahui tampilan read more baru sampeyan!

<div class='post-body entry-content'>
<div style='border-bottom:1px dotted #444;margin-bottom:10px;padding:1px 0;height:25px;text-shadow:1px 1px 1px #000;'>
<span style='font-style:italic;color:yellow;'>posted by: <span style='color:blue;'>gubhug reyot</span></span>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link' style='float:right;'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title' style='text-decoration:none;'>
<span style='font-family:Cataneo BT;font-weight:normal;font-size:16px;padding-right:20px; background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/blueloop.gif) right center no-repeat;'>Read More ....</span>
<!-- <data:post.jumpText/> -->
                </a>
      </div>
    </b:if>
</div>
<div style='clear:both;'/>

Buat Read More di atas Posting - Read More Lama di hilangkan

Caranya sama dengan cara di atas. Kode HTML dan penempatan kode juga sama, tetapi tolong cari dan hapus kode HTML yang seperti terlihat di bawah ini! Kode di bawah adalah kode read more lama yang selama ini di gunakan.

<b:if cond='data:post.hasJumpLink'>
     <div class='jump-link'>
         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
             <data:post.jumpText/>
         </a>
     </div>
</b:if>

Untuk memudahkan dalam mencari kode di atas, cari dulu satu kode misalnya :

<data:post.jumpText/>

Setelah ditemukan maka di atas dan di bawahnya akan terlihat seluruh kode yang dimaksud di atas.

inilah jawaban google adsense setelah iklan saya di disable..wk..wk..

noreply@blogger.com (Teacher's Message) — Wed, 29 Jul 2015 13:22:00 +0000

Hello,

You contacted us via the Invalid activity appeal form which is available for AdSense or AdMob publishers whose accounts have been disabled for invalid activity. However, we've noticed that your account has not been disabled for invalid activity, so we can't take any further actions based on your request.

Please take note of the following:

If your account has been suspended, please note that there is no appeal form for suspended accounts. Please visit our AdSense suspended account or AdMob suspended account articles for additional information.
If your AdSense application was disapproved, please see the disapproval email we sent you and review common application disapproval reasons for additional information.
If your account is active and you've received a notification about invalid clicks or impressions on your ads, please visit our Help Centre to learn more about preventing invalid activity.

Regarding policy violations:

If your account has been disabled for policy reasons, please review the AdSense account disabled for policy reasons article and appeal via the Policy violation appeal form.
If your site has been disabled for policy reasons, please review the Ad serving was disabled to your website article and appeal via the Policy violation appeal form.
If your app has been disabled for policy reasons, please review the AdMob policy violations article and appeal via the AdMob policy appeal form for apps. If you have multiple apps in which ad serving was disabled, complete one form per app.

If none of the above apply to you and you are certain that your account has been disabled for invalid activity (and not for policy reasons), please provide us with your publisher ID to investigate further. Partners working with us though one of our API programmes (Blogger, YouTube, etc.) should submit their own publisher ID and not that of the API partner.

For further assistance, visit these following resources:

Download template keren

noreply@blogger.com (Teacher's Message) — Sat, 02 May 2015 06:48:00 +0000

Halo sobat blogger mania, dah lama nih nggak posting, untuk postingan kali ini EFA akan posting artikel tentang Download template keren, langsung aja lihat screenshot dan demonya. jika secren shotnya kurang besar arahkan kursor pada gambar, oke langsung aja disimak D E M O

D O W N L O A D
D E M O
D O W N L O A D
D E M O
D O W N L O A D
D E M O
D O W N L O A D
D E M O
D O W N L O A D

Download Soal CPNS Terbaru 2014 | Soal CPNS

noreply@blogger.com (Teacher's Message) — Sat, 26 Apr 2014 17:29:00 +0000

Halo sobat blogger mania, dah lama nih nggak posting, untuk postingan kali ini EFA akan posting artikel tentang Download Soal CPNS Terbaru 2014 | Soal CPNS, Karena menurut informasinya ditahun 2014 ini pemerintah akan membuka lagi formasi CPNS besar besaran, nah apakah anda sudah mempersiapkan diri anda untuk berkompetisi, jika belum maka anda perlu menyimak hal hal berikut.. Informasi berikut hanya untuk anda yang ingin menembus ujian CPNS dengan usaha jujur dan menggunakan metode baru yang lebih baik . Berpikirlah sesuai logika, semua itu butuh usaha dan kerja keras dalam mencapai tujuan, saya akan tunjukan pada anda cara yang lebih baik dari biasanya. Yaitu Belajar MELALUI LATIHAN SOAL-SOAL CPNS, mempersiapkan diri Anda untuk siap menempuh ujian. Saya ingatkan disini bahwa tidak ada cara instant menjadi PNS, belajar kemudian ikutilah ujian seleksi CPNS dan menjadi abdi negara yang jujur. Persaingannya memang ketat, bayangkan Lowongan CPNS yang hanya diperuntukan oleh puluhan orang tetapi di lamar oleh ratusan bahkan ribuan orang . Tetapi tahukan anda bahwa ternyata kesempatan untuk jadi PNS justru tetap besar. Kenapa demikian? karena kenyataannya adalah 85% orang yang mendaftar menjadi CPNS tidak dibekali persiapan yang matang. Nah bagi sobat blogger mania yang memang ingin berkompetisi silahkan download disini, nih dia link downloadnya

D O W N L O A D
Demikian sobat blogger semoga anda sukses...dalam meraih mimpi anda....

My Template Collection

noreply@blogger.com (Teacher's Message) — Sun, 26 May 2013 07:47:00 +0000

Hello, sobat blogger mania, salam jumpa untuk postingan kali ini Education For all akan posting template, yaitu my template collection. Template template ini EFA gunakan untuk latihan memodifikasi template bergaya blogazine, katanya sih begitu EFA sendiri juga belum paham yang namanya template blogazine itu seperti apa, hanya sekedar mengikuti arus para sobat blogaziner yang memang sudah lama mengenal blogazine. kalau EFA sendiri baru belajar., Nah dan dibawah ini adalah contoh contoh template blogazine amburadul EFA.

D E M O

D E M O Ok, Sobat blogger mania itulah sementara yang bisa EFA posting mudah mudahan bisa sedikit mengimpirasi kita,...

JADWAL TES HONORER K2 | JULI 2013

noreply@blogger.com (Teacher's Message) — Sun, 10 Feb 2013 16:27:00 +0000

Tenaga honorer K-2 jadi CPNS segera diproses. Menteri PAN-RB telah menetapkan jadwal tes pada Juli, formasi penempatan Agustus, dan SK CPNS direncanakan diterbitkan Januari 2014.

Berikut rencana proses pengangkatan honorer K2 jadi CPNS

Februari 2013

Penyampaian listing data tenaga honorer kepada instansi untuk dilakukan pengumuman (uji publik) selama 21 hari melalui media koran lokal dan media online (website BKN) BKN /Kanreg BKN
Penyampaian laporan hasil uji publik oleh instansi kepada Men.PAN&RB / BKN
Sosialisasi rencana seleksi tenaga honorer K II secara nasional

Maret 2013

Penerimaan dan penyelesaian pengaduan dalam masa sanggah setelah uji public
Penyusunan dan penetapan kebijakan pengadaan CPNS tahun 2013 oleh MenPAN&RB
Penyusunan juknis pengadaan CPNS tahun 2013 oleh BKN

April 2013

Penyusunan nominatif TH Kategori II yang tidak ada masalah
Keputusan kepastian jumlah TH Kategori II per instansi oleh BKN
Pembuatan formulir pendaftaran dan tanda pengenal peserta ujian oleh instansi
Pembuatan buku petunjuk/tata tertib ujian

Juni 2013

Pembuatan master soal ujian kompetensi bidang/teknis oleh instansi pembina jabatan fungsional
Penyampaian master soal (encrypt) dan formulir LJK ujian kompetensi dasar oleh Konsorsium kepada Panselnas dan disimpan bersama ke brankas BRI disaksikan oleh Karo Humas/Inspektur KemPAN-RB

Juli 2013

Penentuan jadwal dan tempat pelaksanaan ujian kompetensi dasar dan kompetensi bidang oleh Instansi dan Panselnas
Penyerahan master soal, formulir LJK ujian kompetensi dasar kepada instansi untuk digandakan dan didistribusikan ke lokasi tes
Pelaksanaan ujian tertulis kompetensi dasar dan kompetensi bidang
Penentuan kelulusan ujian kompetensi dasar sesuai dengan passing grade dan kompetensi bidang dan batas waktu penyampaian berkas

Agustus 2013
Penetapan formasi dan penempatan tenaga honorer kategori II per instansi secara nasional berdasarkan pertimbangan Kepala BKN

Desember 2013
Proses penetapan NIP TH kategori II

Januari 2014
Penetapan SK CPNS oleh instansi

Unduhan

Tabel jadwal proses pengkatan TH K-2

Maaf Tidak pernah update artikel

noreply@blogger.com (Teacher's Message) — Wed, 03 Oct 2012 04:34:00 +0000

Mohon maaf kepada tamu education for all, smentara kami tidak up date artikel karena sedang mempelajari blogazine alias unique post

Daftar Nama Peserta UKG Kabupaten Lampung Timur Jenjang SMP

noreply@blogger.com (Teacher's Message) — Tue, 24 Jul 2012 19:46:00 +0000

Halo, sahabat guru kabupaten lampung timur, untuk postingan kali ini Education For All, akan sharing tentang Daftar Nama Peserta UKG Kabupaten Lampung Timur Jenjang SMP, bukan hanya jenjang smp saja tetapi semua jenjang dari TK sampai SLTA, tapi EFA hanya akan memberikan linknya, sahabat guru silahkan cari sendiri gampang kok, Yang paling penting bukan daftar namanya tetapi tempat dimana sahabat guru akan melaksanakan test UKG, Untuk jenjang SLTP silahkan sahabat guru klik pada link link dibawah ini tetapi tidak lengkap.

=> Halaman 1 silahkan klik DISINI

=> Halaman 2 silahkan klik DISINI

=> Halaman 3 silahkan klik DISINI

=> Halaman 4 silahkan klik DISINI

Nah, apabila nama sahabat guru belum tercantum silahkan sahabat guru klik pada link dibawah ini.

http://bpsdmpk.kemdikbud.go.id/ukguru/index.php?pg=peserta

Bila sahabat guru ingin latihan mengerjakan soal soal UKG secara online silahkan kunjungi link dibawah ini. Agar nantinya sahabat guru tidak bingung lagi pas hari H wk..wk..wk..

http://ukgonline.com/

Demikian yang bisa EFA share semoga bermanfaat, Selamat mencoba dan selamat berjuang,...

BRAVO GURU LAMPUNG TIMUR

Download Template Karya Blogaziner Indonesia

noreply@blogger.com (Teacher's Message) — Fri, 20 Jul 2012 20:13:00 +0000

Hello, sobat blogger mania dah lama nggak posting, soalnya EFA lagi coba coba belajar blogazine, dan hasilnyapun belum ada. blogazine benar benar susah. Awal mulanya ane tidak tertarik sama sekali dengan blogazine, tapi setelah EFA browsing dari satu pemilik blogazine ke blogazine yang lainya EFA jadi terkesima dan ingin mencoba membuatnya. tapi susah hasilnya masih nihil alias acak acakan. Nah kalau sobat blogger mania mau lihat silahkan klik DISINI Oh ya template ini aku dapat dari salah satu pemilik blogazine aku lupa siapa tuh namanya. tampilan aslinya bukan seperti ini, tapi karena EFA suka warna hitam jadi EFA rubah deh warnya jadi dark. Ohya ini screen shotnya. kalau kurang jelas arahkan kursor sobat blogger mania pada gambar

DOWNLOAD

Oh ya bila sobat blogger mania berminat untuk memakai template ini si pembuatnya melarang sobat blogger mania untuk menghapus credit footernya. Demikian saja semoga bermanfaat......

Cara Mengganti Background Kategory dengan Background Animasi

noreply@blogger.com (Teacher's Message) — Mon, 25 Jun 2012 17:58:00 +0000

Hello, Sobat blogger mania, menanggapi pertanyaan dari salah satu sahabat pembaca blog education for all, yang telah membaca artikel tentang cara membuat label, dan memberikan komen diblog education for all, dia komen seperti ini " Kok nggak sama seperti gambar diatas ya...mas begitu kira kira komenya" ,bertolak dari komen tersebut maka pada postingan kali ini EFA akan posting artikel tentang Cara Mengganti Background Kategory dengan Background Animasi. Hal ini sangat mudah dibuat diblog sobat blogger mania, Nah apa bila sobat blogger mania pemula yang masih seperti EFA ini ingin menerapkanya coba saja ikuti langkah langkah berikut ini:

Cara membuat dan memasang kategori dengan background animasi :

D E M O : Arahkan mata sobat blogger mania ke kanan-atas blog ini pada kategori. Itulah live D E M Onya
Login : Login to BloGGer (Login ke BloGGeR).
Dasboard (Dasbor) : KLIK link "Layout (Tata Letak)".
Layot (Tata letak) (Dasbor) : KLIK link "Edit HTML".
CSS code (Kode CSS) : Cari kode "]]></b:skin> (di atas tag <head>. Gunakan Ctrl +F untuk mencari kode tersebut. .
Copy Paste : copy dan simpan kode css berikut dan letakkan di atas kode ]]></b:skin>
SAVE Template (Simpan Template) : KLIK SAVE Template (Simpan Template).

CSS Code (KODE CSS) :

#Label1 h2{color:transparent;
        background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/efaanimacategories.gif) no-repeat 10px 50%;}
#Label1 .widget-content li{list-style:none;padding-left:40px;
        background:url(http://i1128.photobucket.com/albums/m493/wonglampung1/efaArrow_animacategories.gif) no-repeat 0 6px;}

NOTE :

Agar Memasangnya Mudah:

Bagi sobat Blogger mania yang mempunyai widget label lebih dari satu, sebaiknya dihapus dulu semua. Setelah hapus lakukan penambahan widget label yang dari blogger, baru kemudian pasang kode css tadi.

Untuk sobat blogger yang hanya mempunyai satu widget label kepunyaan blogspot (seperti punya Education For All yang sudah terpasang animasi di atas), silahkan langsung lakukan prosedur yang sudah tersedia di atas.

Semoga Bermanfaat...........

About The Author

noreply@blogger.com (Teacher's Message) — Mon, 25 Jun 2012 08:45:00 +0000

Fajar Mardiyanto
Founder and author of Education For All's Blog

Fajar is an only villager who was born and grew up in a remote area. a human living on earth. he is a certificated teacher in International Design School in one of Lampung Provinces. He has great motivation and ambitions in life. he never gives up, things he likes to do, is caring poor students who are not able to continoe their study after graduating from their elementary school. as Goverment said that Indonesian children could finish their education at least nine years or equal to Junior Hight School.

In 2010/2011 Fajar M started Blogging, He learned by himself, He realized that knowledge must be shared with others that's why he named his Blog Education For All. He uses his blog not only for sharing about tutorial, blogger, template,modification, tips, trik, tricks, otomotif, widget, seo, spam,rpp,ktsp,download,perangkat,silabus, template polesan efa but also for announcing his students marks, and also assigments. Althought his blog is not so famous among others indonesian's blogger but at least it has morethan one hundred visitors a day. because his blog cover anything including teachers need like silabus, RPP, and KTSP. beside students need like SOAL SNMPTN, Latihan TOEFL and etc.

Another blog that can visitors visit from Education For All's Blog are, Berbagi untuk Anak Negeri, Healthy Life Style and Template Modification visitor can visit them to find another tips and trick blogging

Fajar Mardiyanto's Advice to New Bloggers

" When you intend to do something innovative in life, people will tell you that you can not do it but when you prove that you can, the same person would ask you: How you did it? So don't give up and keep blogging humbly.

Blogging requires a little hard work but a lot of patience. It lets you to communicate with a multicultural online world of 2.2 Billion people, each of them is eager to find out, what have you got to share. So respect this opportunity and work hard with sincerity. Blog only to spread knowledge and love. Treat everyone with kindness and equity. Treat everyone as a friend and help him the best you can. Give more value to Quality content, respect Copyrights, your Readers and hate Blogging for money alone. I am blogging since three years but I still feel like a newbie and this is what that keeps me pushing to do more.

Please remember to be thankful to GOD Almighty for gifting you with the ability to read and write. Everyone of you is a born genius, you just need to recognize your God gifted potentials. Wishing you all a happing Blogging career. Stay blessed and be happy always. Peace and blessings be upon you all. "

Cara Memasang Recommended Post Slide out diBlogger

noreply@blogger.com (Teacher's Message) — Sat, 23 Jun 2012 09:44:00 +0000

Keep the visitors atau readers diblog kita untuk tetap berlama lama diblog kita bukanlah suatu pekerjaan yang mudah, tetapi hal itulah yang diharapkan oleh semua pemilik blog tak terkecuali, termasuk pemilik blog Education For All sendiri. Oleh sebab itu education for all akan sharing dengan sobat blogger mania tentang Cara Memasang Recommended Post Slide out diBlogger. Ini adalah semacam invitation kepada reader untuk tetap berada diblog kita dan mau membaca artikel artikel kita. sobat blogger mania mungkin sudah banyak melihat widget widget semacam ini di website website terkenal seperti New York Times, Mashable, Times of India etc.

Education for all, mencoba untuk membuat modifikasi snippet sehingga loadingnya singkron tanpa mempengaruhi loading page. Slide out ini akan menunjukan random posts dari blog sobat blogger mania. Random posts diproses dariBlog sobat blogger mania menggunakan Feed Ajax. Bila sobat blogger mania berminat untuk memasangnya diblog sobat ikuti langkah langkah berikut ini, tapi sebelumya coba lihat demo

D E M O

Cara Memasang Recommended Post Slide Widget

Ada dua cara untuk memasang widget ini ke blog sobat blogger mania, Agar tidak terlalu ribet. Cara yang pertama Klik installer. Silahkan klik pada gambar dibawah ini, secara otomatis sobat blogger mania akan dibawa kehalam import

Customizing the Recommended Slide out

1. End Of Post marker – Slide comes out ini akan muncul dipojok bawah kanan halaman blog sobat blogger mania. Jadi akan terlihat ketika Reader sobat blogger mania menyekrol kebawh.

Cara yang kedua ikuti langkah langkah berikut ini:

=> Login ke Blogger
=> Klik Design/Rancangan
=> Klik Add gadget kemudian Scroll kebawah dan pilih HTML/Javascript. Lalu pastekan kode ini didamnya

Pastekan kode ini dihalaman HTML/Javascript

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://fajar7siblings.googlecode.com/files/fajar-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9SjR3I3FQljdkwnWOtTHeOvu7eTjljMQEo6MZ0nWnzjffz44NaGR-8MqVtVFPST7MdEgye_fF7UAv9pbp7x_2OFiRx75AZzLvAFjpFrGFFjCzjEEeBttLMxzPJk8NuE8H8bxyNTjRGk/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

Terakhir dan paling utama SAVE

Selesai.......Semoga bermanfaat...

Meta Tag Generator Tool untuk Blogger

noreply@blogger.com (Teacher's Message) — Wed, 20 Jun 2012 19:13:00 +0000

Meta description and meta keywords adalah meta tag html yang paling populer yang masih direkomendasikan meskipun banyak argumen oleh beberapa ahli SEO. Hal pertama yang setiap blogger harus lakukan setelah membuat blog adalah dengan mengoptimalkan Templatenya dengan cara mengirimkan ke mesin pencari dan dengan menambahkan meta tag penting di dalam template. Untuk membuat pekerjaan sobat blogger mania mudah Education For All telah membuat sebuah Meta Tag Generator Alat sederhana di bawah ini yang akan membantu sobat blogger mania membuat tag penting dalam hitungan detik tanpa pengetahuan SEO yang dibutuhkan sama sekali!

Ikuti tips untuk menulis deskripsi blog terbaik dan untuk memilih kata kunci yang paling relevan untuk blog sobat blogger mania

Meta Description:

Deskripsikan blog sobat blogger mania maksimal 150 huruf. Sebagai contoh EFA telah memilih kata-kata berikut untuk menggambarkan blog sebuah Blog,

Blog tentang Blogger Tricks, Blogger Templates, Widgets, SEO, Bisnis Online, CSS and HTML Tricks dan lain lain.

Sobat blogger mania bisa memilih format yang sama untuk mendeskripsikan blog sobat blogger mania dengan kata kata yang paling relevan dengan blog sobat

Note:- EFA telah menyertakan meta description di dalam tag HTML yang dinamis untuk menghindari masalah duplikat konten. Bingung? Mari EFA jelaskan. Jika Meta description muncul untuk semua halaman di blog Sobat Blogger mania maka robot search engine akan berpikir bahwa semua halaman Sobat Blogger mania memiliki deskripsi yang sama. Karena robot menangani setiap halaman sebagai situs web yang terpisah karena itu blog Sobat Blogger mania bisa mendapatkan sanksi untuk menggunakan meta description yang sama berulang-ulang. Untuk menghindari hal ini EFA telah menambahkan dua potong kode sebelum dan sesudah meta description sehingga mungkin tampak robot di homepage saja. Berikut ini adalah dua kode ditambahkan ke alat ini secara default,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <META NAME="Description" CONTENT="Your Blog description">
    </b:if>

Meta Keywords:

Pilih kata kata yang menjelaskan topik inti dari blog sobat blogger mania. Kata kunci adalah kata yang ditargetkan lalu lintas yang mendefinisikan konten blog sobat blogger mania. Kebanyakan orang menggunakan puluhan kata kunci yang paling kompetitif tetapi melakukan hal ini adalah efek yang tidak perlu Pilih beberapa kata kunci tapi cerdas yang dapat mencerminkan keseluruhan isi blog sobat blogger mania. Cara terbaik adalah dengan menggunakan kata kunci yang mirip seperti yang digunakan oleh pesaing sobat blogger mania. sobat blogger mania dapat menekan Ctrl + U untuk membuka file sumber pesaing sobat blogger mania saat sobat blogger mania berada di blog-nya. Melalui file sumber sobat blogger mania dapat dengan mudah melihat apa kata kunci dan deskripsi pesaing sobat blogger mania.

Menulis maksimal tiga kata per kata kunci dan memisahkan setiap kata kunci menggunakan koma. Lihat kata kunci sebagai contoh,

Blogger tricks,blogger tips, SEO guide, Bisnis Online, blogger widgets, css html tricks

Meta Author:

Ini bukan tag yang sangat penting tapi tetap semua orang suka untuk melampirkan namanya ke website-nya jadi mengapa harus Anda tinggalkan! Cukup menulis nama lengkap sobat blogger mania dan hindari menggunakan nama panggilan atau simbol khusus.

Jika sobat blogger mania tidak ingin menambahkan nama sobat blogger mania maka kosongkan saja pada alat di bawah ini.

Meta Robot:

Kadang-kadang sobat blogger mania tidak ingin robot search engine untuk menjelajah dan indeks blog sobat blogger mania sehingga sobat blogger mania dapat menceritakan robot menggunakan No follow tag atau No index tag. jika sobat blogger mania tidak ingin pusing dengan hal ini maka kosongkan saja pada tool dibawah ini

Meta Tag Generator Tool

Demikian aja semoga bermanfaat.......

Cara Memasang Energy Saving Mode CSS3 dengan Kode CSS3

noreply@blogger.com (Teacher's Message) — Sun, 17 Jun 2012 07:58:00 +0000

Pada halaman posting yang ini Education For All, akan posting artikel tentang Cara Memasang Energy Saving Mode CSS3 dengan Kode CSS3.Energy Saving mode yang dibuat menggunakan css3 ini mempunyai kode sekaligus efek lebih sederhana, nah bila sobat blogger mania berminat untuk membuatnya silahkan ikuti saja langkah langkah dibawah ini, Energy saving barang kali perlu dipasang pada blog sobat blogger mania, untuk emlindungi blog sobat blogger mania dari panas dan hujan, termasuk badai dan ntusnami hee..he..he...selain itu mungkin juga bisa memperindah blog. Banyak sekali pertanyaan dari sobat blogger mania, berat nggak? loadingnya. dijamin tidak. Nah sebelum mempraktekanya alangkah lebih baiknya kalau melihat D E M O dibawah ini,

D E M O

Cara Memasang Energy Saving Mode CSS3

Login ke Blogger.
Halaman Dasbor/Dasboard : Klik "Rancangan/Design".
Klik "Edit HTML".
Lakukan Backup Template.
Cari Kode ]]></b:skin>
Copy kode CSS dibawah ini dan letakkan di atas ]]></b:skin>

Kode CSS

*, body .bgsEFA_esm{
      margin:0;
      padding:0;
}
body .bgsEFA_esm{
      position:fixed;
      width:98%;
      top:0;
      left:0; /* original code by: fajar7siblings.blogspot.com */
      height:97%;
      opacity:.99;
      filter:alpha(opacity=99);
      -ms-filter:alpha(opacity=99);
      background:#000;
      border:10px solid #666;
      border-bottom:30px solid #666;
      z-index:99999999;
      transition:all 6s ease-in-out 60s;
      -o-transition:all 6s ease-in-out 60s;
      -moz-transition:all 6s ease-in-out 60s;
      -webkit-transition:all 6s ease-in-out 60s;
      -ms-transition:all 6s ease-in-out 60s;
}
body:hover .bgsEFA_esm{
      border-color:#F00;
      background:#930;
      width:50%;
      height:3%;
      left:25%;
      top:40%; /* original code by: fajar7siblings.blogspot.com */
      transition:3.5s ease-out;
      -o-transition:3.5s ease-out;
      -moz-transition:3.5s ease-out;
      -webkit-transition:3.5s ease-out;
      -ms-transition:3.5s ease-out;
}
body:hover .bgsEFA_esm,body:hover .bgsEFA_esm p.esm1,body:hover .bgsEFA_esm p span.esm2,body:hover .bgsEFA_esm p span.esm3,body:hover .bgsEFA_esm .by_EFA{
      transition:3s;
      -o-transition:3s;
      -moz-transition:3s;
      -webkit-transition:3s;
      -ms-transition:3s;
      z-index:-10;
      opacity:.0;
      filter:alpha(opacity=0);
      -ms-filter:alpha(opacity=0);
}
body .bgsEFA_esm p.esm1{
      margin:0; /* original code by: efa */
      padding:0;
      width:92%;
      height:100%;
      background:transparent;
      font-size:100px;
      font-family:Serif,Times New Roman;
      color:#333;
      text-shadow:1px 1px 2px #ccc;
      position:relative;
      margin-top:200px;
      line-height:20px;
      font-weight:bold;
      text-align:center;
      display:block;
      margin-left:auto;
      margin-right:auto;
}
.bgsEFA_esm p span.esm2{
      font-size:18px;
      opacity:.5;
      filter:alpha(opacity=50);
      -ms-filter:alpha(opacity=50);
      display:block;
      text-align:center;
      margin:-10px auto;
      font-weight:normal;
      padding:2px 8px;
      background:#000;
      border:1px solid #333;
      color:#00f;
      text-shadow:none;
      font-family:Arial,Helvetica,sans-serif;
}
.bgsEFA_esm p span.esm3{
      color:#ccc;
      font-family:Tahoma,Arial,Helvetica;
      display:block;
      margin:10px auto;
      background:#111;
      background:-moz-linear-gradient(top,#111 0,#666 100%);
      background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(100%,#666));
      background:-webkit-linear-gradient(top,#111 0,#666 100%);
      background:-o-linear-gradient(top,#111 0,#666 100%);
      background:-ms-linear-gradient(top,#111 0,#666 100%);
      background:linear-gradient(top,#111 0,#666 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#666666',GradientType=0);
      opacity:.6;
      filter:alpha(opacity=60);
      -ms-filter:alpha(opacity=60);
      width:250px;
      text-shadow:1px 1px 1px #000;
      border:1px solid #333;
      border-radius:4px;
      padding:2px 10px;
      font-size:12px;
      font-weight:normal;
      line-height:16px;
}
.bgsEFA_esm .by_efa{
      margin-left:30px;
      text-align:left;
      color:#015828;
      font-size:12px;
      font-weight:normal;
      position:absolute;
      top:550px;
      width:100%;
      height:20px;
      left:0;
}
.bgsEFA_esm .by_efa span.esm4{
      color:#aaa;
      font-style:italic;
}

Selanjutnya cari kode seperti dibawah ini:

<body> , atau <body expr:class='"loading" + data:blog.mobileClass'>

Lalu coppy dan pastekan kode xHTML dibawah ini tepat dibawah kode diatas.

Kode xHTML

<div class='bgsEFA_esm'><p class='esm1'>E F A<br/><span class='esm2'>Energy Saving Friends</span><br/><br/><span class='esm3'>Visit http://fajar7siblings.blogspot.com!<br/>Kunjungi Link di atas untuk mengikuti tutorial menarik lainya!</span></p><div class='by_efa'>Copyright * june 2012 * <span class='esm4'>fajar7siblings.blogspot.com</span> - All rights reserved</div></div>

Untuk mengatur durasi waktu Energy Saving Mode lakukan perubahan nilai (60s) pada syntax body .bgsEFA_esm(kode paling atas!):

all 6s ease-in-out 60s;

nilai 60s; menciptakan durasi 60 detik energy saving secara rutin bekerja menutup layar dengan background hitam. Untuk merubah durasi menjadi 5 menit maka nilai menjadi 5x60 = 300s. Untuk durasi yang berbeda silahkan hitung sendiri.
Ganti Teks E F A yang ber-warna merah dengan nama blog anda atau teks lain.

Selamat Mencob Semoga Berhasil.........

Cara membuat Entry Atau Halaman Ucapan Selamat Datang Sebelum Masuk Blog

noreply@blogger.com (Teacher's Message) — Fri, 15 Jun 2012 12:39:00 +0000

Sebelum membaca lebih lanjut artkel ini sebaiknya arahkan kursor sobat blogger mania pada gambar dan klik DEMO yang ada dibawah Ok deh.. Pada postingan kali ini Education For All akan posting artikel tentang Cara Memasang entry atau welcome page sebelum masuk blog. Jadi para tamu blogger sobat harus klik "ENTER" sebelum masuk blog. hal ini tentunya akan lebih menarik, sebenarnya hampir sama dengan alert, tetapi yang ini lebih cool, dan menarik. nah bila sobat berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini:

Halaman Ucapan Selamat Datang Sebelum Masuk Blog ini, hanya muncul sekali dan akan menghilang jika tamu blogger sobat mania menekan "ENTER" dan masuk Blog untuk lebih jelasnya silahkan klik link demo ini

D E M O - 1 D E M O - 2

Kita tidak akan menambahkan widget di halaman page element. Kita akan menambahkanya dengan cara menambahkan kode dihalaman EDIT HTML template Blog Sobat Blogger Mania. dengan cara ini nantinya halaman Page Elemen akan secara otomatis bertambah dengan sendirinya. Yaitu terdapat dua widget tambahan. Widget pertama adalah TEXT widget, yang kita gunakan untuk memasukan pesan ucapan selamat datang dan sebagianya tergantung keinginan sobat. sedangkan yang satunya lagi yaitu HTML/JAVASCRIPT gadget untuk melakukan KODE yang akan ditransfer ke Text Gadget kehalaman ucapan selamat datang.

Cara Membuat Entry Atau Halaman Ucapan Selamat Datang Sebelum Masuk Blog

=> Login ke Blogger
=> Back Up Template
=> Dihalaman "Dashboard Klik Design/Rancangan => Klik Edit HTML
=> Cari Kode <body> Dihalaman template sobat blogger mania jika sobat blogger mania menggunakan Lay Out Template
=> Cari Kode <body expr:class='"loading" + data:blog.mobileClass'> jika sobat Blogger mania menggunakan Template Designer

Copy Code dibawah ini lalu pastekan setelah kode diatas/dibawahnya.

Kode :

<!-- Welcome page Start -->
<div id='welcome-wrapper'> 
<b:section class='welcome' id='welcome' showaddelement='no'> 
<b:widget id='Text88' locked='false' title='' type='Text'/> 
<b:widget id='HTML88' locked='false' title='' type='HTML'/> 
</b:section> 
</div>
<!-- Welcome page End -->

Selanjunya aadalah "Cara Menambahkan Isi Gadget"

=> Kembali lagi kehalaman Page Elemen, dan perhatikan pada gambar dibawah ini. Bila gambar kurang jelas arahkan kursor sobat blogger mania pada gambar

=> Klik edit pada text gadget dan masukan text ucapan selamat datang atau apa saja sesuai selera sobat
=> Selanjutnya proses HTML/Javascript Gadget (HTML88) pastekan kode dibawah ini didalam content box

Kode :

<!-- Welcome page Start (c) 2010 Education For All. Original code by http://fajar7siblings.blogspot.com/. Please do not remove this credit and the â��Get this widgetâ�� link at the bottom of the widget. -->
<!-- HTML part -->
<div style="padding-top:5px;">
<a id="EPEntryButton" onclick="document.getElementById(&quot;HTML88&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;Text88&quot;).style.display=&quot;none&quot;">KLIK ENTER MASUK BLOG</a>
</div>
<div id="EPGrab"><a href="http://fajar7siblings.blogspot.com/" target="_blank">Get this widget</a></div>
<div id="EPDarkLayer"></div>
<!-- CSS part -->
<style>
#welcome-wrapper{width:80%;margin:0 auto;height:0px;text-align:center;}
/* welcome message widget */
#Text88, #EPEntryButton, #EPGrab {position:relative;z-index:510;top:100px;}
#Text88 {:background:transparent;
font-size:40px;
font-family:Serif,Times New Roman;
color:lawngreen;
text-shadow:1px 1px 2px #ccc;
position:fix;
line-height:35px;
font-weight:bold;
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
background:-moz-linear-gradient(top,#111 0,#666 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(100%,#666));
background:-webkit-linear-gradient(top,#111 0,#666 100%);
background:-o-linear-gradient(top,#111 0,#666 100%);
background:-ms-linear-gradient(top,#111 0,#666 100%);
background:linear-gradient(top,#111 0,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#666666',GradientType=0);
opacity:.6;
filter:alpha(opacity=60);
-ms-filter:alpha(opacity=60);
;border:10px solid #666;
z-index:99999999;
transition:all 6s ease-in-out 60s;
-o-transition:all 6s ease-in-out 60s;
-moz-transition:all 6s ease-in-out 60s;
-webkit-transition:all 6s ease-in-out 60s;
-ms-transition:all 6s ease-in-out 60s;display:none;padding:15px;}
#HTML88 {z-index:499;display:none;}
/* DarkLayer div */
#EPDarkLayer {background:#000;
border:10px solid #666;
border-bottom:30px solid #666;
z-index:99999999;
transition:all 6s ease-in-out 60s;
-o-transition:all 6s ease-in-out 60s;
-moz-transition:all 6s ease-in-out 60s;
-webkit-transition:all 6s ease-in-out 60s;
-ms-transition:all 6s ease-in-out 60s;
opacity:.99;
filter:alpha(opacity=99);
-ms-filter:alpha(opacity=99);
top:0px;left:0px;/*bs-aewp*/z-index:500;
position:fixed;}
/* Entry button */
#EPEntryButton {background-color:lawngreen;border:solid 2px #fff;color:#333;cursor:pointer;font-size:25px;padding:5px;text-decoration:none;}
#EPGrab {color:white;padding-top:10px;}
</style>
<!--[if IE 6]>
<style>
#EPDarkLayer {position:absolute;}
</style>
<![endif]-->
<!-- Javascript part -->
<script type="text/javascript">
YourBlogUrl="http://smpmuhda.blogspot.com/"; //enter your blog url here
fromInternal=document.referrer.search(YourBlogUrl); //check come from where
getDarkLayer=document.getElementById("EPDarkLayer").style;
getText88=document.getElementById("Text88").style;
getHTML88=document.getElementById("HTML88").style;
if (fromInternal == -1)
{ //if visitor comes from external page
getDarkLayer.width=screen.availWidth+"px"; //set DarkLayer width
getDarkLayer.height=screen.availHeight*2+"px"; //set DarkLayer height
getHTML88.display="block"; //show DarkLayer
getText88.display="block"; //show message
}
else
{ //if visitor comes from internal page
getHTML88.display="none"; //hide HTML gadget
getText88.display="none"; //hide message
}
</script>
<!-- Welcome page End -->

Note:

=> Ganti URL http://smpmuhda.blogspot.com dengan URL Blog sobat Blogger mania
=> Width:80% bisa dirubah sesuai selera
=> opacity scale 0 sampai 1 filter alpha opacity scale 0 dari 100.

Untuk Bahan Percobaan Silahkan Coppy pastekan text dibawah ini di Add gadget text, Kalau OK silahkan dirubah sesuai Selera

Text percobaan :

<div class="widget-content">
<div style="text-align: center; font-size: 40px; color: rgb(51, 51, 51); text-shadow: 1px 1px 2px rgb(204, 204, 204);">Welcome to Blogger Berbagi Untuk Anak Negeri</div></div><div class="widget-content"><div style="text-align: justify;"><p style="font-variant: normal; text-align: justify; font-size: 20px; color: lawngreen;">Selamat Datang di Blog Berbagi Untuk Anak Negeri. Blog tentang berbagai tip-trik Blogging untuk Blogger pemula seperti BUAN. Silahkan nikmati artikel artikel di Blog ini. Bila Bermanfaat silahkan disebar luaskan. Jangan lupa Comment, Sebelum Meninggalkan Blog BERBAGI UNTUK ANAK NEGERI</p></div></div>

Selamat Mencoba Semoga Berhasil.

Source : Sumber : Modified By Fajarsvensiblings

Cara Memasang Follow By Email Pop Out Widget di Blogger / Blogspot

noreply@blogger.com (Teacher's Message) — Tue, 12 Jun 2012 14:39:00 +0000

Pada postingan kali ini Education For All akan posting artikel tentang Cara Memasang Follow By Email Pop Out Widget di Blogger / Blogspot. Static follow by Email Widget adalah Widget baru untuk blogger/blogspot. Widget ini sebenarnya adalah WordPress Plugin tetapi sekarang juga tersedia untuk blogger. Widget ini berdasarkan atas Jquiry widget dengan efek pop out. Sobat blogger mania akan mendapatkan lebih banyak pelanggan dengan widget ini. dan cara pemasangannyapun sangat mudah dan sederhana. Silahkan lihat demonya dengan mengeklik link demo dibawah ini:

Cara Memasang Follow By Email Pop Out Widget di Blogger / Blogspot

Login ke blogger.
KLIK "Design/Rancangan".
Setelah masuk di "Page Elements/Elemen Laman", klik "Edit HTML"

Karena widget ini berdasarkan atas jQuery plugin, Pertama yang harus sobat blogger mania lakukan adalah ,sobat blogger mania harus memasang kode Jquiry plugin dibawah ini ditemolate sobat blogger mania. Namun bila template sobat blogger mania sudah memiliki Jquiry plug in ini, sobat blogger mania tidak perlu memasangnya.

Pastekan Kode ini diatas </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Sobat blogger mania harus mengaktifkan dulu widget follow by email/ikuti leawat email dengan cara :

* Login ke blogger.
* KLIK "Design/Rancangan".
* Setelah masuk di "Page Elements/Elemen Laman", klik "Add a Gadget" (dan pilih follow by email/ikuti leawat email).bila telah selesai, kembali lagi kehalaman edit HTML kemudia cari kode </head> dan pastekan kode dibawah ini tepat diatasnya:

Pastekan Kode dibawah ini diatas </head>

<style type="text/css">
/*<![CDATA[*/
 .FollowByEmail {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
 .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
 .w2bfollowButton {background: #464646;color: #CCC;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
 .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwavIaNXf4rHqCxN7ICYDAUMWEDcSatBzyJndVJOcEuUdr1dZyz0iVjcTqoglDTenW808InKVSDTxJuyKFBjR4IvM2oeEY1zlYgFt4uB_JjNl7Eyaw6y30n2XZX_YGRT78wsATQ4vkN6R0/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
 .w2bfollowButton:hover,.followActive {color: #fff !important;}
 .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
 .followactive {background-color: #333;}
 .follow-by-email-inner {padding: 15px;}
 .FollowByEmail h2 {padding: 15px 15px 0;font-size: 18px;margin: 0 0 10px;font-weight: normal;}
 .follow-by-email-inner p {margin: 0 0 10px;}
 .follow-by-email-inner .follow-by-email-address {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
 .follow-by-email-inner form {text-align: center;}
 .follow-by-email-inner td{display: inline-block;width:100%;text-align:center;}
 .follow-by-email-inner .follow-by-email-address:focus {color: #000;border-color: #000;}
 .follow-by-email-inner .follow-by-email-submit {cursor: pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
 .follow-by-email-submit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
 .follow-by-email-submit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
 .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
 .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
 .w2bFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b(".FollowByEmail");followBox.prepend("<a class=\"w2bfollowButton\" href=\"#\"><span>Follow</span></a>");w2b("<p></p>",{class:"w2bFollowFooter",html:"<a href=\"http://feedburner.google.com\" target=\"_blank\">Delivered by FeedBurner</a>"}).appendTo(followBox.find(".follow-by-email-inner"));followBox.find("td:last").removeAttr("width");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").animate({bottom:followHeight},{duration:200,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").animate({bottom:"0"},{duration:400,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>

Terakhir dan yang paling utama Save Template...Selesai
Source: Sumber

Bila artikel ini bermanfaat silahkan disebar luaskan Bila Sobat menyukai artikel ini silahkan Klik LIKE

Cara Mudah Memasang Flash Animated Label Cloud Widget diBlogger

noreply@blogger.com (Teacher's Message) — Mon, 11 Jun 2012 10:35:00 +0000

Untuk halaman posting yang ini, Education For All akan sharing artikel tentang Cara Mudah Memasang Flash Animated Label Cloud Widget diBlogger seperti kita ketahui bahwasanya Flash Animated Label Cloud Widget ini sudah sangat terkenal atau popular bagi pengguna blogger ataupun Wordpress. Cara memasangnya pun sangat mudah dan tidak ribet karena kita tidak perlu masuk kehalaman edit HTML, Nah bila sobat blogger mania berminat untuk memasangnya silahkan saja ikuti langkah langkah berikut ini. Nah untuk demonya sobat blogger mania bisa lihat dihalaman sidebar EFA yang sebelah kanan itu. Nah langsung saja ke pokok permasalahan kita,

CARA MEMASANG FLASH ANIMATED LABEL CLOUD DIBLOG

Step I, Loggin ke Blogger dan secara otomatis sobat blogger mania akan dibawa kehalaman DASHBOARD

Step II, Klik RANCANGAN/DESIGN

Step III, Pilih Add Gadget, Setelah halaman terbuka scroll kebawah dan pilih EDIT HTML javascript, Lalu pastekan script dibawah ini dan SAVE TEMPLATE

Kode :

<div class="bgsGR_CommBox-cumulus">
<div class="menuTitle"></div>
<div class="box4" style="background:#222; width:323px;border:8px solid #333;margin:20px 4px 20px 4px;">
<div class="box3" style="background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbort12ChTKg-B2KthnNumBkq6Z1piIfCi4SVsGSIVGSkQEgrSIz4QfiZP8TO0ENnTIEEFpKqzitU06mUUrKDIUeGH7-CZfp19yjapDhDkuLt6burbWNbKjG5IMoO0REI99OpkzhR7z30/s400/AA0Tagcloud.png) center repeat-x;border:3px solid #555;width:317px;">
<div class="box2" style="background:transparent;width:311px;border:3px solid #777;"> 
<div class="box1" style="background:#999; width:295px; background:transparent url(none) center no-repeat;border:3px solid #999;padding:0  5px">

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://fajar7siblings.blogspot.com",
    color          : "0000FF",
    hoverColor     : "FFFF00",
    backgroundColor: "F5A9F2",
    size           : 12,
    speed          : 100,
    width          : 292,
    height         : 200,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

</div>

CATATAN PENTING:

Ganti Alamat URL yang berwarna MERAH dengan alamat URL Blog sobat.
Silahkan atur ketinggian dan lebarnya 292 dan 200
Selesai, Semoga bermanfaat... Bila artikel ini bermanfaat silahkan disebar luaskan

Source: Sumber

Cara Membuat Slide Open Heart Bookmarking Gadget di Blogspot

noreply@blogger.com (Teacher's Message) — Sun, 10 Jun 2012 15:01:00 +0000

Hello, Sobat blogger mania pada postingan kali ini EFA akan posting artikel tentang Cara Membuat Slide Open Heart Bookmarking Gadget di Blogger.Gadget yang dimaksud adalah logo cinta hati hal ini tentunya akan terlihat awesome dan efek slidenya sangat dingin dan practis.apa bila logo cinta hati tersentuh mouse maka akan muncul ikon untuk Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email dan Berbagai dan hal ini tentunya akan menarik perhatian pengunjung dan menghasilkan banyak lagi shares.Jadi dalam tutorial ini lah yang akan kita bahas.

D E M O

jika sobat berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini:
Step 1. Login ke Blogger dan otomatis sobat akan dibawa kehalaman "dashboard " lanjutkan Klick 'Design/Rancangan > 'Lanjutkan dngan Klik "Edit HTML" Kemudian cari kode dengan cara tekan CTRL + F kemudian ketik </head>
Step 2. Copy and Pastekan kode berikut tepat diatas </head>

Kode :

<!-- Start Heart Bookmarking Gadget Code From http://fajar7siblings.blogspot.com / -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://fajar7siblings.blogspot.com / -->

Step 3. Masih dihalaman edit HTML cari kode </body> Copy And Pastekan kode dibawah ini tepat diatas </body>

Kode :

<!-- Start Heart Share Code From http://fajar7siblings.blogspot.com / -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://fajar7siblings.blogspot.com /">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://fajar7siblings.blogspot.com / -->

Step 5 Save Template.

Catatan: Gadget berada dipojok bawah bagian bawah blog sobat tapi sobat juga bisa menggantinya sesuai selera sobat dengan cara merubah bottom: 2%; left: 2%;.pokonya diutakatik aja. bagian itu.

Semoga Bermanfaat, Bila artikel ini bermanfaat silahkan disebar luaskan

Download Kalender Pendidikan 2012/2013 Lengkap dengan Analisis Hari dan pekan Efektif

noreply@blogger.com (Teacher's Message) — Sun, 10 Jun 2012 09:53:00 +0000

Dalam menyambut tahun ajaran baru para pahlawan tanpa tanda jasa pasti disibukan dengan perangkat pembelajaran, dalam menyusun perangkat pembelajaran para pahlawan ini tentu tidak bisa dipisahkan dengan yang namanya kalender pendidikan bserta dengan banyaknya hari efektif, pekan efektif dan juga analisisnya. untuk itu Education For All akan sharing tentang Kalender Pendidikan Lengkap dengan Analisis Hari dan pekan Efektif. Namun dari pada itu tentunya kalender dan analisis ini tidak sama dengan daerah dimana para pahlawan mengabdi, oleh sebab itu setelah didownload silahkan di update sesuai kebutuhan. Nah untuk melihat image previewnya silahkan arahkan kursor pada gambar yang ada disebelah kanan atas, bila benar benar dah cocok silahkan didownload melalui link link dibawah ini.

==> Download Kalender pendidikan 2012/2013 silahkan klik DISINI

==> Download Perhitungan Banyaknya pekan Tahun Pelajaran 2012/2013 klik DISINI

==> Download analisis Banyaknya Hari efektif Tahun Pelajaran 2012/2013 klik DISINI

==> Download Pekan efektif dan tidak efektif Tahun Pelajaran 2012/2013 klik DISINI

Untuk Mendownload silabus RPP KTSP SMP silahkan klik DISINI

Untuk SD silahkan Klik DISINI

Demikian semoga bermanfaat dan sedikit membantu

Cara meringankan blog dengan jQuery Lazy Load

noreply@blogger.com (Teacher's Message) — Tue, 22 May 2012 12:43:00 +0000

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading untuk image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image setelah page yang di scroll akan terbuka dengan menggunakan efek jQuery Lazy Load.

D E M O

Lazy Load membantu meringankan blog dengan mengurangi tempomasa proses loading page pada sebuah blog terutama pada blog yang banyak memuat image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Login Blogger Dashboard
Klik Design --> Add A Gadget --> HTML/Javascript.
Copy dan paste kode di bawah pada content HTML/Javascript. Jika gambar kurang jelas arahkan kursor pada gambar...

dan inilah scriptnya
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script> <script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script> <script type="text/javascript"> jQuery(document).ready(function($){ if (navigator.platform == "iPad") return; jQuery("img").lazyload({ effect:"fadeIn", placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrFYn4sKwTucriXuXT0L9fc9f-x4MCBTgt9mPHRZJQ3g_XcmkoM0Q6PeDB8hr9a0bhjYFVPHm5fAKwFKnQqZZysGdRB2WMPuKUKPA5RHjZVZ4re2GdicgJG5EPoDE3gUrbDmQGiy2HVU/s1600/grey.gif" }); }); </script>

dan inilah scriptnya

Terakhir dan yang paling utama, klik Save.

NOTE:

1. Jika tidak ada perubahan, silahkan paste kode tersebut di atas kode </body> pada script template.
2. Jika tidak ada perubahan juga, maka silahkan dicoba lagi dengan cara paste di atas kode </head>

Demikian semoga bermanfaat....

Cara Pasang Breadcrumb Pada Blogspot

noreply@blogger.com (Teacher's Message) — Tue, 22 May 2012 07:16:00 +0000

Educationfor all kali ini akan posting artikel mengenai apakah itu breadcrumb dan cara memasangnya.Untuk meningkatkan SEO sesuatu blog,breadcrumb adalah salah satu dari masalah yang perlu kita praktikkan.Breadcrumb pada sesuatu blog ibarat seperti peta atau sitemap yang akan memudahkan pembaca mengenal pasti kedudukan mereka di dalam page yang ada pada blog kita.

Apakah itu breadcrumb?

Secara ringkasnya breadcrumb adalah salah satu dari blog navigasi atau site navigation yang perlu ada pada sebuah blog.
Apakah kaitannya breadcrumb dengan seo?
Untuk masalah ini EFAtunjukkan sedikit artikel yang didapati dari Google Search Engine Optimization Starter Guide.
- Good practices for site navigation.
- Use "breadcrumb" navigation - A breadcrumb is a row of internal links at the top or bottom of the page that allows visitors to quickly navigate back to a previous section or the root page.
  Many breadcrumbs have the most general page (usually the root page) as the first,left-most link and list the more specific sections out to the right.
note : klik link ini untuk membaca artikel penuh dari Google Search Engine Optimization Starter Guide. [klik sini]
Cara memasang breadcrumb di blog.
1. Login ke Blogger > Layout > Edit HTML
2. Save template dulu.
3. Klik pada kotak Expand Widget template
4. Cari kode ini <b:if cond='data:post.title'>
5. Copy kode di bawah ini dan paste kan di bawah kod <b:if cond='data:post.title'>

paste kan di bawah kod <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'> <a href='http://fajar7siblings.blogspot.com/'>Home</a> » <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> » </b:if> <data:post.title/> </b:if>

“Ganti tulisan berwarna hijau dengan nama URL blog sobat blogger mania.”

Klik priview dan save jika tidak ada masalah

Kepada blogger newbie, dapat membuatnnya dengan perlahan2.Sekiranya ada yang kurang faham sobat blogger mania boleh tanya di kolom komen.Salam Blogger

Semoga bermanfaat...................

Cara pasang Recent Posts Slider di Blogspot

noreply@blogger.com (Teacher's Message) — Sun, 20 May 2012 16:34:00 +0000

Sungguh tiada habisnya bila kita ingin mempercantik tampilan blog kita, Nah untuk itu Education For All akan sharing lagi dengan para sobat blogger mania pemula seperti EFA ini. Nah sharing kali ini EFA akan posting artikel tentang Cara pasang Recent Posts Slider di Blogspot. Seperti apa kira kira tampilanya?? silahkan sobat blogger mania arahkan kursor sobat blogger mania pada gambar disebelah kanan postingan ini. Widget tersebut akan menjelaskan post terbaru beserta thumbnail (image) yang berefek slider.Untuk memasang widget recent post slider ini pada blog sobat blogger mania silahkan, ikut beberapa langkah di bawah.

Pertama : Login ke Blog
Kedua : klik Design ==> Klik add Gadget
Ketiga : Pilih klik pada HTML/Javascript lalu Copy paste kode dibawah ini pada halaman HTML/Javascript

JUDUL ARTIKEL
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> $(document).ready(function(){ var first = 0; var speed = 700; var pause = 4500; function removeFirst(){ first = $('ul#listticker li:first').html(); $('ul#listticker li:first') .animate({opacity: 0}, speed) .fadeOut('slow', function() {$(this).remove();}); addLast(first); } function addLast(first){ last = '<li style="display:none">'+first+'</li>'; $('ul#listticker').append(last) $('ul#listticker li:last') .animate({opacity: 1}, speed) .fadeIn('slow') } interval = setInterval(removeFirst, pause); }); </script> <style type="text/css"> #listticker{ height:277px; width:280px; margin-bottom:15px; padding:0px; overflow:hidden; } #listticker li{ background:#FDE1E1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIQfnIe9BjaVdhdhGVR7zqqtzFLGsigaS39wu8vbHfEsh9ZEGiI6tBP0R1nMkxm7x5aGywlRuaiIbWcCJFZAHer5OKqwiaBzYEtgmBOoOhDoBZZXY87f5XqRSfnCR8kIZJsXCyVDYlwN5/s320/gradient.png) repeat-x 0 -100px!important; border: 1px solid #C6C6C6; list-style:none; line-height:0.90em; height:46px; margin:3px; padding:2px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); } #listticker li a{ font-family: 'arial'; text-transform:normal; text-shadow:0 1px 2px rgba(0,0,0,0.6); letter-spacing:0.05em; overflow:hidden; } #listticker img{ float:left; margin:3px 3px 4px -7px; padding:0px; border:#EAE7E7 solid thin;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); box-shadow: 1px 1px 2px rgba(0,0,0,0.6); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } #listticker img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); } </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPM-f7YskI054knmmkmCGAqK3AONBN9jiWdTlPSipZBK-ktsRbqmIB_XZCZUBJj5ZKbz_BaZ_2MhfpxifjZZnYwBfVejq_3dFOh9j7JCUx-xzTxRTJp73mFzNjH8q2vC-FUfDSIRuwjXd/"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPM-f7YskI054knmmkmCGAqK3AONBN9jiWdTlPSipZBK-ktsRbqmIB_XZCZUBJj5ZKbz_BaZ_2MhfpxifjZZnYwBfVejq_3dFOh9j7JCUx-xzTxRTJp73mFzNjH8q2vC-FUfDSIRuwjXd/"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPM-f7YskI054knmmkmCGAqK3AONBN9jiWdTlPSipZBK-ktsRbqmIB_XZCZUBJj5ZKbz_BaZ_2MhfpxifjZZnYwBfVejq_3dFOh9j7JCUx-xzTxRTJp73mFzNjH8q2vC-FUfDSIRuwjXd/"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPM-f7YskI054knmmkmCGAqK3AONBN9jiWdTlPSipZBK-ktsRbqmIB_XZCZUBJj5ZKbz_BaZ_2MhfpxifjZZnYwBfVejq_3dFOh9j7JCUx-xzTxRTJp73mFzNjH8q2vC-FUfDSIRuwjXd/"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPM-f7YskI054knmmkmCGAqK3AONBN9jiWdTlPSipZBK-ktsRbqmIB_XZCZUBJj5ZKbz_BaZ_2MhfpxifjZZnYwBfVejq_3dFOh9j7JCUx-xzTxRTJp73mFzNjH8q2vC-FUfDSIRuwjXd/"; showRandomImg = true; tablewidth = 250; cellspacing = 0; borderColor = ""; bgTD = "#"; imgwidth = 35; imgheight = 35; fntsize = 12; acolor = "#262626"; aBold = true; icon = ""; text = "no"; showPostDate = false; summaryPost = 0; summaryFontsize = 0; summaryColor = "#"; icon2 = ""; numposts = 15; home_page = "http://fajar7siblings.blogspot.com/"; </script> <script src="http://javscript-code.googlecode.com/files/recent_posts_slider.js" type="text/javascript"></script>

JUDUL ARTIKEL

Silahkan edit kode yang berwarna biru sesuai blog sobat blogger mania.
width:280px; (lebar kotak)
tablewidth = 250 (lebar teks pada kotak)
background:# FDE1E1; ( background kotak)
acolor = "#262626"; (Warna teks)
numposts = 15; (jumlah post yang ingin ditampilkan)
home_page = "http://fajar7siblings.blogspot.com/"; ( URL blog sobat blogger mania)

Akhir sekali, klik Preview dan jika tiada pesan error, klik saja Save.

Selamat mencoba Semoga bermanfaat.......

Cara pasang Recent posts floating bar widget di Blogspot

noreply@blogger.com (Teacher's Message) — Sun, 20 May 2012 13:48:00 +0000

Pada postingan kali ini Education for all akan posting artikel tentang cara membuat Recent posts floating bar. Nah apa sebenarnya yang dimaksud dengan Recent posts floating bar, recent post floating bar adalah, dimana setiap posting baru yang sobat blogger mania buat akan muncul dibar sobat blogger mania seperti stiker, hal ini tentunya akan mempermudah tamu sobat blogger mania dalam melihat posting terbaru dari blog sobat blogger mania. Bila sobat blogger mania berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini:

1. Silahkan login ke Blogger terlebih dahulu.
2. Kemudian masuk kehalaman Edit HTML..
3. Seterusnya tick "Expand Widget Templates dan cari kode </head> .
4. Letakkan kode css berikut ini, tepat diatas kode </head>

paste kod css ini, di atas kode </head>
<style type='text/css'> #bd { float:bottom; font-family:Arial, Helvetica, sans-serif; line-height:1.5; margin-top:5px; font-size:12px } .text { color:#98BF2F; margin-left:8px } div#news-1 .gk_news_highlighter { font-family:Verdana, Arial; font-size:11px; color:#666 } div#news-1 { width:960px; height:24px; margin-left: -10px; display:scroll; position:fixed; bottom:1px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIQfnIe9BjaVdhdhGVR7zqqtzFLGsigaS39wu8vbHfEsh9ZEGiI6tBP0R1nMkxm7x5aGywlRuaiIbWcCJFZAHer5OKqwiaBzYEtgmBOoOhDoBZZXY87f5XqRSfnCR8kIZJsXCyVDYlwN5/s320/gradient.png) repeat-x 0 -100px; clear:both; overflow:hidden } div#news-1 .gk_news_highlighter_wrapper { float:left; width:820px; height:24px; line-height:24px; overflow:hidden; position:relative } div#news-1 .gk_news_highlighter_item { width:auto; height:24px; padding-left:20px; display:none; position:absolute } div#news-1 .nowrap { white-space:nowrap } div#news-1 .gk_news_highlighter_title { padding-left:5px } div#news-1 .gk_news_highlighter_desc { padding-right:5px } div#news-1 .gk_news_highlighter_interface { float:left; width:120px; height:24px; text-align:right; line-height:24px; z-index:1000 } div#news-1 .gk_news_highlighter_interface .text { float:left; display:block; width:auto; padding-left:5px; font-weight:700 } div#news-1 .gk_news_highlighter_interface div { width:30px; float:right } div#news-1 .gk_news_highlighter_interface a.prev,div#news-1 .gk_news_highlighter_interface a.next { cursor:pointer; width:13px; height:24px; display:block; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieFie0yxdbkHQeH7Edi2pOATyanlp7A5Mxih4CcaO7yZoaXKfWgxlvPSa9s9dFiIenfzhj0AeTldj1L4KvyXDFBnX-SHLgvxC-joICn9lXu5Mx9zzLt_3JB6WjGI3FuIbVDPkvz0kniho/s1600/play.png') no-repeat 0 50%; float:left } div#news-1 .gk_news_highlighter_interface a:hover.prev { background-position:-13px 50% } div#news-1 a,div#news-1 a:link,div#news-1 a:visited,div#news-1 a:active,div#news-1 a:focus { color:#FFF } div#news-1 .gk_news_highlighter_interface a.next { float:right; background-position:-26px 50% } div#news-1 .gk_news_highlighter_interface a:hover.next { background-position:-39px 50% } </style>

paste kod css ini, di atas kode </head>

5. Selanjutnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari kode <div id='content-wrapper'>

Bagi blog yang menggunakan template dari template designer, cari kod </footer>

6. Copy dan paste kod HTML dan Javascript ini, dibawah atau selepas kod <div id='content-wrapper'>

Bagi blog yang menggunakan template dari template designer, paste kod HTML dan Javascript ini di atas atau sebelum </footer>

Copy paste kode ini, dibawah <div id='content-wrapper'>
<div id='bd'> <div class='gk_news_highlighter' id='news-1'> <div class='gk_news_highlighter_interface'> <span class='text'>HOT NEWS</span> <div> <a class='prev' href='#'/> <a class='next' href='#'/> </div> </div> <div class='gk_news_highlighter_wrapper'> <script language='JavaScript'> imgr = new Array(); showRandomImg = false; aBold = true; text = "no"; showPostDate = false; summaryPost = 200; summaryFontsize = 12; summaryColor = "#000"; icon = " » "; label = ""; numposts = 30; home_page = "http://fajar7siblings.blogspot.com/"; </script> <script src='http://yourjavascript.com/11843262101/post-hotnews.js' type='text/javascript'/> </div> </div> </div> <script src='http://yourjavascript.com/01042612211/mootools.js' type='text/javascript'/> <script src='http://javscript-code.googlecode.com/files/engine_compress.js' type='text/javascript'/> <script type='text/javascript'> try {$Gavick;}catch(e){$Gavick = {};}; $Gavick["gk_news_highlighternews-1"] = { "animationType" : 3, "animationSpeed" : 200, "animationInterval" : 2000, "animationFun" : Fx.Transitions.linear, "mouseover" : 1}; </script>

Copy paste kode ini, dibawah <div id='content-wrapper'>

<div id='bd'>
<div class='gk_news_highlighter' id='news-1'>
<div class='gk_news_highlighter_interface'>
<span class='text'>HOT NEWS</span>
<div>
<a class='prev' href='#'/>
<a class='next' href='#'/>
</div>
</div>
<div class='gk_news_highlighter_wrapper'>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = false;
aBold = true;
text = "no";
showPostDate = false;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
icon = " » ";
label = "";
numposts = 30;
home_page = "http://fajar7siblings.blogspot.com/";
</script>
<script src='http://yourjavascript.com/11843262101/post-hotnews.js' type='text/javascript'/>
</div>
</div>
</div>
<script src='http://yourjavascript.com/01042612211/mootools.js' type='text/javascript'/>
<script src='http://javscript-code.googlecode.com/files/engine_compress.js' type='text/javascript'/>
<script type='text/javascript'>
try {$Gavick;}catch(e){$Gavick = {};};
$Gavick["gk_news_highlighternews-1"] = {
"animationType" : 3,
"animationSpeed" : 200,
"animationInterval" : 2000,
"animationFun" : Fx.Transitions.linear,
"mouseover" : 1};
</script>

7. Edit kod yang di bold warna merah dengan menggantikannya URL blog sobat blogger mania dan jumlah postingan terbaru yang akan ditampilkan

8. Seterusnya klik Preview. Jika posisi bar terlalu ke kiri atau ke kanan, silahkan edit nilai pada kode yang di bold dengan warna biru pada langkah 4.

width:960px; (Panjang bar)

margin-left: -10px; (Jika posisi bar terlalu ke kanan, edit nilai -10 menjadi 10 dan sebaliknya)

9 . terakhir dan paling utama save template,

Semoga bermanfaat...........

Education for all

Media Pembelajaran Bahasa Inggris SMP Kelas VIII

Galau blog anda ditolak Google Adsense, inilah jawabanya

1. Buat blog yang berisi tips atau how to

2. Jumlah artikel minimal 10

3. Buat artikel yang 100% lolos CopyScape

4. Buat artikel dengan tata bahasa yang baik

5. Buat navigasi blog yang sederhana dan jelas

6. Tambahkan video yang relevan

7. Buat logo blog

8. Buat halaman about yang informatif dan terpercaya

9. Buat halaman Kontak, Privacy Policy, dan DMCA

10. Umur blog lebih dari 3 Bulan

Kesimpulan

Cara Membuat Read More dan Nama Author di atas Posting

inilah jawaban google adsense setelah iklan saya di disable..wk..wk..

Download template keren

Download Soal CPNS Terbaru 2014 | Soal CPNS

My Template Collection

JADWAL TES HONORER K2 | JULI 2013

Maaf Tidak pernah update artikel

Mohon maaf kepada tamu education for all, smentara kami tidak up date artikel karena sedang mempelajari blogazine alias unique post

Daftar Nama Peserta UKG Kabupaten Lampung Timur Jenjang SMP

Download Template Karya Blogaziner Indonesia

Cara Mengganti Background Kategory dengan Background Animasi

CSS Code (KODE CSS) :

About The Author

Cara Memasang Recommended Post Slide out diBlogger

Pastekan kode ini dihalaman HTML/Javascript

Meta Tag Generator Tool untuk Blogger

Meta Tag Generator Tool

Cara Memasang Energy Saving Mode CSS3 dengan Kode CSS3

Kode CSS

Kode xHTML

Cara membuat Entry Atau Halaman Ucapan Selamat Datang Sebelum Masuk Blog

Kode :

Kode :

Text percobaan :

Cara Memasang Follow By Email Pop Out Widget di Blogger / Blogspot

Pastekan Kode ini diatas </head>

Pastekan Kode dibawah ini diatas </head>

Cara Mudah Memasang Flash Animated Label Cloud Widget diBlogger

Kode :

Cara Membuat Slide Open Heart Bookmarking Gadget di Blogspot

Kode :

Kode :

Download Kalender Pendidikan 2012/2013 Lengkap dengan Analisis Hari dan pekan Efektif

Cara meringankan blog dengan jQuery Lazy Load

Cara Pasang Breadcrumb Pada Blogspot

Apakah itu breadcrumb?

Apakah kaitannya breadcrumb dengan seo?

Cara memasang breadcrumb di blog.

Cara pasang Recent Posts Slider di Blogspot

Cara pasang Recent posts floating bar widget di Blogspot