Cara membuat menu penuh warna dengan effect jquery di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
Menu ini merupakan menu yang spesial buat blog anda. Dengan warna yang 
berbeda-beda dan menu drop down yang memanjang, karena itulah menu ini 
diberi nama Colorful JQuery Menu (menu jquery penuh warna). Menu ini didapatkan dari Mybloggertrick, dan semoga dengan menu ini tampilan blog anda lebih profesional. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Da7Dby2E-B9otfjCkhFO5tlcjsbmxUoavRlWZskt1hUVieF-CKeZ9cxXJUPws8_Kp1PYZJrJqfxnnNXsX7g5xpm7XCAuKdD-z0EeoaNYXHC1gQr6Mdb9T0Zqhz4zfd92MkBp_7jjicTK/s1600/colourful-menu_thumb4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Da7Dby2E-B9otfjCkhFO5tlcjsbmxUoavRlWZskt1hUVieF-CKeZ9cxXJUPws8_Kp1PYZJrJqfxnnNXsX7g5xpm7XCAuKdD-z0EeoaNYXHC1gQr6Mdb9T0Zqhz4zfd92MkBp_7jjicTK/s320/colourful-menu_thumb4.gif" width="320" /></a></div>
 
1. Login ke blog kamu. 
2. Pilih Rancangan > Edit HTML > Cari Kode <head> 
3. Letakan kode di bawah ini tepat di bawah kode <head> 
<blockquote class="tr_bq">
<script src='http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js' type='text/javascript'></script> 
    <script 
src='http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js'
 type='text/javascript'> </script> 
    <script src='http://mybloggertricks.googlecode.com/files/mt-colourful.js' type='text/javascript'></script></blockquote>
4. Selanjutnya cari kode: 
<blockquote class="tr_bq">
body { 

---- 

--- 

)  </blockquote>
 
5. Tambahkan kode berikut: 
<blockquote class="tr_bq">
body { 

margin:0px 

padding:0px; 

--- 

--- 

}   </blockquote>
6. Jika tidak ada kode body {  letakan saja kode yang nomor 5 tepat di atas ]]></b:skin> 
7. Selanjutnya cari kode <body> atau <body expr:class='&quot;loading&     quotdata:blog.mobileClass'> 
8. Setelah ketemu letakan kode Menu dan CSS nya di bawah ini tepat di bawah kode nomor 6. 
 
<blockquote class="tr_bq">
<style> 
.MBT-Nav-container { 
border: 1px solid #cfcfcf; 
   
 background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9vR4G0R3tXaW-bvOtbe1GPhtCFENLXGii0SKn_IU8y0ZY25egAa28F_9ljgf0cSo2SdBXvG2kB-T3an72jrvcPMA0arMZ36siVc1KmygX2BTE4G-4lzT8LVW42_Kp9-8mEiYjUNgxA/s400/menu-bgd.png)
 bottom left repeat-x; 
    position: relative; 
      margin: 0;  padding: 0; 
border: 1px solid #cfcfcf; 
} 
ul#nav { 
    border-left: 1px solid #cfcfcf; 
        border-right: 0px solid #cfcfcf; 
   
 background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9vR4G0R3tXaW-bvOtbe1GPhtCFENLXGii0SKn_IU8y0ZY25egAa28F_9ljgf0cSo2SdBXvG2kB-T3an72jrvcPMA0arMZ36siVc1KmygX2BTE4G-4lzT8LVW42_Kp9-8mEiYjUNgxA/s400/menu-bgd.png)
 bottom left repeat-x; 
    position: relative; 
    font-size: 12px; font-family: helvetica, arial, sans-serif; 
    list-style: none;  margin: 0 auto;  padding: 0; 
    width: 960px; 
} 
#nav ul { 
     margin: 0; 
   
} 
:focus { 
    outline: 0; 
} 
*html ul#nav { clear: both; height: 1%; } 
ul#nav li a { 
    display: block; 
    float: left; 
    text-transform: uppercase; 
    font-weight: bold; 
    line-height: 33px; 
    padding: 0 13px 0 10px; 
    color: #333; 
    text-decoration: none; 
   
 background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpSmYzTpIJqGJlF4x4_wMUTaROj1GrPykJu6ElKf9ikcymA0HMv-UZ4fSjyAXP5UV6Q8LdTNX8fSI37WpN1Fms0rT22KHNYbePs5sWIKw8aDM4LVvDHs0JJSpUr3jM-6KuleAMatXRt8g/s400/menu-rule.png)
 right 2px no-repeat; 
} 
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; } 
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; } 
ul#nav li a:hover, ul#nav li a.open { color: #fff; } 
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; } 
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; } 
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; } 
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; } 
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; } 
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; } 
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; } 
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; } 
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; } 
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; } 
 
ul#nav li#link-home a { 
    padding: 0 33px 0 10px; 
    text-indent: -9999px; 
   
 background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlyEVy6LmsS-upjQzscMoRd3nmDe4m7kNbiYvjzhbaJe-QkuiOZ7wom4wathhgw2H-WAeDUXx7iPgO2Ez4EVAUtr41rdExOH6PUmLq8kYz1mCc8r8iEN6ycIPa5d4DelZiOuCysRsySI/s400/home-icon.png)
 right 0px no-repeat; 
} 
*html ul#nav li#link-home a { padding: 0; width: 43px; } 
ul#nav
 li#link-home a:hover { background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlyEVy6LmsS-upjQzscMoRd3nmDe4m7kNbiYvjzhbaJe-QkuiOZ7wom4wathhgw2H-WAeDUXx7iPgO2Ez4EVAUtr41rdExOH6PUmLq8kYz1mCc8r8iEN6ycIPa5d4DelZiOuCysRsySI/s400/home-icon.png)
 right -33px no-repeat; } 
/* Sub-Vertical Navigation */ 
ul.sub-nav { 
    position: absolute; 
    top: 33px; 
    left: -1px; 
    overflow: hidden; 
    width: 960px; 
    display: none; 
    z-index: 999; 
list-style: none; 
  padding-left:0px; 
} 
ul#nav
 li#mbt ul.sub-nav { background: #6f7987 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpk00H3ermP3hzRD_3sFlXjLMB6_ksDbi31xseFywAqLSjJVAyNBVIsghKPiKbBg_COJ7Hl8Y2uR1M3wgVb2QHYuOsxfyEkgDGmeQECt5kOvvSNl0c-hzr-zEWSDV_jjsT5H_W16siig/s400/business-subnav-bgd.png)
 top left repeat-x; } 
ul#nav li#link-entertainment ul.sub-nav { 
background: #d46b8e 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeSXm1DexdmDiDKDJLMtCoTZQgwO-MsSUmDebo5NGIWuXta8yuJ0askd_cb-3Jzdbwkg4OWSEATNhE54zewGHE9CiJ3QYk7Xk-YIVboSvR6-Q4n1eTK1O6o46JtYFkIMUtXliP-DjlA4/s400/entertainment-subnav-bgd.png)
 top left repeat-x; } 
ul#nav li#link-news ul.sub-nav { background: 
#e28a67 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKS5jMCgjg5z1chCawEJh88mE1Xg7OHGPJ-U3rssRN_8n_6s2nbzpzGNcRP5bqOeHToMZ8basDg3WOWqN9NlAN6k_-carTu7vxwkKnizDDXh5WuTYZWGv35T9ZvoKY9Z8LhAhJW2xG68/s400/news-subnav-bgd.png)
 top left repeat-x; } 
ul#nav li#link-life ul.sub-nav { background: 
#aa8eac 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht00emnL1Erpe4EsS0gB6F6TadYRqTmUS24qWZ6U3Ejt4O5HKMRtRqPJk1P4kJcKOq7KBxlWBrTw-doMG76LzfyBGTjOval-gq0kt_r7Wf1eTa5OLNmSY4RCXH3d3OJHWayEwpwdpNznY/s400/life-subnav-bgd.png)
 top left repeat-x; } 
ul#nav li#link-technology ul.sub-nav { 
background: #67d0e2 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxHV7NX7bd3oN3EfFMM-6XembV9GylqQJumPdEIMPNHN7sa_UPPGk61LzoHvkNP0SqbZfhNEA7E_IOonUPA2HuLzyraaOFtZOtic2vJszf6maJP-9r_zu83y0ZFMVsc5PquecjWSCmWk/s400/technology-subnav-bgd.png)
 top left repeat-x; } 
ul#nav li ul.sub-nav li { float: left;   } 
ul#nav li ul.sub-nav li a { 
    float: none; 
    background: none; 
    font-size: 11px; 
    text-transform: none; 
    color: #fff; 
    line-height: 25px; 
} 
ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; } 
ul#nav
 li#link-entertainment ul.sub-nav li a:hover, ul#nav 
li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 
!important; } 
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; } 
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; } 
ul#nav
 li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology 
ul.sub-nav li a.active-cat { background: #02b0cf !important; } 
</style> 
<div class='MBT-Nav-container'> 
<ul id='nav'> 
               
              
 <li class='non-vertical-link top-link' id='link-home'><a 
class='open' 
href='http://blazerracing.blogspot.com/'>Home</a></li> 
 
                <li class='top-link' id='mbt'><a href='#'>TAB 1</a> 
                    <ul class='sub-nav'> 
                    <li><a href='#'>SUB TAB 1.1</a></li> 
                    <li><a href='#'>SUB TAB 1.2</a></li> 
                    <li><a href='#'>SUB TAB 1.3</a></li> 
                    <li><a href='#'>SUB TAB 1.4</a></li> 
                    </ul> 
                </li> 
 
                <li class='top-link' id='link-entertainment'><a href='#'>TAB 2</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 2.1</a></li> 
                    <li><a href='#'>SUB TAB 2.2</a></li> 
                    <li><a href='#'>SUB TAB 2.3</a></li> 
                    <li><a href='#'>SUB TAB 2.4</a></li> 
                    <li><a href='#'>SUB TAB 2.5</a></li> 
                    </ul> 
                </li> 
 
                <li class='top-link' id='link-news'><a href='#'>TAB 3</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 3.1</a></li> 
                    <li><a href='#'>SUB TAB 3.2</a></li> 
                    <li><a href='#'>SUB TAB 3.3</a></li> 
                    <li><a href='#'>SUB TAB 3.4</a></li> 
                    </ul> 
                </li> 
 
                <li class='top-link' id='link-life'><a href='#'>TAB 4</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 4.1</a></li> 
                    <li><a href='#'>SUB TAB 4.2</a></li> 
                    <li><a href='#'>SUB TAB 4.3</a></li> 
                    <li><a href='#'>SUB TAB 4.4</a></li> 
                    <li><a href='#'>SUB TAB 4.5</a></li> 
                    <li><a href='#'>SUB TAB 4.6</a></li> 
                    <li><a href='#'>SUB TAB 4.7</a></li> 
                    </ul> 
                </li> 
 
                <li class='top-link' id='link-technology'><a href='#'>TAB 5</a> 
                    <ul class='sub-nav' style='display: none;'> 
                    <li><a href='#'>SUB TAB 5.1</a></li> 
                    <li><a href='#'>SUB TAB 5.2</a></li> 
                    <li><a href='#'>SUB TAB 5.3</a></li> 
                    <li><a href='#'>SUB TAB 5.4</a></li> 
                    <li><a href='#'>SUB TAB 5.5</a></li> 
                    </ul> 
                </li> 
 
<li
 class='non-vertical-link top-link' id='link-top10'><a 
href='http://blazerracing.blogspot.com/'>TAB 6</a></li> 
 
 
 
 
 
               
 
                  <li style='clear: both;'/> 
            </ul> 
</div> </blockquote>
 
Klik dulu pratinjau dan setelah berhasil baru Simpan Template. 
 
Sumber: Blazzer Blog </div>

Menu ini merupakan menu yang spesial buat blog anda. Dengan warna yang berbeda-beda dan menu drop down yang memanjang, karena itulah menu ...

Baca selengkapnya...

6 Komentar

jalupangna Label: tips dan triks blogger 22.27 6 komentar

Cara mudah membuat tombol button to top up dengan effect jquery

<div dir="ltr" style="text-align: left;" trbidi="on">
Tombol back to top berfungsi untuk mengembalikan posisi dari bawah 
kembali lagi ke atas dalam sebuah website / blog. Sehingga memudahkan 
pengunjung suatu website / blog untuk kembali ke atas tanpa menggunakan 
scroll. Saya juga menerapkannya di blog karena simple, cantik dan keren. Lihat screen shot nya di bawah ini: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWFGigUcp6JzrGYi0wvgsNRMCkBwvTt5pNB0JQw-Ogt5xGpz5G6rLO7upZwHBQVMlcnzMy40bKYv_e-x_CMZ682aRian_Zetx5Thk45rTuAqGigToBUPD_mmdd7ccWJvbilsixVbKSrTz/s1600/screen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWFGigUcp6JzrGYi0wvgsNRMCkBwvTt5pNB0JQw-Ogt5xGpz5G6rLO7upZwHBQVMlcnzMy40bKYv_e-x_CMZ682aRian_Zetx5Thk45rTuAqGigToBUPD_mmdd7ccWJvbilsixVbKSrTz/s320/screen.png" width="320" /></a></div>
 
 
Langsung saja tanpa basa basi menuju TKP :) 
1. Login ke blog kamu. 
2. Pilih Tata Letak > Add Gadget > HTML/JavaScript > Copy kode di bawah ini. 
 
<blockquote class="tr_bq">
<script 
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' 
type='text/javascript'></script><script 
type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return
 false})});</script><a id='noop-top' style='display: none; 
position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px 
arial;'>^</a><style 
type="text/css">#noop-top span{-moz-transition:all .3s ease-in 
0s;-webkit-transition:all .3s;-o-transition:all 
.3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799
 0,#2989d8 50%,#207cca 51%,#7db9e8 
100%);background:-webkit-gradient(linear,left top,left 
bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799
 0,#2989d8 50%,#207cca 51%,#7db9e8 
100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 
51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 
50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 
0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid 
#fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px 
cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px
 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 
49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 
#fff;text-decoration:none}</style> </blockquote>
 
 3. Simpan dan lihat hasilnya. 
 
Semoga bermanfa'at... </div>

Tombol back to top berfungsi untuk mengembalikan posisi dari bawah kembali lagi ke atas dalam sebuah website / blog. Sehingga memudahkan ...

Baca selengkapnya...

27 Komentar

jalupangna Label: tips dan triks blogger 21.39 27 komentar

Berbagai macam tipe kecerdasan yang dimiliki oleh manusia (multiple intelligence)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyZ7RwIjTN9dk5z-YQ55F0zgrjKKSBE0wxwaRiL64SvJKEuXLtQOd6mgKzoTSUyDtQcLo1rY61kwqwiqgDPthpOWJ55-uR8OGS1QTTnkXT7W027XxR_CSAnFkc40lE1gy3oLjDlc2Q0QW/s1600/kecerdasan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyZ7RwIjTN9dk5z-YQ55F0zgrjKKSBE0wxwaRiL64SvJKEuXLtQOd6mgKzoTSUyDtQcLo1rY61kwqwiqgDPthpOWJ55-uR8OGS1QTTnkXT7W027XxR_CSAnFkc40lE1gy3oLjDlc2Q0QW/s1600/kecerdasan.jpg" /></a></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Seorang
 ahli riset dari Amerika, <a href="http://sijalupangna.blogspot.com/" target="_blank">Prof. Howard Gardener</a>, mengembangkan model 
kecerdasan “multiple intelligence” yang artinya bermacam-macam 
kecerdasan. Maksudnya setiap orang memilki bermacam-macam kecerdasan, 
tetapi dengan kadar pengembangan yang berbeda. Yang di maksud kecerdasan
 menurut Gardener adalah suatu kumpulan kemampuan atau keterampilan yang
 dapat ditumbuhkembangkan. Menurut Howard Gardener dalam setiap diri manusia ada 8 macam kecerdasan, yaitu: 1. KECERDASAN LINGUISTIK Kecerdasan linguistik adalah kemampuan untuk menggunakan kata-kata secara efektif, baik secara lisan maupun tulisan. Ciri-ciri: 1. Anda senang bermain dengan kata-kata. Anda menikmati puisi. Anda suka mendengarkan cerita. 2. Anda membaca apa saja; buku, majalah, surat kabar dan bahkan label produk. 3.
 Anda merasa mudah dan percaya diri mengekspresikan diri anda baik 
secara lisan maupun tulisan. Contohnya, anda pintar dalam berkomunikasi 
dan pintar dalam menceritakan atau menulis mengenai sesuatu hal. 4. Anda suka membumbui percakapan anda dengan hal-hal menarik yang baru saja anda baca atau dengar. 5. Anda suka mengerjakan teka-teki silang,bermain scrable atau bermain puzzle. Anda dapat mengeja dengan sangat baik. 6. DLL 2. KECERDASAN LOGIK MATEMATIK Kecerdasan
 logik matematik ialah kemampuan seseorang dalam memecahkan masalah. Ia 
mampu memikirkan dan menyusun solusi (jalan keluar) dengan urutan yang 
logis (masuk akal). Ciri-ciri: 1. Anda senang bekerja dengan angka dan dapat melakukan perhitungan mental (mencongak). 2. Anda tertarik dengan kemajuan teknologi dan gemar melakukan percobaan untuk melihat cara kerja sesuatu hal. 3. Anda merasa mudah melakukan perencanaan keuangan. Anda menetapkan target dalam bentuk angka dalam bisnis dan hidup anda. 4.
 Anda senang menyiapkan jadwal perjalanan secara terperinci. Anda sering
 menyiapkan, memberi nomor dan menetapkan suatu daftar kerja 
(to-do-list). 5.
 Anda senang dengan permainan, puzzle atau sesuatu yang membutuhkan 
kemampuan berpikir logis dan statistis seperti permainan cheker atau 
catur. 6. DLL 3. KECERDASAN VISUAL DAN SPASIAL Kecerdasan visual dan spasial adalah kemampuan untuk melihat dan mengamati dunia visual dan spasial secara akurat (cermat). Ciri-ciri: 1. Anda menyukai seni, menikmati lukisan dan patung. Anda memilki citra rasa yang baik akan warna. 2. Anda cenderung menyukai pencatatan secara visual dengan menggunakan kamera atau handycam. 3. Anda bisa menulis dengan cepat saat anda mencatat atau berpikir mengenai sesuatu. Anda dapat menggambar dengan cukup baik. 4. Anda merasa mudah membaca peta atau melakukan navigasi, anda memilki kemampuan mengerti arah yang baik. 5. Anda menikmati permainan seperti puzzle. 6. DLL 4. KECERDASAN MUSIK Kecerdasan
 musik adalah kemampuan untuk menikmati, mengamati, membedakan, 
mengarang, membentuk dan mengekspresikan bentuk-bentuk musik. Kecerdasan
 ini meliputi kepekaan terhadap ritme, melodi dan timbre dari musik yang
 didengar. Ciri-ciri: 1. Anda dapat memainkan alat musik. 2. Anda dapat menyanyi sesuai dengan tinggi rendahnya kunci nada. 3. Anda biasanya dapat mengingat sebuah irama hanya dengan mendengarkan beberapa kali saja. 4.
 Anda sering mendengarkan musik. Anda bahkan kadang kala menghadiri 
konser musik. Anda suka -bahkan butuh- mendengarkan lagu sambil anda 
bekerja. 5. Anda mengikuti irama musik dengan baik dan tanpa sadar mengetuk-ngetukkan jari anda mengikuti irama lagu itu. 6.DLL 5. KECERDASAN INTERPERSONAL Kecerdasan interpersonal ialah kemampuan untuk mengamati dan mengerti maksud, motivasi dan perasaan orang lain. Ciri-ciri: 1. Anda senang bekerja sama dengan orang lain dalam suatu kelompok atau komite. 2. Anda lebih suka belajar kelompok dari pada belajar sendiri. 3. Orang sering kali datang kepada anda untuk meminta nasihat. 4. anda adalah orang penuh simpati. 5. Anda lebih suka team sport seperti basket, soffball, sepak bola dari pada individual seperti renang dan lari. 6. DLL 6. KECERDASAN INTRAPERSONAL Kecerdasan
 intrapersonal adalah kemampuan yang berhubungan dengan kesadaran dan 
pengetahuan tentang diri sendiri. Dapat memahami kekuatan dan kelemahan 
diri sendiri. Mampu memotivasi dirinya sendiri dan melakukan disiplin 
diri. Ciri-ciri: 1. Anda memiliki buku harian untuk mencatat pikiran anda yang sangat dalam dan pribadi. 2. Anda serimg menyendiri untuk memikirkan dan memecahkan masalah itu sendiri. 3. Anda menetapkan tujuan anda. 4. Anda adalah seorang pemikir <a href="http://sijalupangna.blogspot.com/" target="_blank">independen</a> (mandiri). Anda tahu pikiran anda dan anda memutuskan sendiri keputusan anda. 5. Anda mempunyai hobi atau kesenangan yang bersifat pribadi yang tidak banyak anda bagikan atau ungkapkan kepada orang lain. 6. DLL 7. KECERDASAN KINESTETIK Kecerdasan
 kinestetik ialah kemampuan dalam menggunakan tubuh kita secara terampil
 untuk mengungkapkan ide, pemikiran dan perasaan. Ciri-ciri: 1. Anda gemar berolahraga atau melakukan kegiatan fisik. 2. Anda cakap dalam melakukan sesuatu seorang diri. 3. Anda senang memikirkan persoalan sambil aktif dalam kegiatan fisik seperti berjalan atau lari. 4. Anda tidak keberatan jika diminta untuk menari. 5.
 Setiap kali anda pergi ke pusat hiburan atau permainan, anda senang 
dengan permainan yang sangat menantang dan “mengerikan” secara fisik 
seperti jet coaster. 6. DLL 8. KECERDASAN NATURALIS Kecerdasan
 naturalis adalah kemampuan untuk mengenali, membedakan, mengungkapkan 
dan membuat kategori terhadap apa yang di jumpai di alam maupun 
lingkungan. Ciri-ciri: 1. Anda senang memelihara atau menyukai hewan. 2. Anda dapat mengenali dan membedakan nama berbagai jenis pohon, bunga dan tanaman. 3.
 Anda tertarik dan memilki pengetahuan yang cukup mengenai bagaimana 
tubuh bekerja -di mana letak organ tubuh yang penting- dan anda mengerti
 akan kesehatan. 4.
 Anda tahu jalur atau jalan setapak, sarang burung dan hewan liar 
lainnya saat anda berjalan di alam dan anda bisa “membaca” cuaca. 5. Anda dapat membayangkan diri anda sebagai seorang petani atau mungkin anda suka memancing. 6. DLL Dari
 delapan kecerdasan (intelligence) tersebut, manakah yang menjadi 
keunggulan anda dan mana yang belum digunakan secara maksimal? Dengan
 mengetahui bahwa kita memiliki kelebihan atau kekurangan pada 
kecerdasan tertentu, kita akan dapat berbenah diri dan meningkatkan 
kemampuan kita. Therefore, <a href="http://sijalupangna.blogspot.com/" target="_blank">Which one or some of them are yours</a>? 
 </div>
</div>

Seorang ahli riset dari Amerika, Prof. Howard Gardener , mengembangkan model kecerdasan “multiple intelligence” yang artinya bermaca...

Baca selengkapnya...

4 Komentar

jalupangna Label: science 16.30 4 komentar

Cara seorang guru meningkatkan kompetensinya

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOFomDNCtTq6uahqkp2iZQb5dA8Z-WFHIDLtcZUWa4INeRdXzRTEADeVNIh1FYxlBlv2vBha5sFG_sDvVUeMA-jQA9vX45uuiH4fiZMSlT60a8uYwe3YzAEOUdLdqcr5IhZIfQn4JWSxkU/s1600/kompetensi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOFomDNCtTq6uahqkp2iZQb5dA8Z-WFHIDLtcZUWa4INeRdXzRTEADeVNIh1FYxlBlv2vBha5sFG_sDvVUeMA-jQA9vX45uuiH4fiZMSlT60a8uYwe3YzAEOUdLdqcr5IhZIfQn4JWSxkU/s1600/kompetensi.jpg" /></a></div>
<b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> 
<div style="text-align: justify;">
<b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Lakukan kegiatan peningkatan kompetensi dengan banyak cara dan metode</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Siapa saja jadi presenternya, asal sesuai topik . Guru belajar lagi itu 
keharusan dan belajar bisa dari siapa saja yang penting ilmu bertambah. 
Belajar bisa dari guru senior, guru yunior, murid sendiri, atau dari 
kepala sekolah. Sekarang pelatihan/peningkatan kompetensi guru bisa 
dilakukan kapan saja, pulang sekolah 1 jam pun cukup, asal rutin, paling
 lama adalah 2 minggu sekali. Alternatif pelaksanaan Pelatihan 
kompetensi guru bisa macam2, dari acara bedah buku, sampai lihat film 
pendidikan bersama lalu dibahas sebagai diskusi antar professional. 
Alternatif lain, jika ada teman yang baru studi banding atau menghadiri 
presentasi bisa diminta presentasi.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Singkirkan dulu alasan-alasan, mulai perbanyak sebab kenapa sebagai guru kita mesti belajar lagi </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Banyak guru senior menolak untuk belajar, dengan alasan ‘buat apa saya 
belajar lagi toh saya sudah mau pensiun?’ Naah menurut saya saatnya guru
 muda tampil beri contoh, dampingi. Jangan salah bukan hanya guru 
senior, guru yunior pun banyak yang malas, alasannya ‘bikin (menambah) 
pekerjaan aja’. Guru belajar lagi? pastinya menambah kerjaan, tapi 
faedahnya, murid senang, guru juga karena murid lebih enjoy saat dia 
mengajar. <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Sudah bukan jamannya lagi, guru disuruh atasan (atau cari sertifikat) baru mau belajar.
 Memang pernah ada suatu masa penataran/seminar/workshop jadi ajang 
mencari sertifikat, apapun temanya mau nyambung atau tidak dengan bidang
 si guru akan diikuti sepanjang ada sertifikatnya. </div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Biarkan guru memilih topik pelatihan
</div>
<div style="background-color: white; border-width: 0px; font-family: 'Myriad Pro','Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: justify; vertical-align: baseline;">
Sekarang topik pelatihan guru, bisa di vote, kepala sekolah tanya guru 
mau pelatihan apa?   Gunakan teknologi pakai situs surveymonkey untuk 
voting. Sebuah topic yang diminati akan banyak mendapatkan pemilih. 
Tugas kepala sekolah untuk mencarikan pembicara atau orang yang ahli. 
Bisa dari guru yang berasal dari sekolahnya sendiri, bisa juga dari luar
 yang berkompeten.  Banyak contoh yang membuktikan jika guru diminta 
memilih topic maka ia akan senang dan semangat mengikuti pelatihan. 
Sebaliknya model pembinaan guru yang temanya diambil dari yang lagi 
populer, cuma membuat guru sadar sejenak habis itu lupa</div>
<div style="text-align: justify;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Dalam
 mencari pembicara pelatihan kompetensi guru, jangan silau pada gelar 
akademis, cari orang yang bisa mengajarkan guru hal yang aplikatif</div>
<div style="background-color: white; border-width: 0px; font-family: 'Myriad Pro','Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: justify; vertical-align: baseline;">
Saya sering mendengar keluhan dari teman-teman guru yang hadir pada 
seminar atau pelatihan untuk guru. “Tema seminarnya sih ok, dan 
pembicaranya pun hebat-hebat dari universitas ternama”, begitu biasanya 
mereka katakan namun saat saya tanyakan apa yang bisa diterapkan 
dikelas, rekan saya itu kebingungan. Hal ini sangat wajar karena 
pembicara yang berasal dari akademisi biasanya berbicara dalam tataran 
konsep. Sebuah hal yang walaupun diperlukan namun kurang bisa langsung 
diterapkan oleh guru. Saran saya carilah orang yang bisa mengajarkan 
pengetahuan dan mengajarkannya secara aplikatif. Dijamin guru akan 
mengajar dengan cara yang baru karena guru haus akan tips dan trik 
terbaru dalam mengajar.</div>
<div style="text-align: justify;">
<span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Gunakan social media <b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">sebagai sarana peningkatan kompetensi</div>
<div style="background-color: white; border-width: 0px; font-family: 'Myriad Pro','Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: justify; vertical-align: baseline;">
Menggunakan sosial media untuk peningkatan kompetensi guru, pasti bisa. 
Banyak sekali cara meningkatkan diri lewat social media, silahkan 
bergabung di halaman Facebook organisasi guru, di situ ada banyak 
diskusi    yang mencerahkan soal pendidikan. Di twitter ada obrolan 
#twitedu dan #gurarutalk yang temanya berganti setiap minggu. Disana 
banyak pendidik dari seluruh Indonesia berbincang dan berdiskusi. Jika 
anda sudah punya akun di twitter ikuti orang yang cocok untuk 
peningkatan kompetensi yang anda butuhkan, coba untuk berinteraksi 
dijamin mereka akan reply dan dengan senang hati berbagi pengetahuan.</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
 </div>
</div>

Lakukan kegiatan peningkatan kompetensi dengan banyak cara dan metod e Siapa saja jadi presenternya, asal sesuai topik . Guru belaj...

Baca selengkapnya...

0 Komentar

jalupangna Label: science 16.09 0 komentar

Bagaimana cara menjadi seorang Guru yang Professional

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDuDcaYYVLrfVIU_jHzR1Bsz7QLryYY4sdf8Wk-vKwOm984QG0o7ABkcNTo8JG-ksqTYsULSjnedOnvp_1dIEPEa38l6k_kscxIOxXP_70xFRzRgnEK0qRqlXqTIh7oK3P9-8X1W11O48/s1600/teacher.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDuDcaYYVLrfVIU_jHzR1Bsz7QLryYY4sdf8Wk-vKwOm984QG0o7ABkcNTo8JG-ksqTYsULSjnedOnvp_1dIEPEa38l6k_kscxIOxXP_70xFRzRgnEK0qRqlXqTIh7oK3P9-8X1W11O48/s1600/teacher.jpg" /></a></div>
<blockquote class="tr_bq">
<div style="margin: 10px auto; padding: 0px; text-align: justify;">
Guru
 adalah peran yang sangat penting dalam peradaban manusia. Guru menjadi 
pencetak generasi penerus umat manusia. Guru mengajar dengan asal-asalan
 dan tidak profesional beresiko menghasilkan generasi penerus yang rusak
 dan selanjutnya akan menghancurkan peradaban masyarakat. Sehingga guru 
yang profesional mutlak diperlukan.</div>
</blockquote>
<div style="margin: 10px auto; padding: 0px; text-align: justify;">
Selain
 itu, dari sudut pandang Islam, profesionalisme adalah keharusan bagi 
tiap profesi dan pengampu amanah. Rasulullah SAW pernah bersabda: “Jika 
urusan diserahkan pada yang bukan ahlinya, maka tunggulah 
kehancurannya.”. Maka sebagai muslim, selayaknya kita berusaha 
profesional dalam setiap urusan termasuk jika kita berprofesi sebagai 
guru.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
1.      Meluruskan Niat</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Dalam 
konsep Islam, niat adalah hal yang penting dalam setiap pekerjaan 
(amal), apakah itu amal ibadah, amal keseharian, maupun profesi. 
Rasulullah bersabda: “Amal-amal itu hanya bergantung kepada niatnya dan 
setiap orang yang beramal hanya akan mendapatkan sesuai apa yang 
diniatkannya” (Riyadhus-Shalihin Bab I Hadits 1). Oleh karena itu, 
sebagai muslim kita harus meluruskan niat kita, termasuk dalam profesi 
kita sebagai guru. Niatkan hanya lillahi Ta’ala.
 Dengan niat yang ikhlas hanya untuk mencari redha-Nya, secara sukarela 
kita akan berusaha untuk meningkatkan kualitas pengajaran kita. Karena 
kita yakin bahwa apa yang kita lakukan adalah untuk persembahan kepada 
Alloh sehingga kita mempersembahkan apa yang terbaik bagi kita.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
2.      Membetulkan Motivasi</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Motivasi 
yang paling baik, sepengetahuan saya adalah melakukan sesuatu untuk 
aktualisasi diri. Secara sederhana, aktualisasi diri dirumuskan dalam 
kalimat: “do what you love and love what you do”
 atau “lakukanlah apa yang kamu sukai dan sukailah apa yang kamu 
lakukan”. Artinya, pekerjaan terbaik yang kita tekuni adalah yang kita 
sukai. Maka, sebelum memasuki profesi guru ada baiknya kita nilai, 
apakah kita mencintai kegiatan mengajar dan mendidik. Jika tidak 
sebaiknya kita tidak berkecimpung di profesi pendidikan.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Tetapi jika
 kita memang memiliki tekat untuk menjadi seorang guru atau pendidik, 
atau misalnya kita sudah terlanjur berkecimpung di profesi guru, maka 
kita bisa berusaha sedikit demi sedikit mencintai kegiatan mendidik dan 
mengajar tersebut. Para leluhur kita di Jawa meyakini bahwa rasa cinta 
itu bisa dipelajari. Kata mereka, “Witting tresna jalaran saka kulina” atau
 artinya adalah “Cinta itu datang karena karena sudah 
terbiasa/mengenal”. Maka kita bisa mulai menari tahu apa keuntungan 
kegiatan mengajar dan mendidik bagi kita, apa manfaatnya bagi orang 
lain, kemudian kita berdoa kepada Alloh agar menjadikan kita mencintai 
kegiatan mengajar. InsyaAlloh dengan usaha, lama kelamaan akan tumbuh 
rasa cinta pada profesi pendidikan.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Kenapa 
perlu rasa suka pada profesi guru jika ingin menjadi guru yang 
profesional? Karena jika kita telah suka pada suatu hal, kita akan 
sukarela mempersembahkan yang terbaik bagi hal tersebut. Jika kita suka 
mengajar, kita akan secara sukarela berusaha untuk mengajar dengan baik.
 Selain itu, jika kita menemukan kesulitan, kita tidak akan mudah patah 
semangat. Sehingga kita terus melakukan peninggakatan kualitas 
pengajaran menuju profesionalisme.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
3.      Mempelajari Materi Ajar Tanpa Henti</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Menjadi 
guru bukan berarti berhenti dari belajar, terlebih materi yang 
diajarkan. Sebagai guru kita harus meningkatkan pemahaman dan 
pengetahuan kita tentang materi yang kita ajarkan. Jika guru paham betul
 materi ajarnya, ia akan lebih mudah mencari penjelasan yang gamblang tetapi
 sederhana kepada muridnya. Selain itu guru yang faham betul meteri 
ajarnya akan mudah mencari perumpamaan-perumpaan nyata untuk mempermudah
 penjelasannya kepada murid. Murid tentu akan lebih mudah menangkap 
penjelasan yang sederhana daripada penjelasan yang njelimet.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Selain itu, guru juga harus mengikuti perkembangan-perkembangan terkini tentang materi yang diajarkannya (updating). Updating perkembangan
 terbaru tentang ilmu yang diajarkan akan meningkatkan dan memperdalam 
pemahaman guru tentang ilmu tersebut. Pengetahuan yang up to date juga
 akan menghindarkan guru dari penjelasan yang salah kepada murid. Selain
 itu, saat murid mencari bahan materi yang diajarkan dari sumber selain 
guru, misal dari internet atau dari buku, ia tidak akan menemukan 
penjelasan yang bertentangan dengan penjelasan gurunya.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
4.      Menerapkan Materi Ajar Dalam Kehidupan Sehari-hari</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Mengamalkan
 materi ajar maksudnya adalah menerapkan apa yang diajarkan kepada murid
 dan esensi ilimu tersebut ke dalam kehidupan sehari-hari guru. Misal 
seorang guru yang mengajarkan PPKN, maka dalam kehidupan sehari-harinya 
guru tersebut harus menerapkan tenggang rasa, naisonalisme, kesadaran 
akan hak dan kewajiban. Mungkin ada pertanyaaan, lalu bagaimana dengan 
guru yang mengajarkan matematika? Yang perlu ia terapkan, selain 
melakukan penghitungan yang benar, juga mengenai cara berfikir matematis
 yang rasional, cara memecahkan masalah yang dalam matematika 
menggunakan jalan tertentu dengan runut dan terukur, dll.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Ilmu yang 
diamalkan dalam kehidupan sehari-hari akan melekat pada diri orang yang 
mengamalkannya tersebut, dalam istilah orang Jawa disebut <a href="http://sijalupangna.blogspot.com/" target="_blank">ngelmu</a>.
 Selain itu, penerapan ini juga akan menambah luas pemahaman dan 
kecintaan diri kepada ilmu yang diajarkan. Dengan kecintaan pada ilmu, 
guru akan secara senang menjelaskan ilmunya kepada murid dengan metode 
terbaik. Pemahaman yang luas akan sangat membantu guru dalam menjelaskan
 ilmu yang diajarkannya kepada murid. Selain itu, pengalaman dalam 
kehidupan sehari-hari akan menjadi contoh nyata bagi murid dan contoh 
adalah pola pengajaran yang paling baik.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
5.      Mempelajari Metode Mengajar Yang Efektif</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Para ahli 
pendidikan telah menemukan dan mengemukakan berbagai metode pengajaran 
yang efektif. Metode pengajaran yang baik ini tidak hanya terbatas pada 
metode pengajaran di dalam kelas, tetapi juga cara menjelaskan yang 
efektif (face to face),
 cara menjawab pertanyaan murid dengan efektif, cara mengoreksi 
kesalahan yang efektif, dll. Seorang guru yang ingin menjadi profesional
 tentulah perlu untuk mempelajari metode-metode ini dan menerapkannya di
 dalam kelasnya atau dalam situasi lain saat mengajar kepada 
murid-muridnya. Cara mengajar, mengatur situasi kelas, mengoreksi yang 
efektif, dll telah banyak dibahas di bidang ilmu Psikologi Pendidikan 
dan banyak buku atau artikel yang beredar tentang hal tersebut.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
6.      Mempelajari Murid Yang Diajar</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Selain 
perlu mempelajari metode ajar yang baik, guru juga perlu mempejari 
aspek-aspek murid yang ia ajar. Pengenalan murid ini baik secara umum 
maupun secara individu/personal. Misal, seorang guru yang mengajar 
anak-anak remaja perlu tau semua aspek psikologis remaja secara umum, 
selain itu ia juga perlu mengenal karakter dan sifat masing-masing murid
 yang ia didik. Pengenalan ini akan lebih memudahkan guru dalam memilih 
metode interaksi, metode penjelasan, metode menjawab, saat ia berhadapan
 dengan muridnya. Selain itu, pengenalan ini akan lebih memudahkan guru 
dalam mengimproviasi teori metode mengajar efektif yang mungkin kurang 
cocok diterapkan pada muridnya dan ia bisa menemukan metode yang lebih 
efektif untuk mengajar murid-murinya.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
7.      Memperhatikan Akhlak Murid</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Ilmu tanpa 
moral adalah buta. Pendidikan yang tidak mengindahkan akhlak peserta 
didik akan menghasilkan generasi penerus yang berpotensi menghancurkan 
peradaban masyarakat. Generasi yang suka minteri atau
 orang pintar yang membodohi orang lain untuk kepentingannya sendiri 
juga lahir dari pendidikan yang hanya mementingkan prestasi tanpa 
mengindahkan akhlak peserta didik. Maka, sebagai pendidik, guru perlu 
memperhatikan akhlak peserta didiknya. Tidak perduli materi ajarnya, 
apakah guru matematika, sejarah, fisika, guru tetap harus memperhatikan 
akhlak muridnya.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Selain itu,
 guru tidak hanya bertanggung jawab untuk menyampaikan materi ajar 
semata. Guru, jika ingin disebut profesional juga bertanggung jawab 
tentang  kualitas penangkapan materi ajar oleh murid atau tingkat 
pemahaman murid. Imam Waqi’, guru Imam Syafi’i, rahimahumalloh mengajarkan
 Imam Syafi’i bahwa ilmu adalah cahaya Alloh yang tidak akan 
dianugerahkan kepada pelaku maksiat. Artinya, orang yang berakhlak jelek
 tidak akan mendapatkan ilmu dengan sempurna. Ia mungkin mendapatkan 
pengetahuan tetapi ia tidak akan menangkap esensi ilmu yang 
dipelajarinya. Oleh karena itu penting bagi guru untuk memperhatikan 
akhlak muridnya. Memperhatikan tidak hanya mengawasi tetapi juga 
mendidikkan akhlak terpuji dan membetulkan jika terdapat akhlak tidak 
terpuji.</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
8.      Menerapkan 7 Kiat di Atas</div>
<div style="line-height: 21px; margin: 10px auto; padding: 0px; text-align: justify;">
Langkah 
terkahir dan paling penting adalah menerapkan 7 kiat tersebut di atas 
setiap hari. Ilmu tanpa amal/penerapan seperti pohon tanpa buah, artinya
 kita tidak akan mendapatkan manfaat dari ilmu tersebut. Maka, setelah 
mengetahui kiat-kiat tersebut, kita harus segera menerapkannya. Mungkin 
di awal-awal kita akan merasa susah dan canggung. Mungkin juga saat awal
 menerapkan kiat tersebut kita akan melakukan berberapa kesalahan. Itu 
biasa sebagai proses belajar. Setelah terbiasa melakukan kiat-kita 
tersebut, Insya Allah akan dirasakan manfaatnya. Aamiin...</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: justify; text-decoration: none;">
Semoga bermanfa'at.. </div>
</div>

Guru adalah peran yang sangat penting dalam peradaban manusia. Guru menjadi pencetak generasi penerus umat manusia. Guru mengajar den...

Baca selengkapnya...

4 Komentar

jalupangna Label: science 15.00 4 komentar

Cara praktis dan mudah membuat Effect Page Peel di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHuHSWi16tbfitjOu3WBUD4W4c4WY4Lf77xvTQJ_iC96D_uDY0ufiI1cyFhoAtOd7xTSmADkCzD7PTIQrIdT4swf3mC1c0XLZ-5CbptL2cSFB4zvDmC3Dj7exuUMHwsUypQIRXnS1f0vq/s1600/page+peel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHuHSWi16tbfitjOu3WBUD4W4c4WY4Lf77xvTQJ_iC96D_uDY0ufiI1cyFhoAtOd7xTSmADkCzD7PTIQrIdT4swf3mC1c0XLZ-5CbptL2cSFB4zvDmC3Dj7exuUMHwsUypQIRXnS1f0vq/s1600/page+peel.jpg" /></a></div>
 
 Banyak cara untuk membuat blog kita tampil cantik dan bagus, sehingga 
akan menarik simpati pengunjung dari blog sobat, salah satunya dengan 
cara ini, yaitu <a href="http://sijalupangna.blogspot.com/2012/12/cara-praktis-dan-mudah-membuat-effect.html" target="_blank">cara membuat halaman bisa melipat</a> layaknya seperti buku tulis. hehe :)   
 
Kalau kita mengarahkan <a href="http://sijalupangna.blogspot.com/" target="_blank">kursor mouse</a> kita di bagian pojok kanan atas halaman blog, maka halaman tersebut akan kelipat atau kebuka. 
 
Namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (yang 
disesuaikan oleh pemilik blog) yang biasanya kalau di klik <a href="http://sijalupangna.blogspot.com/" target="_blank">akan diarahkan ke suatu halaman lain</a> seperti halaman RSS blog, Fans page Facebook ataupun bisa berupa halaman lainnya. 
 
 
Nah, untuk cara membuatnya ikuti langkah - langkah di bawah ini : 
 1. kalian masuk ke akun blogger kalian. 2. Rancangan => edit html 3. cari kode </head> 4. Kemudian anda copy kan kode di bawah ini tepat di atas kode </head> 
 
<blockquote class="tr_bq">
<script type='text/javascript'>var tujuan =&#39;http://www.facebook.com/pages/Eyang-anom/427305383989192&#39;</script> <script
 
src='http://nazuafreedotblogspotdotcom.googlecode.com/files/pagepeeleffectnazuafreedotblogspotdotcom.js/'
 type='text/javascript'/></blockquote>
 
5. ganti tulisan yang berwarna merah dengan alamat fan page blog anda 6. kemudian simpan template dan refresh blog anda , dan lihat hasilnya.   
Sekian tutorial dari saya jika ada kesalahan saya mohon maaf, semoga bermanfa'at. 
 
 
 </div>

Banyak cara untuk membuat blog kita tampil cantik dan bagus, sehingga akan menarik simpati pengunjung dari blog sobat, salah satunya d...

Baca selengkapnya...

7 Komentar

jalupangna Label: tips dan triks blogger 13.29 7 komentar

Cara Membuat Blockquote dengan menggunakan CSS3 di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmouVTADpQLu1hTbV6iiQ7lJVlbUgjPLqHRKK94bVRMR6aXk3FrvUCk-4km6Ku9hFs4oAQqscw8zvuvcM-J2van2V8xv104_1gUhZdjcbqdO_4ETZ1taa9c4yiLxYBbQKkEcIoCI748FmO/s1600/css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmouVTADpQLu1hTbV6iiQ7lJVlbUgjPLqHRKK94bVRMR6aXk3FrvUCk-4km6Ku9hFs4oAQqscw8zvuvcM-J2van2V8xv104_1gUhZdjcbqdO_4ETZ1taa9c4yiLxYBbQKkEcIoCI748FmO/s1600/css.jpg" /></a></div>
 
Blockquote yang lain daripada yang lain ini dibangun dengan melibatkan 
CSS3 transition, CSS3 transformation, CSS3 border radius, CSS3 text 
shadow dan 3 (tiga) buah background image untuk background blockquote 
dan dua tag span yang kita manfaatkan. Bagaimana cara membuat blockquote
 yang benar-benar lain dari pada yang lain ini? Cocokkah untuk blog Anda ? Adakah manfaatnya? 
 
Blockquote bukanlah "gadis yang 
jelek" atau "gadis kaya raya" yang tak layak dipinang untuk melengkapi 
blog. Aku juga heran kenapa jarang sekali blogger yang memanfaatkan tag 
spesial yang sebenarnya amat pantas dipakai ini, ya? atau 
barangkali tak begitu kenal dengan blockquote? Atau kalian merasa 
antipati terlebih dahulu? Ataukah  Anda ketularan blogger lain yang 
jarang menggunakan blockquote? Coba rasakan betapa mudah 
dan pentingnya memanfaatkan "si gadis jelita ini". Dia bisa digunakan 
untuk wadah teks-teks tertentu yang perlu ditonjolkan di posting !  Anda tak perlu membuat tag baru untuk melakukan itu. Cukup 
blockquote! 
 
 
<div class="gray">
Cara Membuat Blockquote dengan CSS3</div>
<a href="https://www.blogger.com/blogger.g?blogID=2280420673319463854" name="more"></a>Kode CSS: 
 
<blockquote class="tr_bq">
blockquote {          padding: 10px;          margin: 10px 0 10px 20px;          background-image: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/bgBloquoteV236H2.png);          font: 13px/17px Serif, Times, Helvetica;          font-style: italic;          color: #FFCC99;  /* original code: gubhugreyot.blogspot.com */          text-shadow: 1px 1px 1px #000;          border: 1px ridge  #0099FF;          border-radius: 20px 10px 20px 10px;         -moz-border-radius: 20px 10px 20px 10px;         -webkit-border-radius: 20px 10px 20px 10px;         -o-transition: all 1.2s ease-in;         -moz-transition: all 1.2s ease-in;         -webkit-transition: all 1.2s ease-in; } blockquote:hover {          color: #eee;         -o-transform: rotate(0deg) scale(1.06) translate(-10px, 0);         -moz-transform: rotate(0deg) scale(1.06) translate(-10px, 0);         -webkit-transform: rotate(0deg) scale(1.06) translate(-10px, 0);} blockquote span.bbuka, blockquote span.btutup {          float: left;          margin-right: 5px;          height: 17px;          width: 22px;          background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-L.png) left top no-repeat;         -o-transition: all 1.2s ease-in;         -moz-transition: all 1.2s ease-in;         -webkit-transition: all 1.2s ease-in; } blockquote span.bbtutup {          float: right;          margin-left: 5px;          margin-right: 0;          background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-R.png) right top no-repeat; } blockquote:hover span.bbuka, blockquote:hover span.btutup {         -o-transform: rotate(1090deg) scale(1.1);         -moz-transform: rotate(1090deg) scale(1.1);         -webkit-transform: rotate(1090deg) scale(1.1); }</blockquote>
 
Cara Menyimpan Kode CSS: 
 
<ol>
<li>Login : Login kee Blogger.<ul class="dua">
<li class="dua">Tuliskan "User Name (Nama Pengguna)" atau bisa juga gunakan "Email Address".</li>
<li class="dua">Tuliskan "Password (Sandi)".</li>
<li class="dua">KLIK "Login".</li>
</ul>
</li>
<li>Sesaat setelah login maka akan terlihat halaman "Dashboard (Dasbor)". KLIK link "Design (Rancangan)"..</li>
<li>Design/Rancangan : Cari dan klik link Edit HTML.</li>
<li>Cari kode ]]></b:skin>. Letakkan dan simpan semua kode CSS tepat di atasnya.</li>
<li>KLIK SAVE Templates/Simpan Template.</li>
<li>KLIK link Posting.</li>
<li>KLIK Entri Baru/New Entry.</li>
<li>Gunakan blockquote untuk melakukan posting. Anda bisa menggunakan contoh di bawah ini.</li>
<li>Buka hasil posting di halaman blog untuk melihat hasilnya.</li>
</ol>
Contoh bentuk kode untuk posting 
 
Silahkan di copy untuk percobaan! 
 
<blockquote class="tr_bq">
Brazil will expect another commanding performance from Thiago Silva when they take on Ukraine at Derby's Pride Park in an international friendly on Monday.<blockquote> Before today you might not ever interested in using the blockquote, but from now maybe you can change your mind after seeing the beautiful blockquote built using CSS3. A blockquote charming with animation that fits perfectly with your own blog. Built with a simple way of utilizing rounded Corners (CSS3 border radius), CSS3 text-shadow, CSS3 transition, transformation and 3 pieces of CSS3 background-image. Take a look below! Is not this a very interesting blockquote?!<blockquote> The 26-year-old Milan defender was in fine form in last Thursday's 3-0 win over Iran - especially important as his centre-back partner David Luiz had a poor game, obliging Thiago Silva to show off his excellent sense of cover. In the World Cup, Thiago Silva was a reserve to the old firm of Juan and Lucio. Just three months later, he is the rock on which Brazil's defence is based, highlighting the speed of the generational change taking place under new coach Mano Menezes.</blockquote>
 
Catatan: 
 
<ol>
<li>Bila dalam template  Anda sebelumnya sudah ada tag blockquote bawaan template asli, sebaiknya dihapus saja. Cari menggunakan Ctrl+F.</li>
<li>Jika merasa ada kesulitan untuk mencari kode atau yang lain, coba buka Special Tutorials
 (menu di kiri). Di dalamnya terdapat beberapa tutorial penting 
berkaitan dengan modifikasi template termasuk cara cepat cari kode HTML.</li>
<li>Untuk menggunakan blockquote,  Anda harus memasukkan kodenya melalui posting mode "Edit HTML" (ada dua mode: mode Compose dan Edit HTML).</li>
</ol>
 
 
 
</div>

Blockquote yang lain daripada yang lain ini dibangun dengan melibatkan CSS3 transition, CSS3 transformation, CSS3 border radius, CSS3 t...

Baca selengkapnya...

14 Komentar

jalupangna Label: tips dan triks blogger 10.10 14 komentar