[Tutorial] Cara mempersingkat postingan blog dengan Readmore bergambar

Cara mempersingkat postingan blog dengan Readmore :

1. Seperti biasa, Log in dahulu kepada akun blogger sobat masing-masing

2. Kemudian masuk ke Dashbor => Template => EDIT HTML => Lanjutkan

(Alangkah baiknya jika memback up template blog terlebih dahulu, jika tidak tahu caranya baca di sini )

(Jangan lupa untuk mencentang Expand Template Widget)

3. Kemudian cari kode </head>

(Untuk mempermudah pencarian, Gunakan CTRL+F pada keyboard)

Lalu copy  kode dibawah ini dan pastekan tepat diatas atau sebelum kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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 :

var thumbnail_mode = "float" => Letak thumbnail berada di “float” kiri atau jika sobat tidak menginginkan demikian silahkan ganti dengan “no-float”.

summary_noimg = 250;  => Jumlah karakter yang akan ditampilkan di posting tanpa menampilkan gambar postingan.

summary_img = 250;   =>  Jumlah karakter yang akan ditampilkan di posting dengan menampikan gambar postingan.

img_thumb_height = 120; => Ukuran tinggi gambar dalam satuan pixel.

img_thumb_width = 120;  => Ukuran Lebar  gambar dalam satuan pixel.

4. Setelah itu, cari kode <data:post.body/> dan gantikan kode <data:post.body/> dengan kode dibawah ini

<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='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

=============================================

Keterangan :

Sobat juga dapat menggantikan tulisan readmore   dengan tulisan lain seperti "Baca selengkapnya" .

5. Lihatlah PRATINJAU terlebih dahulu, jika sudah tidak terdapat kesalahan barulah sobat bisa menyimpan template dengan mengklik SAVE.

Dan lihat hasilnya...

Selamat mencoba dan semoga berhasil...

readmore »»  

Pebedaan Windows dengan Linux

Sebagai Sistem Operasi (OS) server, Linux dirancang untuk tidak sering dimatikan dalam pengoperasiannya.

Pencegahan memory leak di Linux mendapat porsi perhatian yang lebih besar dibanding pada Windows.

Artinya, ketersediaan porsi memori yang bisa digunakan boleh berkurang pada Windows karena toh dalam waktu tidak lama sistem akan dijalankan mulai dari awal lagi.

1. Awal perkembangannya. 

Windows berkembang dari dunia komputer mikro yang serba personal. Karena khusus untuk kebutuhan desktop, Windows sangat memfokuskan diri pada kesederhanaan penggunaan, pendekatan pada sisi end user dsb.

Linux berkembang dari dunia Unix dengan segala persoalan multi-tasking dan multi-usernya. Dengan kata lain, Linux dirancang dengan karakteristik server atau workstation high-end. Linux juga dikembangkan dengan kemampuan jaringan cukup tinggi dan sejak awal hidupnya sudah berusaha untuk berjalan pada berbagai arsitektur komputer, sehingga Linux tidak menjadikan kebutuhan desktop sebagai tujuan besar 

2. Hak Atas Kekayaan Intelektual (HAKI) 

Jika dilihat dari sisi HAKI, SO Windows dan kebanyakan program-program aplikasinya, kepemilikan lisensi (rata-rata berharga $200 USD) merupakan sarat mutlak untuk penggunannya.

Sementara Linux dan program-program aplikasinya dilain pihak berlisensi gratis dan justru mendorong para penggunanya untuk menyebarluaskan perangkat lunak tersebut. 

3. Kelengkapan Program 

Windows tidak menyediakan banyak program setelah diinstal. Kalaupun ada mungkin hanya Internet Explorer, Media Player, Notepad, dan beberapa program kecil lainnya.Sekalipun Linux juga sebagai SO, setelah diinstal, akan ditemui banyak program dari hampir semua kategori program seperti Office Suite, Multimedia (Sound, Video, Graphics), Internet (Browser, Email, Chat, Downloader, Messenger, Torrent, News), 3D, Games, Utility, dll.

4. Program Aplikasi 

Windows unggul untuk aplikasi Office-nya. Diakui bahwa Microsoft Office termasuk tool yang sangat enak untuk bekerja di PC seperti menyiapkan presentasi, tulisan, laporan, agenda dll. Linux unggul dalam aplikasi Webserver, proxy server, firewall, mail server, Samba dll. Pada aplikasi server umumnya X-Windows tidak lagi digunakan di Linux, oleh karena itu Linux biasanya lebih hemat resources (memory & harddisk) di bandingkan Windows. Sementara komunitas Linux juga berusaha keras untuk mengejar ketinggalannya dalam aplikasi Office-nya dengan mengembangkan StarOffice yang dimotori oleh Sun Microsystems agar dapat digunakan secara cuma-cuma di atas Linux.

5. Konfigurasi Sistem

Berbeda dengan program Windows yang sudah siap pakai, di Linux ada kalanya perlu menyunting file secara manual melalui command line. Tetapi dengan adanya PCLINUX Control Center, konfigurasi sistem bisa dilakukan dengan mudah. PCLINUX memiliki deteksi perangkat keras yang baik sehingga hampir semuanya berjalan secara otomatis. Dan hampir semua program di PCLINUX disertai dengan konfigurasi yang juga sudah siap pakai.

6. Dukungan Perangkat Keras

Tidak seperti kemudahan yang ditemui di Windows, terkadang suatu hardware tidak bisa bekerja di Linux. Hal ini bisa terjadi karena pembuat hardware tidak menyediakan driver versi Linux. Untungnya, belakangan ini cukup banyak vendor yang sudah memberikan dukungan driver Linux. Dan pengenalan Linux akan hardware semakin lama semakin meningkat sehingga mulai jarang terdengar permasalahan hardware di Linux.

7. Manajemen Proses

Apabila kita tekan tombol Crtl-Alt-Del pada saat sistem menjalankan Windows akan terlihat sejumlah

proses yang sedang berjalan. Kalau dihitung dari 10 dan pengguna biasa bisa mengenali sebagian besar

proses-proses ini.

Bila kita kirim perintah ps ax pada sistem Linux akan terlihat keterangan bahwa ada lebih dari 20 proses

sedang berjalan. Mereka yang tidak mendalami sistem operasi tidak akan bisa mengenalisebagian besar

dari proses-proses tersebut.

8. Sistem File 

Windows menggunakan FAT dan NTFS. Windows tidak membedakan penggunaan nama file dengan huruf besar dan huruf kecil (case insensitive). Windows mengenal juga istilah drive untuk device dan partisi. Windows memiliki MyComputer sebagai root, yang didalamnya terdapat berbagai drive dan device. Windows juga tidak bisa membaca file sistem Linux (tanpa memanfaatkan program terpisah). Di sistem file, ekstensi nama file di Windows memiliki peranan penting. 

Sementara Linux menggunakan ext2, ext3, reiserfs, xfs, jfs dan lain sebagainya. Linux dapat membaca dan menulis ke FAT32, dan dapat membaca dan menulis NTFS (eksperimental dan memanfaatkan proyek terpisah). Linux membedakan penggunaan huruf besar dan kecil dalam berbagai aspek penggunaan sistem operasi. Di Linux, istilah drive tidak digunakan. Yang digunakan adalah direktori biasa. Apabila dibandingkan dengan Windows, Linux mengenal direktori root (disimbolkan dengan /), yang didalamnya terdapat berbagai direktori dan device. Di Linux, ekstensi nama file tidak memiliki peranan penting. 

9. Waktu Pengoperasian 

Sebagai SO personal workstation, Windows akan sering dimatikan apabila ditinggalkan pemiliknya untuk menghemat listrik karena tidak akan ada orang lain yang akan menggunakan komputer itu.

Sistem Linux dirancang untuk bisa digunakan bersama-sama oleh banyak orang. Karena itu perlindungan berkas dan proses-proses milik seseorang terhadap orang lain menjadi porsi besar dari perhatian perancangnya. Pada sistem Linux (dan Windows NT/2000/XP) identifikasi user sangat menentukan hak akses pengguna. Karena itu akan banyak ditemui pengguna Linux yang bekerja dengan user root (nama super user di dunia Unix).

10. Proteksi Sistem

Karena sistem Windows biasanya digunakan orang tertentu saja, maka sistem proteksi berkas-berkas di komputer tidak menjadi perhatian utama dalam perancangan Windows. Kapanpun pengguna Windows bisa menghapus, mengganti nama, memindah lokasi direktori file apapun yang ada di sistem.

Login bukanlah keharusan bagi pengguna Windows 9x. Dengan cancel login prompt, bisa didapatkan hak akses segalanya.

Meskipun sama-sama sebagai sistem operasi (SO) komputer, Linux dan Windows memiliki perbedaan dalam banyak hal. Karena merupakan dua dunia yang berbeda, maka hampir semuanya bisa berbeda. Software yang didesain khusus untuk Windows tidak akan berjalan pada Linux, demikian juga sebaliknya. 

11. Menangani Crash

Dibandingkan dengan Windows 95/98/ME, Linux jauh lebih stabil. Namun jika mengikuti petunjuk sistemnya dengan baik, Windows XP juga cukup stabil.Unix dan Linux mempunyai sifat multi-user. Linux menjalankan aplikasi secara berbeda dengan Windows. Ketika suatu aplikasi terkunci, Anda dapat mematikannya dengan mudah. Cukup menekan kombinasi tombol Ctrl + Esc, dan dapat memilih aplikasi (atau proses) mana yang bermasalah. Dan jika sistem grafis yang terkunci, bisa berpindah ke command-prompt (dengan menekan Ctrl+Alt+F1) dan membunuh proses software secara manual. Juga tersedia pilihan untuk merestart desktop saja dengan menekan Ctrl+Alt+Backspace. Ini berarti tidak harus melakukan reboot sekalipun sistem Linux sedang mengalami masalah.

12 Sistem Sistribusi 

Windows hanya mengenal satu distribusi yaitu Microsoft. Sementara, Linux mengenal banyak distribusi yang merupakan kumpulan kernel Linux, pustaka – pustaka sistem, dan software – software yang dibungkus dengan prosedur tertentu. Yang membedakan antar distribusi bisa saja pada semua bagian tersebut (kernel yang berbeda versi dan pengaturan, software dan pustaka yang berbeda), termasuk prosedur pemaketannya.

Kemungkinan Migrasi

Di satu pihak, Windows dalam perkembangannya menyatu dengan garis produksi server NT menjadi Windows 2000 dan kemudian Windows XP. Di lain pihak, masyarakat opensource terus mengembangan user interface grafis untuk meningkatkan kenyamanan Linux untuk penggunaan sebagai workstation pribadi. Sejak kemunculan Windows 2000 dan perkembangan user interface grafis di Linux, mulai bisa dilihat kesetaraan Windows dan Linux yakni sistem operasi untuk server dan juga untuk workstation.

Migrasi pengguna dari Windows ke Linux dan sebaliknya tidak dapat terjadi secara spontan karena faktor kebiasaan yang sulit ditinggalkan. Selama penggunaan Windows dan program-program aplikasinya tidak terhalang oleh keharusan membayar lisensi, pengguna Windows tidak akan banyak beralih ke Linux. Kesuksesan Linux di Indonesia meraih perhatian dari pengguna komputer bergantung pada hak yang berwajib dalam mengkampanyekan penghormatan pada hak atas kekayaan intelektual.

readmore »»  

BPPT. Pemasangan Alat Pendeteksi Tsunami

Buoy Tsunami adalah alat untuk mendeteksi tsunami di tengah laut. Alat ini merupakan salah satu teknologi Sistem Peringatan Dini Tsunami yang dipasang di permukaan laut di daerah rawan tsunami dengan ditambatkan pada pemberat di dasar laut menggunakan kawat baja dan tali nilon.

Jika terjadi tsunami, buoy harus secepat mungkin mendeteksi tsunami karena rata-rata gelombang tsunami mencapai kawasan pesisir dalam waktu 30 menit. Di sekitar wilayah Indonesia akan dipasang sekurang-kurangnya 23 buoy tsunami yang tersebar di lepas pantai barat Sumatera, selatan Jawa - Bali - Nusatenggara, di Laut Banda, Selat Makassar, Laut Maluku, Laut Halmahera, dan utara Papua.Pemasangan buoy ini merupakan bagian dari pengembangan sistem peringatan dini tsunami Indonesia sekaligus bagian dari ih, Indian Ocean tsunami warning and mitigation system.

. Buoy yang dipasang terdiri dari dua unit penting, yaitu ocean bottom unit (OBU), yang dipasang di dasar laut, dan tsunami surface buoy, yang dipasang di permukaan laut. OBU secara aktif mengirim data melalui underwater acoustic modem ke tsunami buoy yang terpasang di permukaan laut, yang berperan sebagai penerima data dari OBU Kemudian, tsunami buoy mentransmisikan data tersebut via satelit ke pusat pemantau tsunami read down station (RDS) yang berada di Gedung I BPPT lantai 20. Buoy yang dipasang di dekat sumber gempa dan tsunami bekerja berdasarkan gelombang tsunami atau anomali elevasi muka air laut yang dideteksi oleh sensor yang ditempatkan di OBU. Alat inilah yang berfungsi merekam kedatangan gelombang tsunami. Dari OBU, data dikirimke buoy, kemudian dari buoy dikirim ko satelit untuk diteruskan ko stasiun penerima di Jakarta, yaitu di BPPI dan BMG," ujar staf BPPT Ivan lnr\ jni di Pelabuhan Mala-, hayati. Aceh Besar, Sabtu (17/4). Sejauh ini BPPI sudah memasang 23 buoy pada setiap 250 km di sepanjang pantai di Samudra Hindia, khususnya di kawasan Indonesia.

readmore »»  

Cinta Jangan Dinanti

Biar kuungkap cinta 

Cinta begitu besar 

Biarkan itu menjadi 

Rasa indah yang ku miliki

Cinta tak sepantasnya 

Tertutup tertepis saja 

Biarku ungkap semua 

Perasaanku terhadap mu

Ku pasti bisa bahagiakan dirimu 

Secepatnya sebekunya takkan perasaanku 

Slama ini

Biarkan kini ku tunggu pasti 

Jawabanmu membalas cintaku 

Cintamu jangan dinanti-nanti 

Cintaku pasti kan sampai mati

Janganlah ada ragu dihati 

Ku tak akan membuatmu terluka 

Cintamu jangan dinanti-nanti 

Cintaku tulus kan sampai mati

Biarkan kini ku tunggu pasti 

Jawabanmu membalas cintaku 

Cintamu jangan dinanti-nanti 

Cintaku pasti kan sampai mati 

Janganlah ada ragu dihati 

Ku tak akan membuatmu terluka 

Cintamu jangan dinanti-nanti 

Cintaku tulus kan sampai mati 

readmore »»  

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog -

Belakangan ini saya berkunjung  ke sebuah blog, dan saya menemukan sesuatu yang unik di blog sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

1. Login ke dasbor blog anda
2. Pilih rancangan
3. Pilih tambah gadget
4. Pilih Html/Java script
5. Copy kode Html di bawah ini
6. Pastekan di Html/ Java Script tadi
7. Simpan
8. Selesai

Kode Share button

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Catatan : untuk tulisan warna hijau anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna merah bisa anda hapus jika anda ingin tampilan yang simple.

contoh hasilnya

                                                                            

readmore »»  

Terhebat

[*]
Hey kawan
Pasti kau dan aku sama, sama-sama punya takut
Takut tuk mencoba dan gagal, tapi….

Hey kawan
Pasti kau dan aku sama, sama-sama punya mimpi
Mimpi tuk menjadi berarti karena

[**]
Harus kita taklukan, bersama lawan rintangan
Tuk jadikan dunia ini lebih indah
Tak perlu tunggu hebat
(Untuk berani memulai apa yang kau impikan)

[***]
Hanya perlu memulai (untuk menjadi hebat raih yang kau impikan)
Seperti singa yang menerjang semua rintangan tanpa rasa takut
Yakini bahwa kamu kamu kamu kamu terhebat

Back to [*][**][***]

Coba cobalah mari kita pasti bisa taklukan dunia dengan mimpi kita
Mari berbagi mari bermimpi bersama kita disini
Yakini kau pasti bisa .

Its CJR in the heart
Dan membuatmu percaya
Kamu terhebat seperti singa

[****]
Tak perlu tunggu hebat
(Untuk berani memulai apa yang kau impikan)
Hanya perlu memulai
(Untuk menjadi hebat raih yang kau impikan)

Seperti singa yang menerjang semua rintangan tanpa rasa takut
yakini bahwa (kamu hebat seperti singa)

Back to [****]
Seperti singa yg menerjang semua rintangan tanpa rasa takut
Yakini bahwa kamu kamu kamu kamu terhebat
Nanaana.. nanana.. naanaana.. naanaana.. naaa..

readmore »»  

Stasiun Kereta

Aku langsung tlah jatuh cinta
Saat kita bertemu hingga terasa begitu
Gila aku terasa gila
Bila karena kamu getarkan isi hatiku
*courtesy of LirikLaguIndonesia.Net
Sayang aku tlah jatuh cinta, cinta pandang pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandangan pertama
Jumpa di stasiun kereta
Apa rasaku tlah gelisah, merasuk ke jiwaku
Hanyut memikirkan kamu
Hingga rasaku takluk padamu, tak pedulikan waktu
Ingin langsung bilang i love you
Sayang aku tlah jatuh cinta, cinta pandang pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandangan pertama
Jumpa di stasiun kereta
Ku harap kau pun mau tuk menyambut cintaku
Sayang kau begitu indah
Jangan ragu padaku, cintaku bukan nafsu
Sayang ku benar-benar cinta
Sayang aku tlah jatuh cinta, cinta pandang pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandangan pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandangan pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandangan pertama
Jumpa di stasiun kereta
Sayang aku tlah jatuh cinta, cinta pandang pertama
Jumpa di stasiun kereta

readmore »»