Subscribe:

Selasa, 30 Agustus 2011

Menambahkan Auto Readmore (Readmore Otomatis) Pada Blogspot

Setelah Tabview Section, yang telah dibahas beberapa hari lalu, ilmu lain yang saya peroleh dari hasil ngoprek blog saudara adalah membuat auto readmore (readmore otomatis). Dibanding membuat readmore jenis ke-1atau jenis ke-2, auto readmore ini lebih enak diterapkan, terutama bagi yang merasa kesulitan atau merasa ribet dalam melakukan pemenggalan paragraf untuk readmore, karena auto readmore ini akan melakukan pemenggalan sendiri secara otomatis.

Namun sayangnya auto readmore ini sangat tidak cocok untuk tulisan berbentuk puisi, lirik, atau dialog, karena pemenggalannya didasarkan pada jumlah karakter yang ditentukan sehingga tulisan-tulisan tersebut akan terlihat seperti sebuah artikel yang tersusun dalam satu paragraf. 

Jika kamu tertarik dan ingin membuat auto readmore ini, ikuti langkah-langkah berikut:

  • Dari dasbor, pilih Rancangan - Edit HTML
  • Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
  • Beri tanda checklist (centrang) pada Expand Template Widget.
  • Copy script berikut lalu letakkan (paste) di bawah kode </head> (antara </head> dan <body>):
    <script type='text/javascript'>
    summary_noimg = 700;
    summary_img = 500;
    img_thumb_height = 150;
    img_thumb_width = 200
    </script>

    <script type='text/javascript'>
    //<![CDATA[

    function removeHtmlTag(strx,chop){ 
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<"); 
    for(var i=0;i<s.length;i++){ 
    if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 


    strx = s.join(""); 
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2; 
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1); 
    return strx+'...'; 
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) { 
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //]]>
    </script>

    Keterangan:
    summary_noimg = jumlam karakter yang ditampilkan jika artikel tidak memakai gambar (misal: 700 karakter)
    summary_img = jumlam karakter yang ditampilkan jika artikel memakai gambar (misal: 500 karakter)
    img_thumb_height = tinggi gambar thumbnail (misal: 150px)
    img_thumb_width = lebar gambar thumbnail (misal: 200px)
  • Setelah itu carilah kode berikut:
    <p><data:post.body/></p>

    Catatan:
    • Dalam beberapa template tidak memakai perintah paragraf (<p>), sehingga kodenya hanya <data:post.body/>.
    • Jika ada 2 kode, pilih kode yang pertama (yang paling atas).
  • Ganti kode tersebut dengan kode ini:
    <!-- Awal Readmore -->
    <p>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='readmore' style='float:right; font-style:italic'><a expr:href='data:post.url' expr:title='data:post.jumpText + &quot; &quot; + data:post.title'>Readmore...</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    </p>
    <!-- Akhir Readmore -->

    Catatan:
    Jika mau, kamu dapat mengganti perataan tek sebelah kanan (right) dengan kiri (left), atau mengubah style huruf italic dengan normal. Kamu juga bisa mengganti tulisan Readmore... dengan kata lain atau dengan gambar (image).
  • Simpanlah hasil editing ini dan ucapkan alhamdulillah...

Lalu bagaimana jika ingin mengganti readmore jenis ke-1 atau jenis ke-2dengan auto readmore ini? Tunggu saja bahasan berikutnya sob... Udah cape nulis nih, hehehe...

Ok, segitu aja sob. Semoga bermanfaat .....
Baca Selengkapnya»»

Minggu, 21 Agustus 2011

DATABASE PERPUSTAKAAN


PENDAHULUAN
Perpustakaan merupakan sarana penunjang kegiatan belajar mengajar. Data di perpustakaan lumayan banyak, namun proses-proses pengolahan data di perpustakaan masih bersifat manual, Contohnya untuk pencatatan data peminjaman dan pengembalian masih ditulis kedalam buku besar dan untuk membuat laporan data pelayanan masih menggunakan mesin Tik, sehingga menjadi tidak efektif dalam menangani pendataan anggota maupun peminjaman buku pada bagian pelayanan. Pembuatan system database perpustakaan mungkin bisa membantu pegawai perpustakaan dalam mengolah data. Sehingga dengan ini dapat memecahkan masalah dalam Perpustakaan khusus nya pada bagian pengolaan data.
  • Pembuatan Database
  1.  Cara membuat database Mysql : Buka MySQL command, masukan password yang kita buat waktu  menginstal.
2.      Ketik create database nm_database;  contoh : create database  perpustakaan;
Untuk menampilkan database ketik show databases; dan untuk membuka database ketik USE Nm_database; contoh : USE Perpustakaan;






  • Pembuatan Table
     Untuk membuat tabel-tabel yang dibutuhkan adalah : ketik create  nama tabel yang akan dibuat beserta field atau banyaknya kolom pada table tersebut. Jika sudah kita dapat memasukkan nama-nama kolom tabel, type data tiap kolom, panjang karakter tiap type data, dan primary key tiap kolom. Contoh untuk table Pegawai  maka syntak yang kita tulis adalah :

    CREATE TABLE Pegawai (
    Id_Pegawai varchar(5) Not null,
    Nm_Pegawai varchar(20) Not null,
    Alamat text,
    Telp varchar(20),
    Primary Key (Id_Pegawai)
    );


    •    Menampilkan dan Melihat Table


    Untuk menampilkan dan melihat table yang sudah di buat dengan cara :

    SHOW TABLES;





    Perintah di atas akan menampilkan seluruh tabel yang sudah ada dalam suatu database.
    Sedangkan untuk melihat table secara lebih detail dengan ketik

    DESC Anggota;






    • Menambah record dengan insert
    Banyak cara untuk menambah record, berikut  perintah SQL untuk menambahkan record atau data ke dalam suatu tabel adalah sebagai berikut :

    INSERT INTO nama_tabel VALUES (‘nilai1’,’nilai2’,...);

    atau dapat dengan bentuk sebagai berikut :

    INSERT INTO nama_tabel(field1,field2,...)
    VALUES (‘nilai1’,’nilai2’,...);

    atau dapat juga dengan bentuk sebagai berikut :

    INSERT INTO nama_tabel
    SET field1=’nilai1’, field2=’nilai2’,...;

    Sebagai contoh, kita akan menambahkan sebuah record ke dalam tabel
    Anggota  yang telah kita buat sebelumnya. Berikut ini perintah SQL untuk
    menambahkan sebuah record ke dalam tabel anggota :

    INSERT INTO Anggota(Id_anggota,Nm_Anggota,alamat,Telp)
    VALUES (‘L001’,’Wawan Santoso’,’JL Kuala Gg bambu’,’0878199113’);






    • SELECT statement


    Pernyataan SELECT digunakan untuk memilih data dari database. Hasilnya disimpan dalam tabel hasil, disebut hasil-set.. Huruf besar atau kecil tidak masalah karena SELECT tidak sensitif huruf yang artinya penulisan SELECT sama dengan select.

    Sintaksnya: 
    SELECT nama_field
    FROM nama_tabel;
    contoh : 
    select Judul 
    From Buku;




    Sekarang kita ingin memilih 2 isi kolom, maka syntak nya adalah :
     Select field1,field2
    From nama_table 
     Contoh:
    Select judul,jenis_buku
    from buku;



    Sekarang kita ingin memilih semua kolom dari tabel
    Dengan cara mengetik
    Select * from Nama_table 
    Tip: Tanda asterisk (*) adalah cara cepat untuk memilih semua kolom.


    Contoh : 


    Select * from Anggota; 




    Select * from Buku;



    Select * From Pinjam ;




    Select * From Denda;






    Select * From Pegawai;






    • SELECT DISTINCT statement
    .
    SELECT DISTINCT hanya akan menampilkan data yang berbeda.
    Jika datanya sama, tidak akan di tampilkan
    Sintaksnya:
    SELECT DISTINCT nama_kolom
    FROM nama_tabel;
    Contoh : 
    Select Distinct Jenis_buku
    from buku

    Baca Selengkapnya»»