• You are here:  
  • Home
  • News Flash

Details
Parent Category: Modules
Category: Content Modules
Hits: 1597

User Rating: 0 / 5

Star inactiveStar inactiveStar inactiveStar inactiveStar inactive
 

Displays a set number of articles from a category based on date or random selection. Help

  • Mulainya perang
    Perang Diponegoro yang juga dikenal dengan sebutan Perang Jawa (Inggris:The Java War, Belanda: De Java Oorlog adalah perang besar dan berlangsung selama lima tahun (1825-1830) di Pulau Jawa, Hindia Belanda (sekarang Indonesia). Perang ini merupakan salah satu pertempuran terbesar yang pernah dialami oleh Belanda selama masa pendudukannya di Nusantara, melibatkan pasukan Belanda di bawah pimpinan Jenderal Hendrik Merkus de Kock yang berusaha meredam perlawanan penduduk Jawa di bawah pimpinan Pangeran Diponegoro.

     

    Pada pertengahan bulan Mei 1825, Smissaert memutuskan untuk memperbaiki jalan-jalan kecil di sekitar Yogyakarta. Namun, pembangunan jalan yang awalnya dari Yogyakarta ke Magelang melewati Muntilan dibelokkan melewati pagar sebelah timur Tegalrejo. Pada salah satu sektor, patok-patok jalan yang dipasang orang-orang kepatihan melintasi makam leluhur Pangeran Diponegoro. Patih Danurejo tidak memberitahu keputusan Smissaert sehingga Diponegoro baru mengetahui setelah patok-patok dipasang. Perseteruan terjadi antara para petani penggarap lahan dengan anak buah Patih Danurejo sehingga memuncak di bulan Juli. Patok-patok yang telah dicabut kembali dipasang sehingga Pangeran Diponegoro menyuruh mengganti patok-patok dengan tombak sebagai pernyataan perang.

     

     

    Pada hari Rabu, 20 Juli 1825, pihak istana mengutus dua bupati keraton senior yang memimpin pasukan Jawa-Belanda untuk menangkap Pangeran Diponegoro dan Mangkubumi di Tegalrejo sebelum perang pecah. Meskipun kediaman Diponegoro jatuh dan dibakar, pangeran dan sebagian besar pengikutnya berhasil lolos karena lebih mengenal medan di Tegalrejo. Pangeran Diponegoro beserta keluarga dan pasukannya bergerak ke barat hingga Desa Dekso di Kabupaten Kulonprogo, dan meneruskan ke arah selatan hingga keesokan harinya tiba di Goa Selarong yang terletak lima kilometer arah barat dari Kota Bantul.

     

     

    Pangeran Diponegoro kemudian menjadikan Goa Selarong, sebuah goa yang terletak di Dusun Kentolan Lor, Guwosari Pajangan Bantul, sebagai basisnya. Pangeran menempati goa sebelah Barat yang disebut Goa Kakung, yang juga menjadi tempat pertapaan dia. Sedangkan Raden Ayu Retnaningsih (selir yang paling setia menemani Pangeran setelah dua istrinya wafat) dan pengiringnya menempati Goa Putri di sebelah Timur.

     

     

     

    Penyerangan di Tegalrejo memulai perang Diponegoro yang berlangsung selama lima tahun. Diponegoro memimpin masyarakat Jawa, dari kalangan petani hingga golongan priyayi yang menyumbangkan uang dan barang-barang berharga lainnya sebagai dana perang, dengan semangat "Sadumuk bathuk, sanyari bumi ditohi tekan pati"; "sejari kepala sejengkal tanah dibela sampai mati". Sebanyak 15 dari 19 pangeran bergabung dengan Diponegoro. Bahkan Diponegoro juga berhasil memobilisasi para bandit profesional yang sebelumnya ditakuti oleh penduduk pedesaan, meskipun hal ini menjadi kontroversi tersendiri.

     

     

    Perjuangan Diponegoro dibantu Kyai Mojo yang juga menjadi pemimpin spiritual. pemberontakan. Dalam perang jawa ini Pangeran Diponegoro juga berkoordinasi dengan I.S.K.S. Pakubowono VI serta Raden Tumenggung Prawirodigdoyo Bupati Gagatan. Dalam usaha membangkitkan semangat juang, Kiai Mojo selalu membakar keberanian para pejuang. Beliau menetapkan bahwa tujuan perang ini adalah jihad yang harus dilakukan semua umat islam untuk melawan orang-orang yang menyebabkan penderitaan dan kehancuran disegala bidang.

     

     

     

    Dalam perjuangannya, pangeran diponegoro mendapat dukungan dari rakyat, ulama dan juuga kaum bangsawan. Dari kaum bangsawan ada Pangeran Mangkubumi, Pangeran Joyokusumo dan lainnya. Sementara dari kaum ulama ada Kiai Mojo, Haji Mustopo, Haji Badaruddin dan Alibasha Sentot Prawirodirdjo.

     

     

     

    Pertempuran terbuka dengan pengerahan pasukan-pasukan infantri, kavaleri dan artileri (yang sejak perang Napoleon menjadi senjata andalan dalam pertempuran frontal) di kedua belah pihak berlangsung dengan sengit. Front pertempuran terjadi di puluhan kota dan desa di seluruh Jawa. Pertempuran berlangsung sedemikian sengitnya sehingga bila suatu wilayah dapat dikuasai pasukan Belanda pada siang hari, maka malam harinya wilayah itu sudah direbut kembali oleh pasukan pribumi; begitu pula sebaliknya. Jalur-jalur logistik dibangun dari satu wilayah ke wilayah lain untuk menyokong keperluan perang. Berpuluh-puluh kilang mesiu dibangun di hutan-hutan dan di dasar jurang.

     

     

     

  • Nam eu felis orci, non sagittis mi. Porta neque consequat diam varius.

     

  • Choose the extension from the left menu.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur turpis tellus, scelerisque ac fringilla vitae, pulvinar vitae nunc. Pellentesque tempus lectus non mauris elementum consectetur. Maecenas a metus nisl, accumsan tincidunt nunc. Morbi condimentum consequat odio, ac tristique orci sodales ac.

     

  •  

    Animated hover CSS3 effects for images

    This code allows you to display an image and its description with animated CSS3 effect.
    Note: If you would like to add your own text into the image description, just modify the code below or edit an existing code in the custom module of the demo template.

     

    Example 1

    <div class="ch-item ch-first" style="background: url('/images/modules/animated.jpg') no-repeat;"> <div class="ch-info"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div>

     

     

    Example 2

    <div class="ch-item ch-second" style="background: url('/images/modules/animated.jpg') no-repeat;"> <div class="ch-info-wrap"> <div class="ch-info"> <div class="ch-info-front"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div> </div>

     

     

    Example 3

    <div class="ch-item ch-third"> <div class="ch-info"> <div class="ch-info-front" style="background: url('/images/modules/animated.jpg') no-repeat;"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div>

     

     

    Module Icons

    <div class="jm-custom-mod"><div class="jm-mod-icon jm-mod1"> <a href="#"> <span class="first">&nbsp;</span><span class="second">&nbsp;</span> </a> </div>
    <div class="jm-mod-title">Title Goes Here</div>
    <div class="jm-mod-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.</div>
    </div>

     

      
    Title Goes Here
    Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.

     

    <div class="jm-custom-mod"><div class="jm-mod-icon jm-mod2"> <a href="#"> <span class="first">&nbsp;</span><span class="second">&nbsp;</span> </a> </div>
    <div class="jm-mod-title">Title Goes Here</div>
    <div class="jm-mod-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.</div>
    </div>

     

      
    Title Goes Here
    Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.
    <div class="jm-custom-mod"><div class="jm-mod-icon jm-mod3"> <a href="#"> <span class="first">&nbsp;</span><span class="second">&nbsp;</span> </a> </div>
    <div class="jm-mod-title">Title Goes Here</div>
    <div class="jm-mod-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.</div>
    </div>

     

      
    Title Goes Here
    Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.

     

    <div class="jm-custom-mod"><div class="jm-mod-icon jm-mod4"> <a href="#"> <span class="first">&nbsp;</span><span class="second">&nbsp;</span> </a> </div>
    <div class="jm-mod-title">Title Goes Here</div>
    <div class="jm-mod-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.</div>
    </div>

     

      
    Title Goes Here
    Lorem ipsum dolor sit amet consectetur adipisicing elit sed do.

     

    Buttons

    <a class="a-button first" href="#"><img src="/images/modules/sport.png" border="0" alt="Sport" /> Sport <span class="a-btn-arrow"> &nbsp; </span></a>

     

    <a class="a-button second" href="#"><img src="/images/modules/painting.png" border="0" alt="Painting" /> Painting <span class="a-btn-arrow"> &nbsp; </span></a>

     

    <a class="a-button third" href="#"><img src="/images/modules/toys.png" border="0" alt="Toys" /> Toys <span class="a-btn-arrow"> &nbsp; </span></a>

     

    <a class="a-button fourth" href="#"><img src="/images/modules/books.png" border="0" alt="Books" /> Books <span class="a-btn-arrow"> &nbsp; </span></a>

     

    Video

    <div class="view view-video"><img src="/images/modules/video.jpg" border="0" alt="Video" /> <div class="mask"> <span class="space"> &nbsp; </span> <a class="modal readmore" href="/https://www.youtube.com/embed/Umqu9poqIgo" rel="{handler: 'iframe', size: {x: 800, y: 600}}">Watch the Video</a></div>

     

    Image Borders

    <img class="border_img1" src="/image.jpg" />

     

    <img class="border_img2" src="/image.jpg" border="0" />

     

    <img class="border_img3" src="/image.jpg" />

     

    Testimonials

    <div class="quote-cloud"> <p>Text goes here</p> </div> <div class="jm-testimonial"> <div class="jm-testimonial-name"> <p class="font-module" style="font-size: 18px; line-height: 1.5em; font-weight: 300;">John Doe</p> </div> </div>

     

    Text goes here

    John Doe

     

    Headings

    This is Heading One (h1)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Two (h2)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Three (h3)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

    This is Heading Four (h4)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Five (h5)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Six (h6)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

     

    Numered blocks

    <p class="jm-block"><span class="jm">01</span>Text goes here</p>

    01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    <p class="jm-block second"><span class="jm">a</span>Text goes here</p>

    aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

     

    Colored blocks

    this is a paragraph with the class "blue"
    <p class="blue" > Text goes here</p>

     

    this is a paragraph with the class "green"
    <p class="green" > Text goes here</p>

     

    this is a paragraph with the class "red"
    <p class="red" > Text goes here</p>

    this is a paragraph with the class "bluefill"
    <p class="bluefill" > Text goes here</p>

    this is a paragraph with the class "greenfill"
    <p class="greenfill" > Text goes here</p>

    this is a paragraph with the class "redfill"
    <p class="redfill" > Text goes here</p>

     

    Quote blocks

    this is a paragraph with the class "quote-left"
    <p class="quote-left" > Text goes here</p>

    this is a paragraph with the class "quote-right"
    <p class="quote-right" > Text goes here</p>

     

    Icon blocks

    this is a paragraph with the class "badges"
    <p class="badges" > Text goes here</p>

    this is a paragraph with the class "calendar"
    <p class="calendar" > Text goes here</p>

    this is a paragraph with the class "chat"
    <p class="chat" > Text goes here</p>

    this is a paragraph with the class "check"
    <p class="check" > Text goes here</p>

    this is a paragraph with the class "cloud"
    <p class="cloud" > Text goes here</p>

    this is a paragraph with the class "direction"
    <p class="direction" > Text goes here</p>

    this is a paragraph with the class "divide"
    <p class="divide" > Text goes here</p>

    this is a paragraph with the class "error"
    <p class="error" > Text goes here</p>

    this is a paragraph with the class "fire"
    <p class="fire" > Text goes here</p>

    this is a paragraph with the class "flag"
    <p class="flag" > Text goes here</p>

    this is a paragraph with the class "heart"
    <p class="heart" > Text goes here</p>

    this is a paragraph with the class "home"
    <p class="home" > Text goes here</p>

    this is a paragraph with the class "info"
    <p class="info" > Text goes here</p>

    this is a paragraph with the class "list"
    <p class="list" > Text goes here</p>

    this is a paragraph with the class "mail"
    <p class="mail" > Text goes here</p>

    this is a paragraph with the class "people"
    <p class="people" > Text goes here</p>

    this is a paragraph with the class "star"
    <p class="star" > Text goes here</p>

    this is a paragraph with the class "stat"
    <p class="stat" > Text goes here</p>

     

    Unordered lists


    Default list
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
    This is a list with the class "jm-color"
    Enter the class name to ul tag <ul class="jm-color">
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
    This is a list with the class "jm-gray"
    Enter the class name to ul tag <ul class="jm-gray">
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum

     

    Ordered lists


    Default list
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum
    This is a list with the class "jm-roman"
    Enter the class name to ol tag <ol class="jm-roman">
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum
    This is a list with the class "jm-alpha"
    Enter the class name to ol tag <ol class="jm-alpha">
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum

     

    Social icons

    <p class="jm-icons">
    <a class="jm-myspace" href="#"> &nbsp; </a>
    <a class="jm-flickr" href="#"> &nbsp; </a>
    <a class="jm-rss" href="#"> &nbsp; </a>
    <a class="jm-twitter" href="#"> &nbsp; </a>
    <a class="jm-facebook" href="#"> &nbsp; </a></p>

     

     

    Read More Button

    This is a read more link with the class "readmore"
    Enter the class name to a tag <a class="readmore" />

    Read more

     

    <a href="#"><span class="custom-readmore"> &nbsp; </span></a>

     

     

     

  • This module provides search using the Smart Search component. You should only use it if you have indexed your content and either have enabled the Smart Search content plugin or are keeping the index of your site updated manually. Help.