Home »All posts

Media Pembelajaran Bahasa Inggris SMP Kelas VIII

Posted byTeacher's Message

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....

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

» Selamat Berkreasi - E F A «

Galau blog anda ditolak Google Adsense, inilah jawabanya

Posted byTeacher's Message

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.

» Selamat Berkreasi - E F A «

Cara Membuat Read More dan Nama Author di atas Posting

Posted byTeacher's Message

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.

» Selamat Berkreasi - E F A «

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

Posted byTeacher's Message

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:

AdSense Help Centre
AdMob Help Centre
AdSense Help Forum
The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :
» Selamat Berkreasi - E F A «

Download template keren

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

Download Soal CPNS Terbaru 2014 | Soal CPNS

Posted byTeacher's Message

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....

» Selamat Berkreasi - E F A «

My Template Collection

Posted byTeacher's Message

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,...

» Selamat Berkreasi - E F A «

JADWAL TES HONORER K2 | JULI 2013

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

Maaf Tidak pernah update artikel

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

Daftar Nama Peserta UKG Kabupaten Lampung Timur Jenjang SMP

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

Download Template Karya Blogaziner Indonesia

Posted byTeacher's Message

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......

» Selamat Berkreasi - E F A «

Cara Mengganti Background Kategory dengan Background Animasi

Posted byTeacher's Message

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...........

» Selamat Berkreasi - E F A «

About The Author

Posted byTeacher's Message

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. "

» Selamat Berkreasi - E F A «

Cara Memasang Recommended Post Slide out diBlogger

Posted byTeacher's Message

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...

» Selamat Berkreasi - E F A «

Meta Tag Generator Tool untuk Blogger

Posted byTeacher's Message

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.......

» Selamat Berkreasi - E F A «

Cara Memasang Energy Saving Mode CSS3 dengan Kode CSS3

Posted byTeacher's Message

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.........

» Selamat Berkreasi - E F A «

Cara membuat Entry Atau Halaman Ucapan Selamat Datang Sebelum Masuk Blog

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

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

Posted byTeacher's Message

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

» Selamat Berkreasi - E F A «

Subscribe to:Posts (RSS)

Download Browser

TEMPLATE EFA

Tutorial Bloger

Fasilitas Chating

Google Problem

Otomotive

RPP KTSP SMP

RPP KTSP SD

SEO

Soal CPNS

Latihan Toefl

Soal SNMPTN

Tipu Daya

E-mail Sahabat

BUSSINESS INTERNET

Education

BLOGGER BARU

WIDGET

Contact

E F A

Search here

Type a word related to the post'n'click search button!

Labels

Arsip Blog

Followers

TUKAR LINK

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

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

CSS Code (KODE CSS) :

Pastekan kode ini dihalaman HTML/Javascript

Meta Tag Generator Tool

Kode CSS

Kode xHTML

Kode :

Kode :

Text percobaan :

Pastekan Kode ini diatas </head>

Pastekan Kode dibawah ini diatas </head>