Template Manis Polesan Education for all

Ho..ho..hoi,..Hello, Sobat blogger mania all around the world..he..he.., I'm not a template designer but I am a template breaker...he..he..he..satu guru satu ilmu dilarang mengganggu..ya itulah mungkin bahasa yang bisa EFA gunakan, karena EFA bukan perancang template tapi EFA perusak template..he..he.., Yep sebagian para blogger beranggapan bahwa penampilan template itu tidak penting yang penting adalah isinya..he..he..ada juga ungkapan yang mengatakan "jangan lihat siapa yang bicara tapi lihatlah isi pembicaraanya" tapi menurut EFA kedua-duanya sangatlah penting. karena penampilan blog yang bagus dan rapi akan membuat pengunjung blog akan betah berlama lama ditempat kita. benarkan....

So, praise to God Allah SWT, due to his blessing charity EFA was able to edit two cute templates, nah tidak usah panjang lebar. lihat saja kedua gambar template dibawah ini. kalau penasaran silahkan lihat demonya. kalau berminat memakainya, silahkan tingggalkan dikolom komentar. kalau nggak bisa memasangnya "EFA" siap memasangnya karena ada sebagian widget yang harus dipasang manual, he..he...

TEMPLATE I 

D E M O

Nah, Template ini aslinya namanya simple template by Josh Peterson, tapi dah EFA obrak abrik, terdapat sat u sidebar kiri  dan tiga widget diatas footer, kayaknya cocok untuk sobat blogger yang mau memasarkan produknya. Nah untuk lebih jelasnya silahkan klik demo

TEMPLATE II

D E M O

Nah, untuk template yang kedua ini nama aslinya Juga Simple BLOGGER Template tampilanya udah beda juga, terdapat dua kolom sidebar disebelah kanan untuk lebih jelasnya silahkan saja klik pada demo. sekali lagi yang berminat memakainya silahkan saja tinggalkan pesan sobat dikolom komentar. bila sobat juga belum mempunyai blog EDUCATION FOR ALL, juga bersedia membuatnya. apabila sobat menghendaki tampilan lain, misalnya yang dua kolom EFA akan coba membuatnya, he..he..he..., 

TEMPLATE III 

D E M O

Ok EFA kira begitu saja, semoga bisa menginspirasi para blogger mania yang lainya

Selamat Berkreasi.... melaui blog...

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

Bila sobat blogger mania bosan dengan tampilan template sobat blogger mania dan berminat untuk mengubahnya silahkan download template keren ini. scriptnya EFA coppy di microsoft word. cara pemasanganyapun cukup mudah. sobat blogger mania hanya cukup mengcopy scriptnya kemudian pastekan pada halaman edit HTML sobat. mudahkan nah ini gambar templatenya.

TEMPLATE I FBTMaGVI.

  

DOWNLOAD

TEMPLATE II NEW STYLE MODIFICATION

DOWNLOAD

 TEMPLATE III NEW STYLE MODIFICATION 

  

DOWNLOAD

Demikian dulu yang bisa EFA postingkan untuk kali ini, bila sobat blogger mania berminat menggunkanya silahkan tinggalkan dikolom komentar untuk template II dan III. untuk segera ditindak lanjuti.

Selamat Berkarya... 

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 «

Cara Copas Gambar UntukPosting di Blog

Ho..ho..hai sobat blogger mania pemula, yang ilmunya masih cetek seperti EDUCATION FOR ALL, dalam postingan kali ini EFA akan berbagi sedikit ilmu dengan para sobat blogger pemula seperti saya. yaitu tentang Cara Copas  Gambar UntukPosting di Blog. kalau kita suka ngeblog kita harus pandai membuat blog kita rapi dan menarik, juga dalam menulis artikel pada saat posting untuk page blog kita bisa menambahkan gambar dengan upload dari data kita dan bisa juga dengan copy paste gambar yang banyak ragamnya di dunia internet, namun pada kesempatan ini EFA hanya akan membahas tips trik cara copy gambar untuk kita paste pada posting di blog saat menulis artikel.

Oke …… kita akan coba langkah sederhana cara copy paste gambar untuk posting di blog kita. Bila di screen layar computer anda sudah ada gambar yang akan anda ambil, anda bisa melakukan beberapa langkah sederhana seperti di bawah ini :

1.    PRINT SCREEN  ( tekan tombol “ prt sc “di sebelah kanan atas pada keyboard sobat blogger mania )
2.    PAINT ( masuk ke menu paint, klik tombol star di pojok kiri bawah lalu cari paint dan klik masuk ke   paint )
3.    PASTE ( klik menu EDIT lalu klik PASTE, nah …….. sekarang hasil dari print screen anda sudah Nampak )
4.    PILIH BAGIAN dari GAMBAR ( beri tanda pada gambar yang anda inginkan unuk di copy dengan cara klik pada menu kotak bertitik-titik atau selec. Lalu klik pada pojok gambar tersebut dan tarik, maka bagian gambar yang di inginkan sudah terlihat garis batasnya )
5.    COPY GAMBAR YANG DIPILIH ( lalu klik menu EDIT lalu klic COPY, setelah itu sobat blogger mania bisa langsung keluar dari menu paint. Akan tampil perintah untuk save atau tidak, anda klik aja No )
6.    PASTE GAMBAR KE POSTINGAN BLOG ( setelah kembali ke postingan,letakkan krusor pada tempat yang akan ditaruh gambar, klik tombol EDIT lalu klik PASTE, nah gambar yang sobat blogger mania inginkan sudah ada dalam postingan, sobat blogger mania tinggal mengatur letak dengan menyeret gambar tersebut ketempat yang di inginkan )
   

EFA kira cukup itu aja dulu yang bisa EFA share,...Selamat Berkarya.

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 «

Cara Membuat Tombol Share Facebook, Twitter, Google Plus (+) Di Blog

Jika pada postingan terdahulu EFA memposting artikel tentang Cara membuat facebook like button maka Pada postingan kali ini EFA akan memposting  artikel yang menurut EFA  cukup bermanfaat yaitu Cara Membuat Tombol Share Facebook, Twitter, Google Plus (+) Di Blog.

Dengan mempunyai tombol share di blog sobat blogger mania, maka akan memberikan kesempatan para pengunjung / visitor blog agar mereka bisa berbagi dengan teman atau jaringan mereka melalui fitur share yang tersedia pada blog anda. Tentunya ini sangat penting, untuk Optimasi SEO blog sobat blogger mania Bila sobat blogger mania berminat untuk membuatnya silahkan ikuti langkah langkah berikut ini

Pertama silahkan login ke blog sobat blogger mania
Klik menu Design > Edit HTML > centang expand widget templates
Selanjutnya cari kode yang mirip dengan ini:  <div class='post-body entry-content'> atau class='post-body entry-content' , bisa dipilih salah satu. 

Apabila sobat blogger mania dah menemukanya maka kopy dan pastekan kode dibawah ini tepat diatas salah satu kode diatas

<b:if cond='data:blog.pageType == "item"'>

<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc;

padding:8px 0px;margin:5px 0px 5px

0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:0px;font:normal 12px

Georgia;'>

Share on :

</div>

<div style='float:left;padding-left:10px;'>

<a name='fb_share' type='button_count'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'

type='text/javascript'>

</script></div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

<script type='text/javascript'>

(function() {

var s = document.createElement('SCRIPT'), s1 =

document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

s1.parentNode.insertBefore(s, s1);

})();

</script>

</div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal'

data-via='User Name'

href='http://twitter.com/share'>Tweet</a><script

src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<!-- Place this tag where you want the +1 button to render -->

<g:plusone size="medium"></g:plusone>

<!-- Place this render call where appropriate -->

<script type="text/javascript">

  (function() {

    var po = document.createElement('script'); po.type =

'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(po, s);

  })();

</script>

</div>

</div>

</b:if> 

 
Demian yang bisa EFA share,..

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 «

Cara Membuat Box dg Outline dan CSS3 Outline Offset Property

Pada postingan kali ini Education for all akan memposting artikel tentang Box dg Outline dan CSS3 Outline Offset Property  Secara sederhana bisa digambarkan bahwa outline adalah garis terluar sebuah box. Jadi outline ini posisinya di sebelah luar border, sedang outline offset merupakan jarak (bidang) antara border dan garis terluar (outline). 

Contoh Penulisan Box dg Outline dan CSS3 Outline Offset Property

<style type="text/css">
.box_outline{
    width:400px;
    height:200px;
    background:#eee;
    margin:20px auto;
    padding:10px;
    border:2px solid #999;
    border-radius:10px;
    outline:2px solid #555;
    outline-offset:8px;
    -moz-outline-radius:15px;
    box-shadow:0 0 12px #000;
}
</style>

<div class="box_outline"></div>

   

Keterangan/Catatan:

1. Outline dituliskan seperti halnya ketika menuliskan border.
   - Outline-style terdiri atas : solid, inset, outset, dashed, dotted … dst.
   - Tebal Outline (outline-width) biasa dituliskan dalam px (pixel)
   - Warna outline (outline-color) bisa dalam bentuk teks (seperti : black, red … dst) atau kode warna seperti halnya #000 (untuk warna hitam) dan rgba color (contoh: rgba(0,0,0,0.5)).
2. Penulisan dasar outline sbb: outline:[outline-style] [outline-color] [outline-width];
   outline-offset : dituliskan dalam satuan px (pixel) (semakin besar maka jarak border dan outline akan semakin lebar).
3. Outline-radius sementara ini hanya kompatibel di Mozilla Firefox dan dituliskan dengan kode sbb: -moz-outline-radius:…px; 
   
   Semoga bisa dipahami dan bermanfaat...

 

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 «