"BLOG TANI NELAYANKU": TEKNOLOGI

Membuat Menu Accordion Tanpa Edit HTML

<div class="separator" style="clear: both; text-align: center;"><a href="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcREGx2-t7XAZ_gIWYthvGRC63ARM2cZ3ZZu_fR3DNJHI_W9nQLH" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcREGx2-t7XAZ_gIWYthvGRC63ARM2cZ3ZZu_fR3DNJHI_W9nQLH" /></a></div><div style="text-align: justify;">Kali ini saya akan memberikan tutorial membuat menu accordion yang saya pasang pada template <a href="http://johnysimple-magazine2.blogspot.com/" target="_blank">Johny Simple Magazine 2</a> dan <a href="http://johnymagazine2.blogspot.com/" target="_blank">Johny Magazine 2</a> tanpa harus masuk ke Edit HTML. Awalnya kedua template tersebut menggunakan simple accordion dari dezinerfolio, belakangan ini tidak berfungsi. Sampai sekarang saya tidak tahu kenapa, padahal semua javascriptnya sudah saya ganti dengan yang baru. Akhirnya saya menemukan accordion menu yang lebih sederhana, tidak perlu masuk ke Edit HTML, tinggal masuk ke layout kemudian pilih HTML/Javascript, letakkan kodenya disitu....  sudah jadi menu accordionnya.</div><a name="more"></a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9h18QMEJ7yOXYdfu0nZa5bdWomiQfPDvUmByp4jDaneZBngnRD9zgznZy0Cs_gFl4KpwX30qEfKqihpc4Ztx0N90enLqU5FZeFg-Vwnq1pRCWM2hMzBMZyCaKOCj68qGnQLfOfnf2ouk/s1600/menu+accordion.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="menu accordion" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9h18QMEJ7yOXYdfu0nZa5bdWomiQfPDvUmByp4jDaneZBngnRD9zgznZy0Cs_gFl4KpwX30qEfKqihpc4Ztx0N90enLqU5FZeFg-Vwnq1pRCWM2hMzBMZyCaKOCj68qGnQLfOfnf2ouk/s1600/menu+accordion.jpg" /></a></div> <div style="text-align: justify;">Salah satu fungsi dari accordion menu selain memperingkas tampilan blog, juga dapat memperindah blog, seperti juga fungsi tabber atau tab view, jadi blog Anda akan kelihatan lebih ringkas dan rapi. Tutorial ini sudah agak lama, saya hanya memperbaharui tampilan menunya saja. Anda bisa letakkan menu accordion ini pada sidebar blog. Bagi teman-teman yang mau mencoba, berikut ini cara membuatnya (wah bahasanya jadul banget ya) :</div><ol><li>Login ke Blogger dengan akun Anda</li><li>Masuk ke Layout, pilih HTML/Javascript</li><li>Kemudian masukkan kode berikut ini ke dalamnya (kek bikin masakan aja) : <div style="margin: 5px;"><div class="bigfont" style="margin-bottom: 2px;"></div><div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;"><div><style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifvS8Rb70FC4cqA-eOgI9yuGDu0wKzTL3nMC6kMFHGcsI7PEM4oMjpzypZ4KKHKqZotfcv8-NKqJohcyu9ekF2qReE4ExZy6Gsru9ovNSeZ4n57LazobjiWDCayrD6AI9cqCpCXemVc7E/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;} #accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;} #accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;} #accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;} #accordion .content li a:hover {text-decoration:none;color:#000;} #accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd66g-hMjvziLc-RlxOocRwGERio0bLzpV4vqp-1BeglaDmnGRzxG7bHiGg9w_qejgGPmsMEX1yAF1Xc9EDZjStqUpDLfLf-DdmcZV-tgeC_Rny9UkJGzGcGiuFguCaHS0xPSGMzFfzG4/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;} </style> <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); }); </script> <div id="accordion"> <h2>Title 1</h2> <div class="content">Isi konten 1 </div> <div id="accordion"> <h2>Title 2</h2> <div class="content">Isi konten 2 </div> <div id="accordion"> <h2>Title 3</h2> <div class="content">Isi konten 3 </div> <div id="accordion"> <h2>Title 4</h2> <div class="content">Isi konten 4 </div> <div id="accordion"> <h2>Title 5</h2> <div class="content">Isi konten 5 </div> </div></div></div></div></div></div></div></div></li><li>Terakhir Save, lihat hasilnya</li></ol> <div style="color: blue; text-align: center;"><a href="http://johnysimple-magazine2.blogspot.com/" target="_blank">Demo Accordion Menu Light</a></div> <div style="text-align: justify;">Keterangan :<ul><li>Title : Judul heading menu accordion </li><li>Isi konten : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget) </li></ul>Menu accordion diatas untuk blog yang mempunyai background warna terang. Bagi Anda yang mempunyai blog warna gelap atau hitam, tinggal diganti kode css-nya,. Lebih lengkapnya seperti kode di bawah ini :</div><div style="margin: 5px;"><div class="bigfont" style="margin-bottom: 2px;"></div><div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;"><div><style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrC2hyphenhyphennSD4oFIwUyTf-oCQJRlAn3RPAdyBrrauXXGFOjYKo6iwxsO-AL7RLQXVdgAa4WY6mq58Vzo_tuoQCjhX5a1OIEv-4PJe243gGf99zOAWIpFTg7O5yGZEfZKjFQrYZRzODb6Vt98/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-flUzUUjT7lBnpd3sIO7t7ZLiItzuq7qO3TqprePzxFpLsZ451DtZ95EoCf14wJtZ_KLTDp4y1b0Krcgr5_znuVyAvoGpvDiWa_z3Prnh4ZL1apYAWqyq0c1TnorurhNWIskYK4-GCY/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style> <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); }); </script> <div id="accordion"> <h2>Title 1</h2> <div class="content">Isi konten 1 </div> <div id="accordion"> <h2>Title 2</h2> <div class="content">Isi konten 2 </div> <div id="accordion"> <h2>Title 3</h2> <div class="content">Isi konten 3 </div> <div id="accordion"> <h2>Title 4</h2> <div class="content">Isi konten 4 </div> <div id="accordion"> <h2>Title 5</h2> <div class="content">Isi konten 5 </div> </div></div></div></div></div></div></div></div> <div style="color: blue; text-align: center;"><a href="http://johnymagazine2.blogspot.com/" target="_blank">Demo Accordion Menu Dark</a></div> Bagi yang ingin menyimpan javascript menu accordion silahkan download link dibawah : <div style="color: blue; text-align: center;"><a href="http://www.mediafire.com/?44db0j0bc4cc99p" target="_blank">Download Javascript Accordion Menu</a></div> <div style="text-align: justify;">Demikian tutorial singkat membuat menu accordion kali ini, dan bagi Anda yang menggunakan kedua template Johny Simple Magazine 2 dan Johny Magazine 2 dapat mengupdate menu accordion-nya dengan tutorial ini.</div> Pengumuman : <div style="text-align: justify;">Bagi yang masih mengalami masalah dengan blog, karena ada permintaan password dan username pada blog yang dipakai, mending download ulang aja ya. Semua template sudah saya perbaiki kecuali 3 template pertama saya, yaitu Johny Simplesite, Johny Portal 1, dan Johny Magazine (lupa password emailnya, jadi nggak bisa diperbaiki).</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;">DITULIS OLEH <a href="http://www.maskolis.com/2012/12/membuat-menu-accordion-tanpa-edit-html.html" target="_blank">JOHNY GRNDHENG</a> WIRO SABLENG</div><div style="text-align: justify;">http://www.maskolis.com/2012/12/membuat-menu-accordion-tanpa-edit-html.html </div>

Membuat Menu Accordion Tanpa Edit HTML

K ali ini saya akan memberikan tutorial membuat menu accordion yang saya pasang pada template Johny Simple Magazine 2 dan Johny Magazine 2 ...

Mengatasi Loading Blog dengan Google Code

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqvTdmOLchOiBG8ISwyIzR3gY78TeADnA1cOpROHrwSRUA9MlBubIy6PgLJj5UUhieR9UG7nRB_7dDBdzRfrYTtoeYOQ88KjvKYPcmJ6YRmHcKSHbbVa91ma2itBJnsTCQ1YEfpgW9p2E/s1600/Loading+Blog+Menjadi+Lama+-+Blogspot+ID.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqvTdmOLchOiBG8ISwyIzR3gY78TeADnA1cOpROHrwSRUA9MlBubIy6PgLJj5UUhieR9UG7nRB_7dDBdzRfrYTtoeYOQ88KjvKYPcmJ6YRmHcKSHbbVa91ma2itBJnsTCQ1YEfpgW9p2E/s320/Loading+Blog+Menjadi+Lama+-+Blogspot+ID.jpg" width="237" /></a></div><h1 class="post-title entry-title"></h1> <div style="text-align: justify;">Kali ini saya akan memberikan sebuah solusi atau pemecahan bagi Anda yang memiliki masalah dengan loading blog yang cukup berat. Loading atau proses membuka pada sebuah program menjadi salah satu faktor penting bagi bekerjanya sebuah sistem. Begitu juga dengan loading sebuah blog, jika terlalu berat maka akan membuat kinerja blog yang kita kelola menjadi sulit untuk berkembang karena pengunjung pasti akan berkurang. Seorang pengunjung tidak mau lama-lama menunggu untuk melihat isi atau artikel yang ingin dibacanya. Mereka lebih memilih mengunjungi sebuah blog yang cepat proses membukanya, disamping lebih efisien waktu, mungkin juga biaya yang dikeluarkan lebih kecil jika mereka mesti bayar koneksi internet.<a name="more"></a></div> <div style="text-align: justify;">Blog yang saya bahas disini adalah blogspot, kecepatan loading blog platfrom blogger ini hanya tergantung pada seberapa banyak kode script yang kita masukkan ke dalam template tapi dengan asumsi kecepatan koneksi internet yang digunakan sama.  Beda dengan Wordpress atau platform blog lain yang menggunakan hosting sendiri, kecepatan blog tergantung juga dengan jenis dan kapasitas hosting yang dipakainya. Umumnya blog yang loadingnya berat biasanya memakai template jenis magazine seperti yang sering saya buat, karena banyak sekali fitur yang dipasang pada homepage. Sebenarnya dari Google sendiri juga menyarankan agar loading blog lebih cepat, paling tidak hanya 9 post yang ada di homepage. Tapi karena semakin berkembangnya blogger, platform blog ini sekarang bisa lebih dikembangkan sehingga menyerupai bentuk blog-blog profesional seperti platform lainnya dengan konsekuensi loading blog yang semakin lambat.</div> <div style="text-align: justify;">Bagi Anda pengguna blogger, saya akan memberikan solusi logis untuk meningkatkan performa kecepatan loading blog, khususnya bagi anda pemakai template style magazine. Jika anda memakai sebuah template dengan menggunakan banyak fitur, seperti slider, label per categori atau lainnya. Pasti pernah menemukan sebuah script yang panjang (biasanya diletakkan diatas kode </head>) atau script yang sudah disimpan di tempat penyimpanan <a href="http://code.google.com/" target="_blank">Google Code</a> oleh si pembuat template. </div> Javascript yang belum disimpan di Google Code <div style="text-align: justify;">Saya akan berikan contoh sebuah script dan cara menyimpannya di Google code anda sendiri. Perhatikan contoh script di bawah ini saya ambil yang sederhana :</div><div style="text-align: left;"><blockquote class="tr_bq"><script language='javascript'>function Barva(koda) { document.getElementById(&quot;vzorec&quot;).bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById(&quot;vzorec2&quot;).bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script> </blockquote></div><div style="text-align: justify;">Perhatikan kode warna biru diatas, buka notepad kemudian copy kode warna biru ke notepad. (hanya warna biru). Setelah itu klik save as, pada File name beri nama file itu dengan diakhiri .js (misalnya : contoh.js). Dan pada Save as type pilih All files, Encoding biarkan pada ANSI, seperti pada gambar di bawah :</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidBXdUEpzY25BoJdBPWl8vOeHzdkK74Pko6bpaiuApk2d-BIfmvKubwa5uykkbbEo10TH3wbGXWiTd1qA9vS3PeVFqfpv6WmS4qkVwT1XTl-3N84TSleDpI0eNkXISn8Lm9Nk1oiYmTPs/s1600/javascript.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidBXdUEpzY25BoJdBPWl8vOeHzdkK74Pko6bpaiuApk2d-BIfmvKubwa5uykkbbEo10TH3wbGXWiTd1qA9vS3PeVFqfpv6WmS4qkVwT1XTl-3N84TSleDpI0eNkXISn8Lm9Nk1oiYmTPs/s1600/javascript.jpg" /></a></div> <div style="text-align: justify;">Setelah proses penyimpanan file di komputer sekarang kita simpan di Google Code agar bisa dipasang pada template. Buka Google Code Anda, kalau belum pernah menggunakan Google Code sebelumnya, Anda harus membuatnya terlebih dahulu berikut caranya :</div><ol><li>Login ke akun Google anda, kemudian kunjungi <a href="http://code.google.com/hosting/">http://code.google.com/hosting/</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEEyypcCmJ57DiYfZfj75RktSOYzjSDPLXnLHFBk6YSjnjmlYuHtb2w7NZ84r0xkVs_vA-vYf6xQ3VXpnj0P0QhhEbCKUu2bHz3Y8tzfNJ5ttBdWz0G4jG-MRMUumufyRhZWDEcC8zJg/s1600/google+code.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEEyypcCmJ57DiYfZfj75RktSOYzjSDPLXnLHFBk6YSjnjmlYuHtb2w7NZ84r0xkVs_vA-vYf6xQ3VXpnj0P0QhhEbCKUu2bHz3Y8tzfNJ5ttBdWz0G4jG-MRMUumufyRhZWDEcC8zJg/s1600/google+code.jpg" /></a></div></li><li>Setelah itu klik Create a new project seperti gambar diatas, setelah muncul jendela baru isi kotak kosong seperti contoh gambar di bawah. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq4knbr6pMa-3dIrvohQYzAgheNDuCS7_scCoG6FhcwK67hiVakJIApEvvUAELxJsxXA-z3DbWUhIxztMrhYhIkdVQ_Sh2v8CsI9djJX2cGECulfNJinTsq8H6YiQiUAZJDK2wBsaUt8o/s1600/google+code+1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq4knbr6pMa-3dIrvohQYzAgheNDuCS7_scCoG6FhcwK67hiVakJIApEvvUAELxJsxXA-z3DbWUhIxztMrhYhIkdVQ_Sh2v8CsI9djJX2cGECulfNJinTsq8H6YiQiUAZJDK2wBsaUt8o/s1600/google+code+1.jpg" /></a></div> <div style="text-align: justify;">Yang perlu anda perhatikan adalah dalam mengisi Version control system dan source code lisence, Anda harus isi seperti contoh gambar diatas. Untuk kolom lain bisa diisi terserah anda. Setelah itu klik Create project.</div></li><li style="text-align: justify;">Anda sekarang sudah mempunyai akun di Google Code, langkah selanjutnya adalah menyimpan kode javascript yang sudah dibuat diatas di Google Code. Menuju ke tab 'Download' dan klik New download. Kemudian klik Browse dan pilih file javascript yang ingin diupload. Isi informasi yang berhubungan dengan file javascript tersebut kemudian klik Submit file. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3f1Qo74ihIymX3jaiRtWpJemo1wsO_4V5gS_uaxi27KhlP1_crjCfFNT_sfP_01W0qfSZVdR4em0n3yL32Y8Px1nwvZklmTVqzlGXdOGeRXwgjU3LeMLvcqaFUjK7KFX93OHJfXhME8/s1600/template+maskolis.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3f1Qo74ihIymX3jaiRtWpJemo1wsO_4V5gS_uaxi27KhlP1_crjCfFNT_sfP_01W0qfSZVdR4em0n3yL32Y8Px1nwvZklmTVqzlGXdOGeRXwgjU3LeMLvcqaFUjK7KFX93OHJfXhME8/s1600/template+maskolis.jpg" /></a></div> </li><li><div style="text-align: justify;">File javascript anda sudah diupload ke Google code. Sekarang tinggal memanggilnya dan meletakkanya di template Anda. Klik file yang tadi sudah diupload, setelah itu akan terbuka jendela baru. Untuk mendapatkan direct link dari file yang anda upload. Klik kanan pada nama file tersebut kemudian pilih copy link location (firefox) atau salin alamat tautan (Chrome) seperti gambar dibawah.</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghm7jEok9bz-nus9Fu7k0ovMM9RPrizlbJ9Pv84znj71rR3hHSJoF2kesRZfaDrEdhFrJe88m6rD-QiG-Pos_VlQARAAw6Ln0yA_Rt-KUHsuLLeAfkrT74h9aabUJ71viOoheeAZWpqjo/s1600/contoh.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghm7jEok9bz-nus9Fu7k0ovMM9RPrizlbJ9Pv84znj71rR3hHSJoF2kesRZfaDrEdhFrJe88m6rD-QiG-Pos_VlQARAAw6Ln0yA_Rt-KUHsuLLeAfkrT74h9aabUJ71viOoheeAZWpqjo/s1600/contoh.jpg" /></a></div> </li><li>Sekarang bagaimana menempatkan direct link tersebut ke dalam template? Perhatikan dua gambar di bawah ini : <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hDanVxPXv2JXYue07cAUExykt0zT0HYm76EC2FiM98ZHqohaYRyQuPt7ylbMvn2yyvxJ3DT9-ZiEHrY0FxhVQRzONBQlpEOiUcNcn44U78hQCmRrpp_E1iL7Abg0JeFmgEJ1EdvPc9c/s1600/contoh+lama.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hDanVxPXv2JXYue07cAUExykt0zT0HYm76EC2FiM98ZHqohaYRyQuPt7ylbMvn2yyvxJ3DT9-ZiEHrY0FxhVQRzONBQlpEOiUcNcn44U78hQCmRrpp_E1iL7Abg0JeFmgEJ1EdvPc9c/s1600/contoh+lama.jpg" /></a></div><div style="text-align: center;">Sebelum disimpan di Google code</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZFYebVYoGH1PHOUNrYiaTByeh0U_QQSEdKh2qDOaY7XFi280TKXRX5OYHrmnUPH7nqA9PvmVWGiQAm1wScIGpG1_0fsQoWyybFYvz6nG4DwmVrFruyaU7D_LpnXGxtstgCEOUOqtANk0/s1600/contoh+baru.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZFYebVYoGH1PHOUNrYiaTByeh0U_QQSEdKh2qDOaY7XFi280TKXRX5OYHrmnUPH7nqA9PvmVWGiQAm1wScIGpG1_0fsQoWyybFYvz6nG4DwmVrFruyaU7D_LpnXGxtstgCEOUOqtANk0/s1600/contoh+baru.jpg" /></a></div><div style="text-align: center;">Sesudah disimpan di Google code</div> <div style="text-align: justify;">Perhatikan kode block biru pada kedua gambar diatas, gambar atas belum diringkas dan pada gambar bawah kode sudah diringkas dan disimpan di tempat penyimpanan Google Code menjadi seperti ini :</div><div style="text-align: left;"><blockquote class="tr_bq"><script src="http://kauman.googlecode.com/files/contoh.js" type="text/javascript"/></blockquote></div><div style="text-align: justify;">Kode script diatas adalah kode ringkasan dari contoh kode script panjang paling atas dan warna merah adalah direct link file yang kita upload di Google Code pada langkah nomer 4 diatas.</div></li></ol>Javascript yang sudah disimpan di Google Code <div style="text-align: justify;">Nah sekarang bagaimana jika file javascript itu sudah disimpan di Google Code milik akun lain? Saya akan berikan contohnya dibawah :</div><div style="text-align: left;"><blockquote class="tr_bq"><script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/> </blockquote></div><div style="text-align: justify;">URL Javascript warna merah diatas yang harus diganti dengan URL script dari Google Code anda. Caranya copy URL tersebut ke browser Anda seperti gambar dibawah :</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHh5r1DPxEBoHXo5IwCkm8GKqmu-fzDpf0FiSM9ZnPNblArk8Vf0xGViunpAGooK2H0D0z12sui7qO8YJQ66LR_f45VG67pcqJ67iDsIC7Oxc6jox4VeYRfAMufPKEEe2xvceHXJsGcts/s1600/New+Picture.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHh5r1DPxEBoHXo5IwCkm8GKqmu-fzDpf0FiSM9ZnPNblArk8Vf0xGViunpAGooK2H0D0z12sui7qO8YJQ66LR_f45VG67pcqJ67iDsIC7Oxc6jox4VeYRfAMufPKEEe2xvceHXJsGcts/s1600/New+Picture.jpg" /></a></div> <div style="text-align: justify;">Kemudian tekan Enter pada keyboard. Jika muncul pilihan save, Anda tinggal save file tersebut kemudian upload ke Google Code Anda seperti langkah nomer 3 diatas. Tetapi jika setelah tekan enter muncul kode javascript yang berderet-deret banyak sekali deh pokoknya, copy kan kode itu ke notepad kemudian simpan seperti pada gambar paling atas pada artikel ini. Setelah itu upload ke Google Code seperti langkah-langkah diatas. Setelah itu masukkan atau ganti URL warna merah pada javascript diatas dengan URL atau direct link dari google code yang sudah Anda upload.</div> <div style="text-align: justify;">Kok bisa ya dengan menyimpan javascript di tempat penyimpanan Google Code sendiri bisa meringankan loading blog? Penjelasannya seperti ini, jika Anda memakai sebuah template dengan menggunakan banyak script yang disimpan di Google Code oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut, pasti ada pengguna lain yang memakai template yang sama. Jika kedua blog dengan menggunakan template yang sama loading pada saat bersamaan pasti akan terasa semakin berat, kalau cuma dua atau tiga sih nggak terlalu terasa kalau yang memakai template itu banyak apa tidak semakin berat loadingnya? Disamping itu juga untuk berjaga-jaga jika sewaktu-waktu script si pembuat template rusak atau overload.</div> <div style="text-align: justify;">Itu tadi satu tips untuk mempercepat loading blog Anda dengan menyimpan file Javascript di Google Code Anda sendiri, silahkan dipahami dan semoga bermanfaat.</div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"><a href="http://www.maskolis.com/2012/05/mengatasi-loading-blog-dengan-google.html" target="_blank">OLEH JOHNY KENTHIR </a></div>

Mengatasi Loading Blog dengan Google Code

K ali ini saya akan memberikan sebuah solusi atau pemecahan bagi Anda yang memiliki masalah dengan loading blog yang cukup berat. Loadin...

Produktifitas itu spontanitas

Produktifitas itu spontanitas

Pernahkah Anda merasa pada saat bekerja jarum jam sudah menunjukkan pukul 11 menjelang makan siang padah...

Mengenali Diri dan Mengembangkan Kepribadian..!

<div class="MsoNoSpacing" style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7f__dmnispEwY0TYWRtrteIWQQaox7xtupmb3j4W9PGNdsobbINyT5O_p0cUT_lR3rVo0nNvm5hmBXwHFU91lQ10NvLW8IIxywSIC29Hv5UwZJRCN53mcbUIWMmQynjL-mnmIWk0f9KQI/s1600/cute+8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7f__dmnispEwY0TYWRtrteIWQQaox7xtupmb3j4W9PGNdsobbINyT5O_p0cUT_lR3rVo0nNvm5hmBXwHFU91lQ10NvLW8IIxywSIC29Hv5UwZJRCN53mcbUIWMmQynjL-mnmIWk0f9KQI/s320/cute+8.jpg" width="320" /></a>GloriaNet - Setiap manusia normal cenderung mengharapkan dirinya berkembang menjadi lebih baik lagi, apa pun profesinya. </div><div class="MsoNoSpacing" style="text-align: justify;"> W Stern mengemukakan Teori Konvergensi yang mengatakan kepribadian manusia terbentuk sebagai hasil interaksi dari nature dan nurture. Jadi, hasil interaksi dari potensi yang dimiliki manusia dan seberapa besar lingkungan mempengaruhi perwujudan potensi yang dimiliki. </div><div class="MsoNoSpacing" style="text-align: justify;"> Kalau berbicara mengenai "potensi", kita tidak bisa berbuat banyak, karena potensi manusia memang sudah terberi. Yang dapat diupayakan adalah usaha untuk mengembangkan potensi yang ada agar berfungsi sesuai dengan peran yang harus kita jalankan. <a name="more"></a></div><div class="MsoNoSpacing" style="text-align: justify;"> Dalam hal ini, Harry Ingham dan Joseph Luft dalam Johari Window-nya (nama Johari berasal dari Joseph Luft dan Harrington Ingham) menyatakan bahwa manusia memiliki empat daerah pengenalan diri yaitu:</div><div class="MsoNoSpacing" style="text-align: justify;"> 1. Diri terbuka</div><div class="MsoNoSpacing" style="text-align: justify;">2. Diri terlena</div><div class="MsoNoSpacing" style="text-align: justify;">3. Diri tersembunyi</div><div class="MsoNoSpacing" style="text-align: justify;">4. Diri yang tidak dikenal siapa pun. </div> <div class="MsoNoSpacing" style="text-align: justify;"> Keempat hal di atas digambarkan sebagai berikut. </div><div class="MsoNoSpacing" style="text-align: justify;">Bidang 1: Diri terbuka</div><div class="MsoNoSpacing" style="text-align: justify;">Bagian diri yang disadari oleh diri sendiri dan ditampilkan kepada orang lain atas kemauan sendiri. Misalnya perasaan, pendapat dan pikiran yang dipilih untuk disampaikan kepada orang lain. Juga hal-hal yang tidak dapat ditutupi terhadap orang lain, seperti muka, bentuk badan, umur yang tampak pada keadaan badan (tua, muda). </div><div class="MsoNoSpacing" style="text-align: justify;"> Bidang 2: Diri terlena</div><div class="MsoNoSpacing" style="text-align: justify;">Bagian diri yang tanpa disadari diri sendiri, tertutup terhadap dirinya, tetapi tersampaikan kepada orang lain atau diketahui oleh orang lain. Misalnya kebiasaan-kebiasaan, sifat-sifat, dan kemampuan tertentu yang tidak disadari ada pada diri sendiri, yang sering berpengaruh (positif atau negatif) dalam berhubungan dengan orang lain (misalnya sering membuat interupsi, kurang memperhatikan perasaan orang lain, senang membantah, membanggakan diri, dan sebagainya).</div><div class="MsoNoSpacing" style="text-align: justify;"> Bidang 3: Diri tersembunyi</div><div class="MsoNoSpacing" style="text-align: justify;">Bagian diri yang disadari oleh diri sendiri, tetapi secara sadar ditutup-tutupi atau disembunyikan terhadap orang lain. Mungkin juga orang tidak tahu bagaimana menyampaikan dirinya kepada orang lain (misalnya tidak setuju tentang pendapat orang lain, tetapi tidak dapat menyampaikan hal itu), atau karena kalau disampaikan akan membuat malu diri sendiri, misalnya perasaan ketidakpastian, keinginan yang rahasia, dan sebagainya.</div><div class="MsoNoSpacing" style="text-align: justify;"> Bidang 4: Diri yang tak dikenal oleh diri sendiri dan oleh orang lain.</div><div class="MsoNoSpacing" style="text-align: justify;">Bagian diri yang tidak dikenal diri sendiri dan orang lain ini berupa motif, kebutuhan yang tidak disadari, terlupakan atau didesak ke bawah sadar sehingga tidak dikenal lagi dan masih mempengaruhi tindakan orang dalam berhubungan dengan orang lain.</div><div class="MsoNoSpacing" style="text-align: justify;"> Untuk dirinya perlu dikembangkan kepercayaan dengan jalan membuka diri terhadap pendapat, perasaan, dan pikiran orang lain, artinya membuka jalan bagi orang lain untuk memberikan umpan balik kepada dia sehingga bidang diri terbuka (1) melebar dan akan timbul perbaikan dalam hubungan dengan orang lain. </div><div class="MsoNoSpacing" style="text-align: justify;"> Mengenali diri maksudnya adalah memperoleh pengetahuan tentang totalitas diri yang tepat dengan menyadari segi keunggulan yang dimiliki maupun segi kekurangan-kekurangan yang ada pada diri. Umpan balik </div><div class="MsoNoSpacing" style="text-align: justify;">Umpan balik merupakan proses di mana seseorang memberi tahu berdasarkan pengamatan dan perasaannya tentang tingkah laku seseorang guna membantu perkembangan pribadi orang itu.</div><div class="MsoNoSpacing" style="text-align: justify;"> Beberapa hal yang bisa dijadikan pegangan sebagai upaya perubahan sikap adalah memiliki motivasi kuat untuk berkembang, memiliki antusiasme dengan cara berpikir positif, bersedia belajar meyakini dan menghargai kemampuan diri, berupaya meningkatkan kemampuan untuk mendapatkan apa yang menjadi tujuan diri sendiri, berupaya tidak membiarkan perkecualian terjadi, sebelum kebiasaan baru berakar pada kehidupan, dan bersikap rajin berlatih pada setiap kesempatan diperoleh.</div><div class="MsoNoSpacing" style="text-align: justify;"> Pengembangan kepribadian</div><div class="MsoNoSpacing" style="text-align: justify;">Kecuali modal pegangan tersebut diatas, untuk mengembangkan diri perlu dipertimbangkan juga faktor di bawah ini.</div><div class="MsoNoSpacing" style="text-align: justify;"> a. Faktor penghambat yang berasal dari lingkungan.</div><div class="MsoNoSpacing" style="text-align: justify;">Sistem yang dianut. Kadang-kadang sistem yang berlaku dalam lingkungan kita, apakah dalam pekerjaan pendidikan atau lingkungan sosial di mana kita berada, tanpa disadari menghambat pengembangan diri kita, misalnya diberlakukannya sistem senioritas dalam jenjang jabatan di mana kita bekerja. </div><div class="MsoNoSpacing" style="text-align: justify;"> Tanggapan atau sikap/kebiasaan dalam lingkungan kebudayaan. Kadang-kadang tradisi atau kebiasaan yang berlaku menghambat perwujudan dari perkembangan diri seseorang.</div><div class="MsoNoSpacing" style="text-align: justify;"> b. Faktor penghambat yang berasal dari diri individu sendiri.</div><div class="MsoNoSpacing" style="text-align: justify;">Faktor tujuan hidup yang tidak/belum tergambar dengan jelas. </div><div class="MsoNoSpacing" style="text-align: justify;">Faktor motivasi dan faktor keengganan untuk menelaah diri. Kadang-kadang manusia takut untuk menerima kenyataan bahwa ia memiliki kekurangan ataupun kelebihan pada dirinya. </div><div class="MsoNoSpacing" style="text-align: justify;"> Faktor usia. Kadang-kadang orang yang sudah tua dalam usia tidak melihat bahwa kearifan dan kebijaksanaan dapat dicapainya. Mereka cenderung memandang bahwa usia muda lebih hebat karena produktif. Memang banyak aspek penghambat pengembangan kepribadian kita, namun sebenarnya masalah utamanya terletak pada jawaban kita terhadap pertanyaan, "Benarkah kita berkeinginan untuk mengembangkan diri kita?" </div><div class="MsoNoSpacing" style="text-align: justify;"> </div><div class="MsoNoSpacing" style="text-align: justify;"> </div><div class="MsoNoSpacing" style="text-align: justify;">Semoga saja?</div>

Mengenali Diri dan Mengembangkan Kepribadian..!

GloriaNet - Setiap manusia normal cenderung mengharapkan dirinya berkembang menjadi lebih baik lagi , apa pun profesinya . W Ste...

Landasan Pengembangan Diri

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi42vopUbW3OwW_GXCZe_x4NBSMRO29eVPQ0QimnTkF9PK2QBD8EYLJDOjjfMZqVMF_809d8gcYuvU4Qt2IHKw0dlK04iexyrdLCCcYZDLmLwsPOcFNdNv06gXHutLUFx8h9XhNTqmyy809/s1600/kontaktformular.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi42vopUbW3OwW_GXCZe_x4NBSMRO29eVPQ0QimnTkF9PK2QBD8EYLJDOjjfMZqVMF_809d8gcYuvU4Qt2IHKw0dlK04iexyrdLCCcYZDLmLwsPOcFNdNv06gXHutLUFx8h9XhNTqmyy809/s320/kontaktformular.gif" width="320" /></a></div><div class="MsoNoSpacing" style="text-align: justify;"> </div> <div class="MsoNoSpacing" style="text-align: justify;">Dalam kegiatan yg digunakan terhadap anak didik ada suatu jenis pendidikan yang namanya pengembangan diri. Pengembangan diri memiliki dasar pedoman yang perlu dijadikan sebagai dasar. </div><a name="more"></a>Adapun dasar yg digunakan dalam pembinaan khususnya pada anak atau remaja dasarnya adalah sebagai berikut: <div class="MsoNoSpacing" style="text-align: justify;">UU No. 20 Tahun 2003 tentang Sisdiknas:</div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">1.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">  Pasal 1 butir 6 tentang pendidik, pasal 3 tentang tujuan pendidikan, pasal 4 ayat (4) tentang penyelenggaraan pembelajaran, pasal 12 ayat (1b) tentang pelayanan pendidikan sesuai bakat, minat, dan kemampuan </div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">2.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">   PP No. 19 Tahun 2005 tentang Standar Nasional Pendidikan:</div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">3.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">   Pasal 5 – 18 tentang Standar Isi satuan pendidikan dasar dan menengah.</div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">4.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">  Permendiknas No. 22 Tahun 2006 tentang Standar Isi yang memuat pengembangan diri dalam struktur kurikulum, dibimbing oleh konselor, dan guru / tenaga kependidikan yang disebut pembina.</div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">5.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> Dasar standarisasi profesi konseling oleh Ditjen Dikti Tahun 2004 tentang arah profesi konseling di sekolah dan luar sekolah.</div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">6.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">  Pengembangan diri merupakan kegiatan pendidikan di luar mata pelajaran sebagai  bagian integral dari kurikulum sekolah/madrasah. </div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">7.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">  Kegiatan pengembangan diri merupakan upaya pembentukan watak dan kepribadian peserta didik yang dilakukan melalui kegiatan pelayanan konseling  berkenaan dengan masalah pribadi dan kehidupan sosial, kegiatan belajar, dan pengembangan karir, serta kegiatan ekstra kurikuler. </div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">8.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> Untuk satuan pendidikan kejuruan, kegiatan pengembangan diri, khususnya pelayanan konseling ditujukan guna pengembangan kreativitas dan karir </div> <div class="MsoNoSpacing" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">9.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">  Untuk satuan pendidikan khusus, pelayanan konseling menekankan peningkatan kecakapan hidup sesuai dengan kebutuhan khusus peserta didik.</div> <div class="MsoNoSpacing" style="text-align: justify;"> </div> <div class="MsoNoSpacing" style="text-align: justify;">Demikian sebagai postingan kita kali ini, semoga bermanfaat dan bisa membantu kaum pendidik.</div> <div class="MsoNoSpacing" style="text-align: justify;"> </div><div class="MsoNoSpacing" style="text-align: justify;"> </div><div class="MsoNoSpacing" style="text-align: justify;"> </div><div class="MsoNoSpacing" style="text-align: justify;">Sumber: Dasar Pengembangan diri </div>

Landasan Pengembangan Diri

Dalam kegiatan yg digunakan terhadap anak didik ada suatu jenis pendidikan yang namanya pengembangan diri. Pengembangan diri memiliki dasa...

"BLOG TANI NELAYANKU"

Membuat Menu Accordion Tanpa Edit HTML

Mengatasi Loading Blog dengan Google Code

Produktifitas itu spontanitas

Mengenali Diri dan Mengembangkan Kepribadian..!

Landasan Pengembangan Diri

Entri Populer

Blog Archive