PERBUDAKAN DALAM PERSPEKTIF ISLAM (1 )

Perbudakan dalam perspektif Islam merupakan salah satu tema yang cukup menimbulkan perdebatan di  kalangan agamawan, para ahli, dan umum.   Tidak jarang hal ini menjadi titik sasaran tembak dari orang-orang yang tidak suka dengan Islam.   Hal ini salah satunya disebabkan rentang waktu yang demikian lebar antara masa Rosululloh, tatkala perbudakan masih merajalela dan dianggap sebagai sebuah kelaziman, dengan masa sekarang dimana perbudakan sudah hampir tidak ada di dunia ini.

A.   DEFINISI PERBUDAKAN

Menurut Kamus Besar Bahasa Indonesia, beberapa pengertian yang berkaitan dengan Perbudakan adalah:
1.       Budak: Hamba, jongos
2.       Perbudakan: Perihal budak(hamba), segala hal mengenai budak
3.       Sistem: Segolongan manusia yang dirampas kebebasan hidupnya untuk bekerja guna kepentingan golongan manusia lainnya.
Dari beberapa definisi di atas dapat disimpulkan bahwa budak yaitu seseorang yang dirampas kebebasan hidupnya demi kepentingan manusia yang lain.
simbol perbudakan
B.   SEJARAH PERBUDAKAN DI DUNIA

Dunia telah mengenal perbudakan sudah sejak lama.    Peradaban-peradaban besar Romawi, Yunani, Mesir, dan Cina telah mempergunakan sistem perbudakan ini untuk membangun peradaban mereka.   Piramida-piramida megah di Mesir, didirikan dengan keringat dan darah dari budak-budak bani Israil atas perintah Firaun.   Tembok besar cina, didirikan atas perintah Shih Huan Ti dari dinasti Qin dengan mempergunakan budak-budak.   Bahkan menurut beberapa sumber, budak yang mati akan disatukan dengan adukan bahan pembuat bangunan tersebut.  
Bangsa Eropa mulai mengenal perbudakan pada abad ke-14, dan berakhir pada abad ke-18.   Ini terjadi ketika Eropa memasuki fase kolonialisme dan imperialisme ke seluruh penjuru dunia.
Hal ini berlaku pula ketika bangsa Eropa datang ke Benua Afrika. Awalnya hanya menjalin Hubungan dagang. Lalu dengan kecerdasan orang Eropa yang mampu melihat peluang dengan jeli sehingga terjadilah perdagangan budak dan perbudakan menjadi sebuah system yang diskenario secara sistemik.

B.1.    Awal Perbudakan orang-orang Afrika

Berdasarkan sejarah, perbudakan di Afrika dimulai dari suatu jenis penghukuman terhadap suatu jenis tindak kriminil.   Pelaku kriminil kemudian dihukum oleh penguasa setempat untuk dijadikan budak.

Ketika Bangsa Eropa mengunjungi dan mengadakan hubungan dagang dengan penguasa lokal Afrika. Mereka mulai meminta budak sebagai barter dengan minuman keras, senjata, dan lain-lain untuk ditukar dengan budak, yaitu orang yang terhukum tadi.  

B.2.   Perburuan Budak Afrika 

Disebabkan karena kebutuhan akan tenaga kerja sangat murah makin meningkat, maka Eropa memilih orang Afrika untuk dijadikan Budak.   Awalnya, para budak itu diperoleh dengan cara barter dengan penguasa lokal Afrika.   Pada akhirnya, perburuan ini beralih menjadi penculikan dan penyerbuan desa-desa di Benua Afrika.
Persenjataan yang jauh lebih unggul dan politik adu domba, membuat bangsa Eropa ini dengan mudah menaklukkan desa-desa benua Afrika ini dengan membawa budak-budak dalam jumlah yang besar.   Sejak itulah fase “Triangular Trade” berkembang.

B.3.   Amerika menjalankan perbudakan


Triangular Trade
Triangular Trade, Afrika-Amerika-Eropa
Triangular Trade yaitu model perdagangan yang terjadi saat itu, yaitu Para pedagang membawa para budak dari Afrika ke Amerika, dan membawa dari Amerika hasil bumi kopi, gula, rum, dan sebagainya ke Eropa.   Bangsa Eropa kemudian membekali para pedagang dengan berbagai persenjataan dan minuman alkohol untuk proses penyerbuan bangsa-bangsa Afrika.   Begitu seterusnya, dari abad-14 hingga abad ke-18.

Perjalanan menuju Amerika
Perjalanan dari Afrika menuju Amerika yang sangat tidak manusiawi. 

Disebut juga Middle Passage, yaitu perjalanan para budak yang sangat mengerikan menuju benua Amerika selama hampir 3 bulan lamanya.   Para budak berjejal-jejalan dalam sebuah kapal dengan tanpa makanan yang cukup, tidak ada toilet sehingga proses buang air mereka di tempat itu juga.

Pelelangan Budak 
Pelelangan Budak
Kapal yang berisi budak-budak yang telah merapat di pelabuhan di Benua Amerika oleh selanjutnya dilelang/dijual oleh pedagang budak melalui pelelangan. Poster-poster pelelangan budak disebarkan di penjuru kota. Jadwal pelelangan ditetapkan.

Budak yang kuat, sehat merupakan budak dengan harga yang paling tinggi/mahal. Selanjutnya budak yang kecil, muda, tua, sakit terjual paling akhir dengan harga yang murah.   Disinilah perpisahan antara budak dalam satu keluarga.   Mereka tidak paham yang terjadi sehingga akhirnya berpindah tangan ke tuan yang baru.

Brosur Pelelangan

Kehidupan Para Budak

Para Budak yang berada di Amerika Utara biasanya dipekerjakan di pabrik. Dan para Budak yang berada di Amerika Selatan dipekerjakan di perkebunan.   Kehidupan para budak sungguh menyedihkan.

1.    Setiap hari mereka harus bekerja keras dari matahari terbit hingga matahari terbenam tanpa gaji dan perlakuan kasar.
2.  Untuk tempat berlindung para budak harus membangun rumahnya sendiri dengan bahan seadanya.
3.    Untuk makan, biasanya mereka makan makanan seadanya.
4.   Dalam setahun hanya diberikan 3 underwears, sepasang sepatu dan pakaian seadanya oleh Tuannya.
5.   Para budak tidak diperkenankan berbicara ketika bekerja dengan bahasa mereka. Bila berbicara akan mendapatkan hukuman.
6.  Para budak tidak boleh belajar membaca dan menulis, tetapi pada hari minggu diperbolehkan ke gereja.
Budak di Perkebunan

Budak akan dihukum bila:
1.    Tidak bekerja giat.
2.    Banyak berbicara selama bekerja.
3.    Mencuri dari tuannya.
4.    Berupaya melarikan diri.
5.    Berupaya mengadakan pemberontakan.

 Hukuman para budak dilakukan didepan umum para budak dengan tujuan sebagai bentuk intimidasi para budak agar tidak melakukan pembangkangan.Tingkat dan model Hukuman tergantung dari kesalahan yang telah dilakukan oleh para Budak.
Jenis dan Peralatan Hukuman Budak
Demikianlah sejarah perbudakan yang telah berlangsung selama 4 abad. Abilitionism (penghapusan perbudakan) mulai terjadi pada abad 18 dan awal abad 19. Abraham Lincoln adalah tokoh penting yang berupaya untuk menghapuskan perbudakan di Amerika Serikat walaupun akhirnya menyebabkan perang sipil di Amerika.



B.4.   Penghapusan perbudakan di Amerika

Seperti kita ketahui, Amerika saat ini tidak mengenal adanya perbudakan.   Sebenarnya hal ini terjadi dengan pergolakan yang panjang dan memakan korban yang cukup banyak.  
Pada 12 April 1861, pecah Perang Saudara yang menjadi lembaran kelam sejarah di Amerika Serikat (AS).  Perang yang berlangsung selama empat tahun itu menjadi ajang duel antara Pasukan Union (pemerintah) dari kawasan Utara dengan pasukan Konfederasi dari bagian Selatan.
Perang ini terjadi setelah Abraham Lincoln sebagai presiden Amerika serikat mengumumkan penghapusan perbudakan di seluruh wilayah Amerika.   Hal ini tidak disetujui oleh wilayah selatan yang sangat bergantung kepada perbudakan tersebut.   Akhirnya pecahlah perang antara wilayah utara yang menentang perbudakan dan wilayah selatan yang mendukung perbudakan.
korban perang Gattysburg yang terkenal
Perang yang berakhir pada 1865 itu menewaskan sedikitnya 620.000 tentara dari kedua kubu, namun jumlah korban jiwa dari warga sipil  tak terhitung sehingga perang ini dikenang sebagai konflik paling berdarah dalam sejarah AS.
Pasca perang saudara Amerika

Deklarasi penghapusan perbudakan oleh Abraham Lincoln tidak serta merta menaikkan derajat warga kulit hitam setara dengan warga kulit putih.  Rasisme di Amerika masih terasa dimana-mana.   Bahkan muncul beragam kelompok semacam ku klux klan yang selalu mengintimidasi warga kulit hitam dengan berbagai cara.

Perang Gettysburg
Di lain pihak, sentimen yang ditimbulkan Perang Saudara masih terlihat baru-baru ini ketika Gubernur Virginia Bob McDonnell menjadikan bulan April sebagai Bulan Sejarah Konfederasi –tanpa sedikit pun menyebut-nyebut tentang perbudakan. Setelah muncul protes, dia meminta maaf dan mengubah pernyataannya; mengutuk perbudakan sekaligus menyatakan bahwa perbudakan adalah penyebab perang.

»»  READMORE...

Halaman Navigasin Ala Google


  •  Silahkan login terlebih dahulu pada blog anda
  • Anda klik Edit HTML

  • sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
  • Jangan lupa di centang   
 

  • Kalau sudah kita mulai mengobok-ngobok kode html nya
CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

1. Cari kode di bawah ini


]]></b:skin>

Setelah ketemu silahkan letak kan kode di bawah ini di atas tag ]]></b:skin>


#blog-pager,.blog-pager{ background-color: #FFFFFF;width:100%,text-align:center;}
td.showpageOf{display:none;}
#nav{font-family: Arial, Helvetica, sans-serif; font-size:12px;margin:0 auto;}
#nav a{display:block; text-decoration:none; color: #0066FF}
#nav a:hover{ text-decoration:underline;}
#nav .b a,#nav .b a:visited{color: #0000CC; text-decoration: underline; 
font-weight:bold}
.cur{ font-weight:bold;}
.csb{background:url(http://www.google.com/images/nav_logo7.png)
no-repeat 0 0;height:26px;display:block;}
.csb.cur{background-position: -44px 0pt; width: 16px;}
.csb.movenext{color:#20c;background-position: -76px 0pt; 
margin-right: 42px; width: 66px;}
.csb.moveprev{color:#20c;background-position: 0pt 0pt; 
margin-left: 42px; width: 44px;}
.csb.ch{background-position: -60px 0pt; width: 16px;}
#nav td{padding:0;text-align:center}

2. Cari kode di bawah ini :

</body>


Setelah ketemu silahkan letak kan kode di bawah ini di atas tag </body>


<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;

<script src='http://accordion-template.googlecode.com/svn/trunk/
jsnavigoogle-packer.js' type='text/javascript'></script>


3.Cari kode di bawah ini

'data:label.url'

Setelah ketemu silahkan hapus kode 'data:label.url' ganti dengan kode di bawah ini


'data:label.url + &quot;?&amp;max-results=7&quot;'

4. selesai dan simpan templete


Sumber : http://web.gallerydunia.com
»»  READMORE...

Membuat Related Post dengan gambar berjalan pada blogger

Kira-kira bingung ga dengan maksud judul di atas?saya juga bingung gimana mau ngasih judul nya..mungkin kalau mau di sederhakan bahasa nya kira-kira kayak gini :
"Membuat artikel terkait  dalam bentuk gambar yang berjalan bolak- balik yang diletakan persis  di bawah postingan"

 
Gimana sudah di lihat..??? nah jika sobat berminat mari kita belajar membuat nya...

1. Tahap PERTAMA
  • Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
  • Anda klik Edit HTML
  • sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
  • Jangan lupa di centang
  • Kalau sudah kita mulai mengobok-ngobok kode html nya
CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal

Cari Kode di bawah ini..

</head>

Jika sudah ketemu hapus dan ganti kode di bawah ini :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>


2. Tahap KEDUA



<div class='post-footer-line post-footer-line-1'>

Atau jika tidak menemukannya cari kode berikut ini

<p class='post-footer-line post-footer-line-1'>

CATATAN : jika di templete blog sobat tidak di temukan kode yang berwarna merah maka cari kode yang berwarna biru,yang penting salah satu nya aja yang di gunakan untuk modifikasi.

Sudah Ketemu...copypaste  semua kode di bawah ini dan letakan di bawah kode  <div class='post-footer-line post-footer-line-1'>  jangan salah tempat ya.... di bawah


<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->


Hasil nya kayak gini

<div class='post-footer-line post-footer-line-1'>
<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->


CATATAN :
  • Kode yang saya cetak tebal berwarna biru ..var maxresults=10; maksud nya gambar thumnail yang di tampilkan bisa 10,11 atau jumlah lain nya yang sobat inginkan.

3.Tahap KETIGA simpan templete

Sekarang Coba anda lihat hasil nya...semoga berhasil..


Sumber : http://web.gallerydunia.com
»»  READMORE...

Cara berkreasi menganti Tulisan Postingan Baru dan Postingan Lama


Nah,,kali ini saya mencoba mengobok-obok kode html untuk menghiasi dan menyisipkan gambar pada tulisan Postingan lama dan Postingan Baru...

Kalau di bawaan templete blogger di bawah postingan atau artikel akan terlihat tulisan Postingan lebih baru,Beranda dan Postingan lama gimana ya kalo kita ubah tulisan tersebut ?? pasti akan lebih menarik jika kita ganti tulisan nya dengan icon gambar seperti terlihat pada contoh gambar di atas yang saya ambil gambar screen shot nya di salah satu blog saya..


Ok..jika sobat berminat langsung aja yuk ke TKP...

1.Silahkan Login terlebih dahulu.


2. Lalu klik Templete lalu klik Edit templete dan centang Expand Widget Templates yang terlihat seperti gambar di bawah ini.



Gambar draf baru blogger


3.CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

Kode yang perlu di cari sesuaikan dengan yang di bawah ini

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>


Catatan :
  • <data:newerPageTitle/> @ Sama dengan tulisan Postingan baru bisa anda ganti tulisan atau gambar seperti contoh : seperti tulisan Data Baru,Artikel Baru dll.
  • <data:olderPageTitle/> @ Sama dengan Tulisan Postingan lama bisa juga anda ganti dengan tulisan atau gambar sesuka anda bisa dengan tulisan  artikel lama,Data lama dll.
  • <data:homeMsg/> @ Kode ini bisa anda ganti dengan tulisan atau gambar seperti tulisan  Halaman Utama ,Beranda dll.
  • Tag kode yang saya tandai warna merah di atas bisa di sisipkan dengan gambar agar terlihat lebih cantik dan menarik untuk sekedar contoh bisa anda ganti tulisan nya dengan gambar di bawah ini :





Kode nya : 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW38Y60ke-kTMamHKL0sPNhaNOCko_kb1AspjZE9KARvSFFKTBVF1P3DNm4YmnbJp6CiN5nVxKXOCnnsnAjl1FFOshkw1aw2NJBjC4xebDUpv66iu87jHwcmp1DIv5MJKt-_zDy546dRKn/s1600/beranda+2.png'/>



Kode nya: 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEB5sbC8-4Ejee9-HC5v2eMNO_kb2XbJnsPG_QeQlloxkMjhy4_MI6ZUvzejLNZiyxDuykqPxefK7rKo5FxGVUcI9yyjzjgAjnVo4fUcZqdJnMaDccwUPbt2o42sUDg2ANO-iSP0p50BnO/s1600/data+Baru+2.png'/>


Kode nya :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGpn8wGwtX2FPbK4lbOhMV7k61K19PHOBi9r0Q5kMS_xTNRNJ-Ffix5CnighbOzshAzhanPRU_3JMdstBzH6TCJnW8-m0F18xlI94-jFAzaAeFONHvlkXvkFYJ2bd23ICUwgOdR87lslM/s1600/data+lama+2.png'/>


4.Simpan Templete dan lihat hasil nya

Akhir nya selesai juga neh artikel..semoga artikel sederhana ini bisa menghias blog kita lebih cantik lagi...dan di tunggu variasi lain nya dari para sobat di kotak komentar..semoga bermanfaat.


Sumber : http://web.gallerydunia.com/2011/07/cara-berkreasi-menganti-tulisan.html
»»  READMORE...

Tutorial Membuat Scroll Box di Bloglist & Html Widget

Mahu memperkemaskan lagi blog dengan memasang scroll up & down pada list blog yang berjela-jela? Kalu uols perasan, kat my bloglist ada scroll box ni. Malangnya kat popular post dan feedjit tak menjadi, taktau nape. Tapi kat blog Ma Belle Conway, feedjit ngan popular post boleh je letak scroll box. Mungkin berkaitan dengan template dan coding skin ni..huhu.. Tutorial ni tidak applicable pada blog archive (tunggu next entriii..)

1st skali, uols kena dapatkan id widget yang ingin diletak scroll box. Cemane nak dapat id ni? Pi kat dashboard, klik design, pilih page elements. Kat sidebar hangpa ada list2 widget. Klik edit bloglist widget (contoh widget yang ingin diletak scrollbox), hangpa cari widgetId kat atas tu.. biasanya dia duk last skali, cam gambar ni..

id widget ni ialah BlogList1

Dah dapat id tu, hangpa replace kat coding ni di tulisan kaler merah tu.. *sila copy betui2 coz aritu saya gi memandai dekatkan dot dengan BlogList1 trus tak jadi..* Pastekan dulu coding ni di notepad/word or mana-mana yang menyenangkan uols.. Yang kaler hijau tu, uols leh adjust mengikut ketinggian yang uols mahu..

#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
}

Pastu, uols gi kat Edit Html, tick bahagian Expand Widget Templates, dan dengan menggunakan Control + F, search ]]> macam kat bawah ni.. 


Dah jumpa ]]>, maka bolehla uols amik coding dari 1st step tadi dan paste di atas kod ]]>. Di atas yer, bukan di bawah..hihihi.. Buatla kat widget2 lain yang uols nak bagi pendek sket.. 

Sumber : http://www.ceritaindahkami.com
»»  READMORE...

Tutorial Membuat Scroll Box di Blog Archive

Kali ini saya coba share pada para blogger , mungkin ini bukan hal yang baru tapi miudah mudahan ini bermanfaat bagi yang masih belum mengetahui cara membuat scroll box pada blog arcive.
Langsung aja yaa... login dulu di blog anda pilih rancangan dan edit html.dan centang Expand Widget Templates. Dengan menggunakan CTRL + F, search <div id='ArchiveList'> macam kata bawah ni..



Copy code warna hijau ini <div style='overflow:auto; width:auto; height:100px;'> dan letakkan di atas <div id='ArchiveList'> dan code ini </div> sebelum <b:include name='quickedit'/>, seeperti kata bawah ni..
dan angka 100 warna merah  bisa anda ganti sesuai dengan kebutuhan.
<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
  <b:include name='quickedit'/>
Selamat mencoba Ok.....! salam Catatan si Mbo'
»»  READMORE...

Cara Membuat Related Post / Postingan Terkait Pada Blogger


Iseng-nyari artikel cara membuat related post, kemudian saya mencoba dari berbagai sumber dan ternyata gagal. Akhirnya saya menemukan dari salah satu artikel di http://wawanwae.blogspot.com dan berhasil. Kita bahas caraya yuk, cekidot:

  • Pastikan postingan blog anda sudah dikelompokan berdasarkan label karena related post/postingan terkait ini muncul berdasarkan label yang anda buat.
  • Masuk ke blogger.com
  • Masuk ke menu Design - Edit HTML
  • Checklist Expand Widget Templates
  • Cari kode <data:post.body/>   </b:if></p>
  • Kemudian tempatkan kode berikut tepat di bawah kode tadi :
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
  • Setelah itu simpan Template dan coba di preview, selesai. Selamat mencoba

»»  READMORE...

Cara Download Mudah dengan DownThemAll!

Kali ini saya akan berbagi tips kepada jenengan semua, gimana cara download file menggunakan bantuan add-on Mozilla Firefox DownThemAll!. Berawal dari kesukaan saya mencari dan mengoleksi ebook yang bertebaran di internet, akhirnya saya dikenalkan oleh Dosen saya dengan add-on Firefox ini. Sejauh ini add-on ini sangat membantu saya mengumpulkan materi-materi yang saya perlukan.
Namanya alat bantu, tentu tujuannya untuk mempermudah kita saat mau mendownload dokumen. Kadang ada begitu banyak file yang ingin kita download sekaligus. Tentu saja, kita nggak mau kalo disuruh nungguin saat proses download berlangsung. Maunya kita ya tinggal klik-klik, terus disambi browsing sana-sini atau keluar kalo perlu, tau-tau semua file sudah kedownload semua. He2
Memang dengan tanpa alat bantu pun kita bisa mendownload banyak file sekaligus. Namun dengan add-on ini ada banyak kemudahan yang ditawarkan :
  1. Kita bisa mendownload begitu banyak link dalam satu halaman sekaligus.
    Mungkin ini maksud dari nama DownThemAll, kita bisa men-download semua file sekaligus. Tinggal klik, file-file yang bisa didownlad akan muncul semua. Dengan bantuan filter, kita bisa memilih file-file jenis apa saja yang ingin kita download. Cepat dan mudah.
  2. Kita bisa mengatur berapa banyak file yang kita download dalam satu waktu.
    Melalui download manager, kita bisa meng-antri-kan banyak sekali file yang mau kita download. Selain itu kita bisa mengatur berapa file yang bisa didownload bersamaan (Maksimal 10). Tentu hal ini bagus bagi kita yang koneksi internetnya agak lambat. File-file yang antri di manager akan didownload secara bergiliran sampai semua habis.
  3. Fasilitas Auto Retries dan setting Timeout yang bisa kita atur.
    Pegaturan waktu timeout ini sangat penting untuk mengefisienkan proses download. File-file yang bandel bisa ditinggal dulu, toh nanti bisa diulang otomatis proses downloadnya.
    Nah, bagi yang koneksi internetnya nggak stabil, alias cepet di awal kemudian menurun sampai kecepatan menjadi 0 kbps, setting timeout ini sangat membantu. Kita bisa atur waktu timeout agak pendek, sehingga saat kecepatan download tinggal 0 kbps, manager akan meninggalkan sejenak dan mencoba (retries) untuk meneruskan download file yang tadi ditinggal.

Biar gak pake lama, langsung saja kita mulai instalasinya…
  1. Klik link berikut ini https://addons.mozilla.org/en-US/firefox/addon/201/ sampai muncul gambar yang seperti ini :
  2. Klik tombol Add to Firefox yang berwarna hijau. Kemudian KLIK tombol ALLOW yang muncul di pojok kanan agak atas.
  3. Tunggu sampai muncul jendela yang seperti di bawah ini, tunggu bentar lalu klik INSTALL NOW.
  4. Proses download add on akan berjalan, tunggu sampai selesai.
  5. Kalo sudah selesai, akan muncul pilihan untuk me-RESTART firefox. KLIK tombol RESTART FIREFOX, kemudian pilih RESTART di jendela pop up yag muncul.
  6. Kalo browser firefox sudah berhasil di-restart, coba cek di TOLLS, cari apakah Add-on DownThemAll! Sudah terinstall dengan benar. Jika sudah akan muncul yang seperti ini :
    .
  7. Kalo sudah berhasil, kita siap untuk menggunakannya. Misalnya kita mau mendownload file pdf materi tentang bahasa C, kita tinggal pergi ke mbah GOOGLE, kemudian mengetikkan kata kunci : filetype:pdf inurl:pdf bahasa C. Hasilnya akan seperti ini :
  8. Nah, untuk mendownload semua file yang ada, kita tinggal menggunakan add-on DownThemAll! Ini.
    Caranya tinggal menuju TOOLS -> DownThemAll! Tools-> DownThemAll!. Akan muncul jendela yang seperti ini :
  9. Tinggal pilih file-file yang berbentuk PDF, kemudia klik START! Eng ing eng… semua file yang kita pilih tadi akan didownload satu persatu.
  10. Nah, kalo mau nyoba mengubah settingannya, tinggal menuju TOOLS -> DownThemAll! Tools->PREFERENCES.
    Selamat mencoba ya, semoga bermanfaat… J
http://kolojengking.wordpress.com
»»  READMORE...

Apa itu ipad dan apa fungsinya?

Apa itu ipad dan apa fungsinya?
Sudah Pada tahu ya apa itu ipad. Gaddet ini sering dilihat atau mungkin saja tak sengaja terlihat. Sebelum anda berminat untuk membeli nya maka harus tahu dulu apa fungsinya. mubazir, kalau hanya punya alat canggih tapi tidak bermafaat.

iPad adalah gadget terbaru yang diluncurkan oleh Apple yang fungsi utama adalah sebagai e-Book Reader (alat untuk membaca buku elektronik). Dengan iPad kita bisa leluasa membaca e-book dimanapun dan kapanpun misalnya ketika hendak membaca ebook DMB. Selain sebagai e-Book reader, iPad juga bisa berfungsi sebagai mana layaknya sebuah tablet pc, kita bisa mendengarkan musik, nonton film, mengakses facebook, twitter dan kegiatan surfing di dunia maya.

Lalu apa Kelebihan iPad? Berikut ini adalah beberapa Kelebihan iPad
  • Tampilan yang menarik, dengan layar the 9.7-inch LED, iPad bisa dibawa-bawa kemanapun.
  • Daya tahan baterai yang cukup lama, iPad mampu bertahan selama 10 jam bahkan lebih saat digunakan untuk browsing maupun kegiatan lainnya
  • Jika anda Facebooker, Twiter mania, Maps, YouTube, iTunes, Mail and Safari maka iPad bisa menjadi sesuatu yang menarik untuk kamu miliki.
Sedangkan berikut ini adalah Beberapa Kekurangan iPad
  • No Real Multi Tasking, yups.. kita tidak bebas menjalankan berbagai aplikasi secara bersamaan, memang sih kita bisa mengakses Facebook sampai dengerin musik tapi jika kamu ingin menjalankan twitter, facebook, dengerin sampai skype, maka sebaiknya jalankanlah satu persatu, jangan bersamaan.
  • Belum Support Flash, yups tampilan flash yang indah yang bisa kita lihat laptop atau netbook biasa saat kita mengakses facebook atau blog lainnya, tidak bisa kita nikmati di iPad.
  • Tidak ada kamera, inilah yang sangat disayangkan coba kalau iPad dilengkapi kamera, tentu kita bisa melakukan percakapan di Skype dengan lebih asyik.
Tapi jika ipad ada kameranya mungkin berfoto seperti bercermin. Dan hal ini juga yang tidak diiginkan oleh si pembuat ipad. (masa alat canggih buatan saya cuma dipake buat bercermin. gumam pembuat ipad :D) 
 
 http://www.studiokita.net
 
»»  READMORE...

Blog Archive

Komentar

Popular Posts

Gunakan Sebaik - Baiknya