Cara mempercepat Loading Blog

Sebelumnya saya sudah membahas tentang artikel tentang cara membuat daftar isi dan cara membuat efek zoom pada gambar postingan blog sobat. Nah, untuk kali ini saya juga ingin berbagi tutorial yang sudah dimiliki blog SEO. Selanjutnya adalah artikel yang membahas tentang fast loading / loading cepat pada blog. Khususnya untuk pengguna blogspot. Salah satu cara untuk membuat betah para pengunjung selain artikel yang menarik adalah kecepatan blog. Kecepatan blog ini sangat berpengaruh buanget sob.

Untuk itu pada artikel kali ini saya ingin berbagi trik bagaimana cara design agar para pengunjung blog kita betah buanget sama blog kita. Mau gak ni?? hehe

Ok... kita langsung ke TKP saja ya...

Cara Memasang Kode

Gambar diatas adalah contoh pemasangan kode fast loading blog.
Langkah-langkahnya sebagai berikut:
Seperti biasa sob...

• Sign in ke blog sobat
• Klik Template dan pilih Edit HTML
• Pada halaman HTML, cari kode </head> lihat contoh bergambar diatas
• Jika sudah ketemu, Copy dan Pastekan kode dibawah ini tepat diatas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbFanMcqX2mhM6yGiu1aFtBw5gewd9EBafc7GVwt6qRVKcslHdKttZrOuhtugZ0BO1wI3zRTkctpgW1jde_56iMLRy7krOhTNAA8DdP85rh_UGoTpJiaJZUDGD0ty035ZcjL2z-xc4t0/&quot;,threshold : 200}); }); </script>
• Jika sudah sesuai dengan langkah-langkah diatas, Klik Simpan
• Selesai, 

Sekian tutorial tentang "Cara mempercepat Loading Blog". Semoga bermanfaat. Terimakasih atas kunjungannya.

Jangan sungkan untuk memberikan kritik dan saran. Kritik dan Saran dari teman-teman adalah sebuah dukungan untuk admin

Cara membuat efek zoom in gambar di Blog

Masih pada tutorial efek blog, kali ini saya ingin berbagi tentang bagaimana cara membuat efek zoom in pada sebuah gambar yang sobat posting atau gambar lain nya yang ada di blog sobat.
Sebagai contoh, silahkan sobat arahkan cursor sobat pada gambar yang ada didalam kotak dibawah ini.

Bagaimana? apakah sobat tertarik untuk mencobanya. Jika iya mari kita lakukan langkah-langkahnya:

• Langkah pertama sobat harus sign in dulu ke blog sobat
• Klik template kemudian pilih Edit HTML
• Pada HTML blog sobat, silahkan sobat cari kode ]]></b:skin> tekan CTRL+F untuk memudahkan pencarian
• Jika kode sudah ]]></b:skin> ketemu.
• Copy dan pastekan kode dibawah ini tepat di atas kode ]]></b:skin>
• Jika sudah, klik save / simpan dan silahkan sobat lihat hasilnya 

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Sekarang blog sobat sudah memiliki efek zoom. 
Dan untuk yang teman-teman yang ingin mencoba trik ini, silahkan ikuti langkah-langkah yang sudah saya tuliskan diatas.
Semoga postingan kali ini bermanfaat untuk kita semua. Terima kasih atas kunjungannya. Salam BLOGGER
Kritik dan Saran silahkan sisipkan di kolom komentar

Ilmu Sosial Dasar

Sekedar berbagi Ilmu pengetahuan saja. Artikel ini saya ambil dari tugas mata kuliah Ilmu Sosial Dasar. Semoga artikel ini dapat bermanfaat untuk kita, terutama bagi yang sangat membutuhkan.1. SEKILAS TENTANG ILMU-ILMU SOSIAL, ILMU PENGETAHUAN SOSIAL DAN ILMU SOSIAL DASAR

a. Ilmu-ilmu Sosial

Filsafat / philoshopia merupakan sumber dari segala ilmu pengetahuan, baik ilmu alam maupun ilmu sosial bermula dari filsafat, dari filsafat lahir tiga cabang ilmu pengetahuan yaitu :

• Natural Science/ ilmu-ilmu alamiah meliputi fisika, kimia, astronomi, biologi, botani dan lain-lain.
• Social Science/ ilmu-ilmu sosial terdiri dari sosiologi, ekonomi, politik, antropologi, sejarah, psikologi, gografi dan lain-lain.
• Humanities/ ilmu-ilmu budaya meliputi bahasa, agama, kesusastraan, kesenian dan lain-lain.

Ilmu-ilmu sosial berkembang terus sesuai dengan kebutuhan manusia dalam era pembangunan, khususnya Indonesia. Wujud adanya perkembangan ilmu-ilmu sosial di Indonesia setelah Indonesia mendapatkan kemerdekaan adalah :

• Berdirinya Akademi Politik di Yogyakarta yang disponsori oleh tenaga akademis pembina ilmu politik di Belanda.
• Didirikannya balai perguruan tinggi Gajah Mada yang mempunyai dua fakultas yaitu fakultas Sastra dan fakultas Sosial.
• Berdirinya Akademi kepolisian

Dalam perkembangan selanjutnya dari ketiga lembaga pendidikan tinggi inilah berkembang ilmu-ilmu sosial di Indonesia, dewasa ini hampir semuaperguruan tinggi di Indonesia menyelenggarakan pengajaran dalam bidant ilmu sosial.

b. Ilmu pengetahuan Sosia (IPS)
Dari perkembangan ilmu-ilmu sosial timbul paham studi sosial atau disebut Ilmu Pengetahuan Sosial (IPS). IPS adalah ilmu-ilmu yang disederhanakan untuk tujuan pendidikan dan pengajaran di sekolah dasar dan menengah ( elementry and secondary school). Dengan demikian Ilmu Pengetahuan Sosial ialah ilmu-ilmu sosial yang dipilih dan disesuaikan bagi penggunaan program pendidikan di sekolah atau kelompok belajar lainnya yang sederajat.
IPS adalah bidang studi yang merupakan paduan/ fusi dari sejumlah mata pelajaran sosial. Materi dari berbagai disiplin ilmu sosial seperti geografi, sejarah, sosiologi, antropologi, psikologi sosial, ekonomi, ilmu politik, ilmu hukum, dan ilmu-ilmu sosial lainnya menjadi bahan baku bagi pelaksanaan pengajaran di sekolah dasar dan menengah. Tetapi tidak semua ilmu-ilmu sosial otomatis dapat menjadi bahan pokok bahasan dalam IPS karena disesuaikan dengan tingkat usia, jenjang pendidikan dan perkembangan pengetahuan anak didik sangat menentukan materi ilmu-ilmu sosial mana yang tepat menjadi bahan pokok bahasan dalam IPS.

c. Ilmu Sosisal Dasar

ISD adalah gabungan dari disiplin ilmu-ilmu sosial yang dipergunakan dalam pendekatan dan pemecahan masalah-masalah sosial yang timbul dan berkembang dalam masyarakat. ISD memberikan dasar-dasar pengetahuan umum tentang konsep-konsep yang dikembangkan untuk mengkaji gejala-gejala sosial kepada mahasiswa, yang diharapkan cepat tanggap serta mampu menghadapi dan memberi alternatif pemecahan masalah dalam kehidupan masyarakat. Dengan begitu antara ilmu-ilmu sosial dan ilmu sosial dasar tidak ada perbedaan yang prinsipil.

2. LATAR BELAKAN G ILMU SOSIAL DASAR

Latar belakang diberikannya matakuliah ISD di perguruan tinggi dikarenakan beberapa hal yaitu:

Banyaknya kritik yang ditujukan pada sistem pendidikan di perguruan tinggi oleh para cendekiawan. Mereka berpendapat bahwa sistem pendidikan yang berlangsung masih berbau kolonial dan masih merupakan warisan sistem pendidikan pemerintah Belanda yaitu kelanjutan dari politik ‘balas budi/ etisce politik ’ oleh Conrad Theodore van Deventer. Sistem pendidikan tersebut bertujuan untuk menghasilkan tenaga terampil agar menjadi ‘ tukang’ yang mengisi birokrasi mereka di bidang administrasi, perdagangan, teknik dan keahlian lain dalam tujuan eksploitasi (pemerasan) kekayaan negara. 

Sistem pendidikan kita menjadi sesuatu yang elite bagi masyarakat kita sendiri sehingga kurang akrab dengan lingkungan masyarakat, serta tidak mengenali dimensi-dimensi lain diluar disiplin keilmuannya. Perguruan tinggi seolah-olah menjadi ‘menara gading’ yang menghasilkan tenaga-tenaga ‘tukang’ yang tidak atau kurang peka terhadap denyut kehidupan, kebutuhan, serta perkembangan masyarakat. 

Sedangkan tenaga ahli yang dihasilkan oleh perguruan tinggi diharapkan tidak hanya menjadi tukang saja tetapi diharapkan mempunyai tiga jenis kemampuan yaitu personal, akademis, dan profesional.

• Kemampuan personal/ kemampuan kepribadian. Dengan kemampuan ini tenaga ahli diharapkan memiliki pengetahuan sehingga menunjukkan sikap dan tindakan yang mencerminkan kepribadian Indonesia, mengenal dan memahami nilai-nilai keagamaan, kemasyarakatan, kenegaraan/ pancasila serta memiliki pandangan luas dan kepekaan terhadap berbagai masalah yang dihadapi masyarakat Indonesia. 
• Kemampuan Akedmik Adalah kemampuan untk berkomunikasi secara ilmiah, baik lisan maupun tertulis, menguasai peralatan analisa, mampu berpikir logis, kritis, sistematis, dan analitis. Memiliki kemampuan konsepsional untuk mengidentifikasi dan merumuskan masalah yang dihadapi serta mampu menawarkan alternatif pemecahannya.
• Kemampuan Profesional Adalah kemampuan dalam bidang profesi tenaga ahli yang bersangkutan. Tenaga ahli diharapkan memliki pengetahuan dan ketrampilan yang tinggi dalam bidang profesinya.

3. ILMU SOSIAL DASAR SEBAGAI KOMPONEN MKDU

Dari ketiga kemapuan yang duharapkan dimiliki oleh mahasiswa sebagai calon tenaga ahli, kemampuan personal ditanamkan kepada mahasiswa melalui mata kuliah dasar umum atau MKDU. MKDU berusaha untuk memperluas cakrawala perhatian dan pengetahuan para mahasiswa sehingga tidak terbatas pada bidang keahlian atau golongan asal masing-masing, tetapi juga membantu mahasiswa menemukan diri sendiri dan menempatkan diri dari perkembangan masyarakat dan kebudayaan yang sedang berlangsung. MKDU terdiri dari 6 matakuliah yaitu:

• Agama
• Pancasila
• Kewiraan
• Ilmu alamiah dasar / IAD
• Ilmu sosial dasar/ ISD
• Ilmu budaya dasar/ IBD

Tujuan Mata Kuliah Dasar Umum adalah :

• Sebagai usaha membantu perkembangan kepribadian mahasiswa agar mampu berperan sebagai anggota masyarakat, bangsa, serta agama. 
• Untuk menumbuhkan kepekaan mahasiswa terhadap masalah-masalah dan kenyataan sosial yang timbul dalam masyarakat.
• Memberi pengetahuan dasar kepada mahasiswa agar mereka mampu berpikir secara interdisipliner/ antar ilmu pengetahuan, sehingga memudahkan mereka berkomunikasi. 

Ilmu sosial dasar sebagai bagian dari mata kuliah dasar umum mempunyai tema pokok perkuliahan yaitu hubungan timbal balik antara manusia dan lingkungannya.
Tujuan ilmu sosial dasar adalah:

• Membantu perkembangan wawasan pemikiran dan kepribadian mahasiswa agar memperoleh wawasan pemikiran yang lebih luas dan ciri-ciri kepribadian yang diharapkan dari setiap anggota golongan terpelajar Indonesia, khususnya berkenaan dengan sikap dan tingkah laku manusia dalam menghadapi manusia lainnya.

4. RUANG LINGKUP PEMBAHASAN

Berpangkal pada tujuan diatas maka ada dua masalah yang dipakai sebagai bahan pertimbangan untuk menentukan ruang lingkup pembahasan mata kuliah ISD.

1. Adanya berbagai aspek yang merupakan satu masalah sosial yang dapat ditanggapi dengan pendekatan sendiri/ menurut keahlian yang berbeda-beda, maupun sebagai gabungan pendekatan gabungan antar bidang. 
2. Adanya keragaman golongan dan kesatuan sosial lain dalam masyarakat, yang maisng-masing mempunyai kepentingan kebutuhan serta pola-pola pemikiran dan pola tingkah laku sendiri, tetapi juga amat banyaknya kesamaan kepentingan kebutuhan serta persamaan dalam pola-pola pemikiran da tingkah laku yang menyebabkan pertentangan maupun hubungan setia kawan dan kerjasama dalam masyarakat kita. 

Bedasarkan ruang lingkup diatas kiranya masih perlu penjabaran lebih lanjut untuk bisa dioperasionalkan kedalam pokok bahasan dan sub pokok bahasan yaitu:

1. Mempelajari dan menyadari adanya berbagai masalah kependudukan dan hubungannnya dengan perkembangan masyarakat dan kebudayaan. 
2. Mempelajari dan menyadari adanya masalah-masalah individu, keluarga dan masyarakat. 
3. Mengkaji masalah-masalah kependudukan dan sosialisasi serta menyadari identitasnya sebagai mahasiswa. 
4. Mempelajari hubungan antara warga negara dan negara 
5. Mempelajari hubungan antara pelapisn sosial dan persamaan derajat 
6. Mempelajari masalah-masalah yang dihadapi oleh masyarakat perkotaan dan pedesaan. 
7. Mempelajari dan menyadari adanya pertentangan-pertentangan sosial bersamaan dengan adanya integrasi masyarakat.
8. Mempelajari usaha pengembangan ilmu pengetahuan dan teknologi oleh manusia untuk memanfaatkan kemakmuran dan pengurangan kemiskinan.

5. MASALAH-MASALAH SOSIAL DAN ILMU SOSIAL 

a. Masalah-masalah sosial

Masalah-masalah yang dihadapi masyarakat tidaklah sama, hal ini disebabkan perbedaan tingkat perkembangan kebudayaan masyarakat dan keadaan lingkungan alam dimana masyarakat itu hidup. Masalah-maslah tersebut dapat berupa masalah sosial, moral, politik, ekonomi, agama dll.

Yang membedakan masalah sosial dengan masalah lainnya bahwa masalah sosial selalu ada kaitannya dengan nilai-nilai moral dan pranata-pranata sosial. Pengertian masalah sosial :

• Menurut masyarakat, segala sesuatu yang menyangkut kepentingan umum adalah masalah sosial. 
• Menurut para ahli, adalah suatu kondisi atau perkembangan dalam masyarakat yang berdasarkan atas studi, mempunyai sifat yang dapat menimbulkan kekacauan terhadap kehidupan masyarakat secara keseluruhan. 

Contoh: pedagang kaki lima menurut definisi umum bukanlah masalah sosial karena merupakan upaya mencari nafkah, dan pelayanan warga pada taraf hidup tertentu. Tetapi bagi perencana kota merupakan sumber kekacauan lalu lintas dan peluang kejahatan.

Dengan demikian suatu masalah bisa digolongkan sebagai masalah sosial oleh ahli belum tentu dianggap masalah sosial oleh umum. Sebaliknya ada juga masalah yang dianggap masalah sosial oleh umum tetapi tidak oleh ahli.

Batasan mengenai masalah sosial ditegaskan oleh Leslie (1974) yang mendefinisikan bahwa masalah sosial sebagai suatu kondisi yang mempunyai pengaruh terhadap kehidupan sebagian warga masyarakat sebagai sesuatu yang tidak diinginkan atau tidak disukai, dan karenanya dirasakan perlu untuk diatasi atau diperbaiki.

b. Masalah-masalah sosial dan ahli ilmu sosial 

Masalah-masalah sosial muncul sejak adanya peradaban manusia, karena dianggap sebagai sesuatu yang menganggu kesejahteraan hidup. Hal itu merangsang masyarakat untuk mengidentifikasi, menganalisa, memahami dan memikirkan cara untuk mengatasinya. Sebelum ada ahli-ahli ilmu sosial masyarakat yang peka terhadap masalah sosial adalah ahi filsafat, pemuka agama, ahli politik dan kenegaraan.

Disamping itu berbagai disiplin ilmu tergolong dalam ilmu-ilmu sosial seperti antropologi, sosiologi, politik, psikologi sosial, komunikasi menjadiakan masalah sosial sebagai ruang lingkup studi tetapi pusat studinya bukanlah pada masalah sosial, namun pada usaha memahami hakikat manusia menurut perspektif masing-masing. Sedangkan masalah sosial dipandang sebagai akibat dari proses perubahan sosial dan kebudayaan.

Sejumlah ahli ilmu sosial seperti Merton dan Nizbet (1961) Denzin (1973), Gerson (1969) dan Brodly (1976) merasakan bahwa dengan menggunakan pendekatan masalah-masalah sosial sebagai kerangkanya maka hakikat masyarakat dan kebudayaan manusia akan lebih dapat dipahami. Begitu juga berbagai pemikiran yang secara masuk akal dapat dipertanggung jawabkan yang berkenaan dengan usaha-usaha untuk memperbaiki masalah-masalah sosial tersebut akan lebih dapat dikembangkan.

c. Masalah-masalah sosial dan Ilmu Sosial Dasar 

ISD sebagai suatu mata kuliah menyajikan pemahaman mengenai hakikat manusia sebagai mahkluk sosial dan masalah-masalahnya dengan menggunakan kerangka pendekatan yang melihat sasaran studinya sebagai suatu masalah obyektif dan subyektif. Dengan menggunakan kacamata obyektif berarti konsep dan teori yang berkenaan dengan hakikat manusia dan masalahnya yang telah dikembangkan dalam ilmu-ilmu sosial akan digunakan.

Sedangkan menurut kacamata subyektif, masalah-masalah yang dibahas tersebut akan dikaji menurut perspektif masyarakat yang bersangkutan dan dibandingkan dengan kacamata pengkaji atau mahasiswa yang mempelajari mata kuliah ISD.

Dengan penggabungan kacamata subyektif dan obyektif akan mewujudkan adanya kepekaan mengenai masalah-masalah sosial yang disertai dengan rasa tanggung jawab dalam kedudukannya sebagai masyarakat ilmiah dan warga negara Indonesia.

Membuat label cloud Kren di blog

Tutorial yang berjudul cara "membuat label mode cloud di blog" ini sebenarnya gak jauh beda dengan tutorial-tutorial blog lainnya (yang berkaitan dengan mempercantik tampilan blog). Memang seperti itu bukan?

Nah pada tutorial kali ini, langkah yang harus kita lakukan adalah langkah yang sangat mudah dan gampang. Siapkan kopi + cemilan biar gak bosan hehe

• Langkah Pertama Sign In ke Facebook eh ke Blog sobat hehe
• Pilih Template, pada bagian ini pilih Edit HTML
• Pada bagian HTML cari kode ]]></b:skin> atau tekan CTRL+F untuk memudahkan pencarian
• Jika sobat sudah mendapatkan kode ]]></b:skin>, silahkan Copas (Copy dan Pastekan) kode dibawah ini tepat sebelum /diatas kode ]]></b:skin>ini

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; color:#666; }
.label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; }
.label-size a { text-transform: uppercase; float:left; text-decoration: none; }
.label-size a:hover { text-decoration: none; }

• Jika langkah-langkahnya sudah diikuti dengan baik dan benar, Silahkan sobat simpan dulu dan lihat hasilnya
• Untuk memudahkan agar tampilan label ini berjalan dengan apa yang sudah kita bahas kali ini. Pastikan sobat sudah menambahkan Widget Label ke tata letak blog sobat. Kemudian pada widget label tersebut, setting dalam mode cloud.

Sekian tutorial tentang membuat label dengan mode cloud, mohon maaf jika ada kekurangan. masih newbie juga hehe

Saran & Komentar dari teman-teman silahkan disematkan dikolom komentar.

Terima kasih

Cara membuat daftar isi blog otomatis

Cara membuat daftar isi otomatis di blog sobat, lihat contoh disini

Bagaimana? sobat tertarik? Jika sobat tertarik, lets do it hehe

Perhatikan langkah demi langkah, karena yang akan kita lakukan kali ini lumayan sulit dan berbahaya. hehe
Oya sebelum ke tahap penyelesaiannya, daftar isi otomatis ini sebenarnya sangat cocok untuk membantu merapikan artikel sobat, apalagi jika sobat memiliki banyak artikel tetapi sobat tidak terlalu suka dengan banyak widget, wahh cara ini pas buanget dah sob...
Tutorial kali ini adalah salah satu yang ingin admin kuasai untuk belajar SEO.

Ok, berikut langkah-langkahnya:

• Pilih laman dan buat laman baru
• Kemudian, pada laman baru sobat, silahkan pilih mode HTML
• Nah... pada mode HTML tersebut, silahkan sobat copy  dan pastekan kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">

<style scoped="scoped" type="text/css">

/* Skin for Blogger Tabbed Layout TOC */

#tabbed-toc{margin:0 auto;background-color:#224C19;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}

#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}

#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}

#tabbed-toc .toc-tabs{width:20%;float:left}

#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}

#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}

#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}

#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}

#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}

#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}

#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}

#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}

#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}

#tabbed-toc .panel li:nth-child(even){background-color:#FFE8E3}

#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}

#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}

@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}

</style>

<br />

<div id="tabbed-toc">

<span class="loading">Memuat...</span></div>

<script>

var tabbedTOC = {

    blogUrl: "https://berbagi-cerita9.blogspot.co.id/", // Blog URL

    containerId: "tabbed-toc", // Container ID

    activeTab: 1, // The default active tab index (default: the first tab)

    showDates: false, // `true` to show the post date

    showSummaries: false, // `true` to show the posts summaries

    numChars: 200, // Number of summary chars

    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

    thumbSize: 40, // Thumbnail size

    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL

    monthNames: [ // Array of month names

        "Januari",

        "Februari",

        "Maret",

        "April",

        "Mei",

        "Juni",

        "Juli",

        "Agustus",

        "September",

        "Oktober",

        "November",

        "Desember"

    ],

    newTabLink: true, // Open link in new window?

    maxResults: 99999, // Maximum post results

    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")

    sortAlphabetically: true, // `false` to sort posts by published date

    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked

    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text

};

</script>

<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script></div>

• Cari dan Ganti Url: "http://berbagi-cerita9.blogspot.co.id/" dengan Url Blog sobat
• Simpan, kemudian lihat.. ambil Urlnya dan letakan Url tsb ke tempat yang sobat inginkan. Kalau dari admin sendiri, karena admin menggunakan template standar, admin meletakannya di bagian Page. :)

Selamat mencoba sob... saling berbagi itu indah.. iya gak :)

Kritik dan Saran silahkan disisipkan di kolom komentar

Cara download video tanpa menggunakan aplikasi

Mungkin teman-teman sudah banyak yang tahu tentang cara ini yaitu cara bagaimana mendownload video dari youtube tanpa menggunakan aplikasi, misalnya IDM, youtube downloader dan aplikasi lainnya.

Trik yang akan saya tunjukan kepada teman-teman kali ini cara mendownload video dari youtube dan trik ini saya tujukan kepada teman-teman yang belum tahu Cara download video tanpa menggunakan aplikasi. Untuk itu, saya sarankan teman-teman untuk memperhatikan langkah-langkah berikut ini :) .

Langkah demi langkah akan kita mulai dari youtube sendiri, saat anda menyaksikan video di youtube entah itu musik, film, tutorial dan sebagainya yang membuat teman-teman tertarik untuk mengoleksi video tsb, dan ingin mendownloadnya. Karena IDM teman-teman selalu minta registrasi ulang sehingga membuat teman-teman tidak bisa mendownload video tersebut. Nah cara yang akan saya bagikan kali ini adalah cara yang tepat untuk mengatasi masalah tersebut.

Berikut langkah-langkahnya:

• Buka tab baru dan ketik Youtube.com
• Kemudian pada kotak pencarian, silahkan teman-teman ketik judul video yang ingin teman-teman download,  lihat dulu video tsb (tujuannya untuk memastikan kualitas video)
• Jika teman sudah yakin untuk mendownloadnya, copy url video tsb. contoh lihat gambar dibawah ini:

• Yang saya beri tanda kotak merah pada gambar tersebut adalah Url yang harus teman-teman Copy , tekan CTRL+C untuk memudahkan proses copy
• Kemudian, Buka Tab Baru 
  
• Pada Tab baru / New Tab tsb, ketik ssyoutube.com (lihat gambar diatas) tekan ENTER
• Setelah itu, teman-teman akan diantarkan pada halaman ini 
  
• Tempelkan / Paste Url video dari youtube yang sudah teman Copy tadi tepat didalam kotak yang sudah saya beri tanda merah (lihat gambar diatas)
• Jika sudah ditempelkan atau dipaste, tekan ENTER
• Pilih kualitas video yang teman-teman inginkan 
  
• Langkuh selanjutnya, atau langkah terakhir, pilih tempat yang teman-teman inginkan untuk menyimpan video tersebut.

Catatan: Untuk kualitas video, saran saya pilih kualitas video MP4 360p agar browser teman-teman tidak terganggu.

Cara tambahan biar teman-teman lebih cepat pahamnya:

• Teman-teman cukup menambahkan SS setelah www. [dot] youtube.com/ pada Url video yang sedang teman-teman lihat. Lihat contoh : 
  

Gampangkan...?

Cukup sampai disitu dulu, :) selamat mencoba ... semoga artikel ini dapat membantu dan bermanfaat untuk kita. 

Terimakasih dan sampai jumpa di artikel selanjutnya.. Saran dan komentar silahkan titipkan di kotak komentar