Membuat Menu Vertikal (Vertical)

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;

dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');

Pilihan Warna menu vertikal :

	blue1.gif blue2.gif
	green1.gif green2.gif
	red1.gif red2.gif
	pink1.gif pink2.gif
	black1.gif black2.gif

3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>

Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D

Read more »

Cara Membuat Menu Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :
Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Read more »

Cara Membuat Read More / Baca Selengkapnya di Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...

Read more »

Memunculkan Kotak Komentar di Bawah Entri

Beberapa template gratisan yang bukan template classic (yang disediakan oleh blogger) terkadang memilki beberapa masalah yang mungkin bisa membuat kita agak risih, diantaranya template tersebut tidak mendukung pemunculan kotak komen di bawah entri/postingan. Memang untuk template classic cara mensettingnya cukup mudah, tinggal pergi ke halaman pengaturan, komentar, lalu kita bisa mensetting bagaimana format kotak komen yang kita inginkan. Postingan ini saya buat berdasar pengalaman saya sebelumnya terhadap template lama saya (sebelum template yg sekarang ini), jadi saya berharap bagi teman2 yang mengalami hal yang sama dapat terselesaikan maslahnya melalui sharing tutorial kali ini.

Seperti biasa, silahkan teman2 login/masuk dulu ke akun blogger, lalu klik tata Letak. Sesampai di tata letak klik Edit HTML, dan jangan lupa untuk mengklik kotak expand widget templet (jangan lupa men-download template untuk wanti2, kali aja ada kesalahan dalam memperaktekkan instruksi).

Selanjutnya carilah kode berikut

Beberapa template gratisan yang bukan template classic (yang disediakan oleh blogger) terkadang memilki beberapa masalah yang mungkin bisa membuat kita agak risih, diantaranya template tersebut tidak mendukung pemunculan kotak komen di bawah entri/postingan. Memang untuk template classic cara mensettingnya cukup mudah, tinggal pergi ke halaman pengaturan, komentar, lalu kita bisa mensetting bagaimana format kotak komen yang kita inginkan. Postingan ini saya buat berdasar pengalaman saya sebelumnya terhadap template lama saya (sebelum template yg sekarang ini), jadi saya berharap bagi teman2 yang mengalami hal yang sama dapat terselesaikan maslahnya melalui sharing tutorial kali ini.

Seperti biasa, silahkan teman2 login/masuk dulu ke akun blogger, lalu klik tata Letak. Sesampai di tata letak klik Edit HTML, dan jangan lupa untuk mengklik kotak expand widget templet (jangan lupa men-download template untuk wanti2, kali aja ada kesalahan dalam memperaktekkan instruksi).

Selanjutnya carilah kode berikut

<b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>

Kalau sudah ketemu, ganti kode di atas dengan kode berikut

<b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if>

Simpan template teman2, dan sekarang silahkan untuk melihat tampilan kotak komen tman2. Perlu diingat, bahwa sebelum melakukan trik di atas ada baiknya teman2 pergi ke halaman pengaturan dulu lalu pilih komentar, dan setting letak kotak komen dengan opsi disemat di bawah entri.

Selain itu, teman2 juga bisa menggunakan trik kedua (apabila trik di atas tidak manjur). Yang mungkin trik ini sudah pernah saya bahas dalam postingan yang berjudul Masalah Seputar Kotak Komentar.

Kembali ke halaman Tata letak/layout, jangan lupa klik expand widget template.

cari kode berikut Ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

Lalu ganti kode di atas dengan kode berikut

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

Klik Simpan template


Jika tman2 memilki masalah lain yang berkaitan dengan kotak komen ini, mungkin jawabannya bisa ditemukan di postingan saya yang berjudul Masalah Seputar Kotak Komentar. Sekian saja doeloe...


Semoga Bermanfaat

Read more »

ITC Pemain Asing Persebaya Belum Beres

Surabaya - Saat lawan PSMS, 27 November lalu, Persebaya hanya menurunkan tim yang bermaterikan punggawa lokal. Hal ini karena Sertifikat Transfer Internasional (ITC) empat pemain asing Bajul Ijo masih belum beres.
...
Ya, ketika menumbangkan PSMS dengan skor tipis 2-1, Persebaya menurunkan 11 pemain lokal. Tak hanya itu, tim asuhan Divaldo Alves pun terpaksa bermain tanpa striker murni. Hanya Arif Ariyanto dan Feri Ariawan yang didorong kedepan debagai ujung tombak.

Surabaya - Saat lawan PSMS, 27 November lalu, Persebaya hanya menurunkan tim yang bermaterikan punggawa lokal. Hal ini karena Sertifikat Transfer Internasional (ITC) empat pemain asing Bajul Ijo masih belum beres.
...
Ya, ketika menumbangkan PSMS dengan skor tipis 2-1, Persebaya menurunkan 11 pemain lokal. Tak hanya itu, tim asuhan Divaldo Alves pun terpaksa bermain tanpa striker murni. Hanya Arif Ariyanto dan Feri Ariawan yang didorong kedepan debagai ujung tombak.

Sementara striker Andrew Barisic, dan tiga punggawa asing lainnya, Amaral, Mario Karlovic dan Otavio Dutra hanay duduk di bangku cadangan. Ketika ditelisik, ternyata penyebab absennya empat pemain asing ini adalah karena belum mengantongi ITC.

"Masalah ITC belum beres sampai kemarin, sehingga PSSI belum bisa mengeluarkan izin bertanding tarhadap keempat pemain asing," kata Divaldo Alves melalui star media Persebaya, Syaiful.

Saat ini manajemen Persebaya berusaha menyelesaikan ITC keempat pemain ini. "Diharapkan rekomendasi sudah turun sebelum tanding melawan Persiraja tanggal 1 Desember nanti," harap pelatih asal Portugal ini.

Saat ini tim Persebaya sudah berada di Banda Aceh. Dengan datang lebih awal, mereka berharap masa recovery tim lebih panjang. Sehingga saat melawan tuan rumah tim Lantak Laju, julukan Persiraja, tim dalam kondisi fit dan siap tempur.

Read more »

Cara mencetak dokumen ke komputer lain dimanapun tempatnya

Setelah saya pernah menulis tentang cara Cara menyinkronkan data di beberapa komputer dengan cepat kini saatnya saya akan menulis bagaimana cara untuk mencetak data / dokumen di komputer lain tanpa melihat jarak antara satu komputer dengan komputer lain (tak terbatas jarak).

Biasanya jika kita mencetak dokumen di komputer lain maka komputer harus dihubungkan dengan komputer tujuan pencetakan dokumen dengan cara menggunakan LAN dan juga di komputer tujuan pencetakan, Printer yang akan digunakan harus terlebih dahulu di Sharing sehingga bisa digunakan komputer lain.

Untuk contoh kasus yang akan saya bahas sekarang hampir mirip dengan cara mencetak dokumen di komputer lain menggunakan LAN, tetapi kita tidak menggunakan fasilitas LAN tapi kita menggunakan layanan Internet, jadi dapat disimpulkan jika kita ingin menggunakan layanan ini maka syarat utama harus terhubung ke Jaringan Internet, selain itu kita juga harus membutuhkan software yang dapat menjalankan proses ini, software yang digunakan adalah Print Anywhere software tersebut bisa anda download

Setelah saya pernah menulis tentang cara Cara menyinkronkan data di beberapa komputer dengan cepat kini saatnya saya akan menulis bagaimana cara untuk mencetak data / dokumen di komputer lain tanpa melihat jarak antara satu komputer dengan komputer lain (tak terbatas jarak).

Biasanya jika kita mencetak dokumen di komputer lain maka komputer harus dihubungkan dengan komputer tujuan pencetakan dokumen dengan cara menggunakan LAN dan juga di komputer tujuan pencetakan, Printer yang akan digunakan harus terlebih dahulu di Sharing sehingga bisa digunakan komputer lain.

Untuk contoh kasus yang akan saya bahas sekarang hampir mirip dengan cara mencetak dokumen di komputer lain menggunakan LAN, tetapi kita tidak menggunakan fasilitas LAN tapi kita menggunakan layanan Internet, jadi dapat disimpulkan jika kita ingin menggunakan layanan ini maka syarat utama harus terhubung ke Jaringan Internet, selain itu kita juga harus membutuhkan software yang dapat menjalankan proses ini, software yang digunakan adalah Print Anywhere software tersebut bisa anda download DISINI.

Berikut ini adalah cara kerja dari Print Anywhere :

Untuk lebih lengkapnya bisa baca di http://www.printeranywhere.com/how-it-works.sdf.

Langkah-langkah untuk mencetak dokumen di komputer lain dengan Internet dan Software Print Anywhere adalah.

• Install Print Anywhere di komputer pengirim maupun di komputer tujuan yang sudah terkoneksi dengan printer.
  
• Buatlah akun di masing-masing komputer tersebut dengan akun yang berbeda
  
  
  
  
  
  
• Jika sudah selesai maka akan ditampilkan kotak dialog seperti dibawah ini, username kita berupa angka misalnya punya saya : 1452256;
  
  
  
• Jika sudah anda buat akun maka selanjutnya adalah dengan men-sharing printer yang ada di komputer tujuan dengan cara pilih salah satu printer kemudian tekan share.
  
• Selanjutnya adalah buka dokumen yang akan anda cetak di komputer yang lain, kemudian lakukan proses pencetakan bedanya disini pada saat pemilihan jenis printer silakan pilih PrinterShare.
  
  
  
• Tekan OK, akan muncul kotak dialog yang isinya meminta kita untuk memasukkan akun tujuan kita mencetak dokumen, selanjutnya tekan Find Printer
  
  
  
• Jika kita tekan Find Printer, maka kita akan dipertemukan dengan kotak dialog yang isinya akun-akun Printer Anywhere di seluruh dunia, kita bisa mencetak dokumen dengan syarat komputer tujuan harus Online (ditandai dengan warna hijau pada Status), jika kita tahu akun komputer tempat tujuan pencetakan mending langsung diisikan saja dari pada harus mencari satu persatu, setelah ketemu tekan OK.
  
  
  
• Proses pengiriman dokumen
  
  
  
• Pada langkah selanjutnya di komputer tujuan akan diminta memverifikasi dokumen yang akan dicetak misalnya menolak pencetakan atau menerima pencetakan. Apabila anda menginginkan proses otomatis (langsung cetak) maka yang harus anda lakukan adalah tekan menu Printer pilih Automation (seperti kotak dialog dibawah ini), bisa anda tambahkan proses pencetakan otomatis pada akun anda, jika sudah selesai tekan OK.
  
  
  
  
  
• Proses pencetakan selesai dokumen bisa langsung tercetak di komputer tujuan seperti yang anda inginkan.
  
• Yang perlu saya tambahkan disini adalah dengan akun gratis kita hanya diberikan kesempatan untuk mencetak sebanyak 20 lembar saja, mungkin setelah itu kita tidak bisa lagi untuk mencetak, tapi saran saya adalah buatlah akun-akun baru yang tujuannya untuk menyiasati hal tersebut. Jika anda menginginkan agar bisa mencetak tanpa dibatasi 20 lembar maka harus melakukan pembayaran.
  

Terima Kasih!! Sudah membaca Website ini semoga bermanfaat bagi kita semuanya, Aamiin.

Read more »

Cara Cepat Mencari Kode HTML

Hari ini saya akan menuliskan Bagaimana cara mudah dan cepat untuk mencari sebuah kode html di bagian Edit Html (dashboard Blogger) ketika kita hendak mengdit template blogger kita atau ingin menambahkan script/kode di template tersebut.

artikel ini saya tulis karena ada salah satu pengunjung blog ini yang bertanaya:

gimana caranya agar kita mencari dengan cepat sbuah code di Edit HTML

Nah itu lah pertanyaan yang membuat saya merasa bahwa cara mudah dan cepat untuk mencari kode html ini perlu saya tulis.

Hari ini saya akan menuliskan Bagaimana cara mudah dan cepat untuk mencari sebuah kode html di bagian Edit Html (dashboard Blogger) ketika kita hendak mengdit template blogger kita atau ingin menambahkan script/kode di template tersebut.

artikel ini saya tulis karena ada salah satu pengunjung blog ini yang bertanaya:

gimana caranya agar kita mencari dengan cepat sbuah code di Edit HTML

Nah itu lah pertanyaan yang membuat saya merasa bahwa cara mudah dan cepat untuk mencari kode html ini perlu saya tulis.

Mencari sebuah kode html di di template blogger memang agak susah kalau kita tidak tahu cara mudahnya, kita harus merelakan sebagian waktu kita untuk memelototi kode-kode html blogger yang lumayan banyak tersebut.

Namun tahukah teman bahwa ternyata ada cara yang sangat mudah dan cepat untuk mencari sebuah kode html yang kita ingin cari itu. Misalnya kita ingin mencari kode <body> maka kita bisa dengan cepat dan mudah menemukan kode <body> hanya dengan beberapa kali klik saja.

Ok langsung saja.

Cara Mudah dan Cepat Mencari Kode Html di Blogger

Tekan tombol Ctrl + F secara bersamaan, maka di bagian bawah layar komputer anda akan keluar seperti ini.

(Gambar ini di ambil menggunakan Mozilla Firefox) jika anda menggunakan browse lain mungkin ada perbedaan.

 jika sudah keluar maka silakan tulis kode yang ingin di temukan tersebut di kolom pencariannya.

Nah itulah cara mudah untuk menemukan sebuah kode html di blogger, selamat mencoba, semoga berhasil dan bermanfaat.

Read more »

Membuat Headline News Mirip Lintasberita.com Untuk Update Terbaru Blog

Menciptakan Headline News di blogspot

Jika anda berkunjung ke blog atau situs laian mungkin anda pernah melihat melihat sebuah bar kecil di bawah, jika di lintasberita.com Headlinenya ada di atas. di dalamnya berisi berita-beruta terbaru dari blog berubah-rubah, sehingga membuatnya menarik perhatian. Nah itulah yang dimaksud dengan Headline News. Tips kali ini kang salman dapatkan dari teman saya Witto

Kang salman ingin membahas sedikit cara bagaimana cara memasang Headline News di blog  Pengertian headline news sendiri  adalah sebuah  widget pihak ke tiga yang dibuat dengan bantuan javascript yang berfungsi untuk menampilkan judul serta link artikel-artike terbaru dari update blog kita.

Nah carauntuk membuat nya pun sangat mudah anda cukup copy paste kode dibawahini ke dalam elemen widget yang baru, Letakkan widget terserah anda.

1.  Login ke Blogger
2.  Pilih Edit Tata Letak
3.  Pilih Tambah Widget
4.  Pilih HTML/Javascrtpt
5.  Copy Kode di bawah ini :

<script type="text/javascript"> var hn_url_blog = "http://myandhy.blogspot.com/"; var hn_jumlah_post = 10; var hn_warna_latar = "#007880"; var hn_warna_garis = "#000000"; var hn_posisi = "top"; var hn_tampilkan_judul = false;var hn_backlink = false;</script><script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js"></script>
<small><a href="http://myandhy.blogspot.com">make widget </a></span><small>

Catatan :
1.  Warna merah di atas ganti dengan alamat blog anda
2.  Warna hijau di atas adalah warna latar dari widget, b
3.  Wana Biru adalah untuk warna garis yang akan muncul di widget,
4.  Warna orange di atas adalah untuk posisi widget yang akan di tampilakan, bottom = bawah, top=atas dll

Catatan tambahan :

• hn_url_blog = URL blog anda (ganti dengan url blog anda)
• hn_jumlah-post = jumlah judul artikel yang di tampilkan
• hn_warna_latar = kode warna untuk latar belakang headline news
• hn_warna-garis = kode warna garis bingkai
• hn-posisi = menentukan posisi letak headline news

6.  Setelah selesai, simpan dan lihat hasilnya.

Selamat mencoba.........

Read more »

Dityo Pramono CEO Persebaya?

Teka teki siapa CEO baru Persebaya menemukan titik terang. Adalah Dityo Pramono yang dikabarkan menggantikan posisi Llano Mahardika. Dityo sendiri merupakan mantan CEO tim Liga Prima Indonesia (LPI), Medan Bintang.

Sejak awal, nama Dityo memang muncul di posisi teratas calon pengganti Llano. Dia dicalonkan oleh konsorsium LPI karena sebelumnya, Dityo juga bekerja di salah satu tim LPI, yakni Bintang Medan, juga sebagai CEO.

Teka teki siapa CEO baru Persebaya menemukan titik terang. Adalah Dityo Pramono yang dikabarkan menggantikan posisi Llano Mahardika. Dityo sendiri merupakan mantan CEO tim Liga Prima Indonesia (LPI), Medan Bintang.

Sejak awal, nama Dityo memang muncul di posisi teratas calon pengganti Llano. Dia dicalonkan oleh konsorsium LPI karena sebelumnya, Dityo juga bekerja di salah satu tim LPI, yakni Bintang Medan, juga sebagai CEO.

Di satu sisi, pihak PT Persebaya Indonesia (PTPI) yang diwakili Komisaris Saleh Ismail Mukadar dan Direktur Utama Cholid Goromah, mengusulkan nama Gede Widiade. Gede bukan orang baru di Surabaya. Ia adalah mantan manajer sekaligus Ketua Umum klub internal Persebaya, PS Mahasiswa.

Informasi yang dihimpun, antara Saleh, Cholid dan CEO PT Liga Prima Indonesia Sportindo (LPIS), Widjajanto sudah sepakat menunjuk Gede sebagai CEO. Tapi dalam perkembangan terbaru, nama Gede justru tergusur oleh Dityo.

Kepada wartawan, Senin (21/11/2011), Widjajanto mengatakan, pengganti Llano sudah diputuskan adalah wakil dari konsorsium, yakni Dityo. "Sudah diputuskan oleh konsorsium, soalnya kita sudah punya calon, Pak Dityo," kata Widja, sapaannya.

Sementara itu, Llano sendiri dipekerjakan di PT LPIS sebagai salah satu petinggi di departemen liga. Widja menjelaskan, Llano memang harus memilih salah satu, antara Persebaya dan PT LPIS. "Tidak boleh dobel, karena bisa menimbulkan tendensi," urainya.

JikaDityo benar merapat ke Persebaya, maka tim kebanggaan Bonek ini tak ubahnya tempat penampungan alumnus LPI. Mulai dari jajaran pelatih, hingga pemain, semua tersebar mantan-mantan LPI.

Pelatih Persebaya saat ini, Divaldo Alves dan pelatih kiper, Aris Rinaldi adalah jebolan Minangkabau FC. Pelatih fisik, Kartono Ramadhan berasal dari Bandung FC. Sementara fisioterapis, Muhammad Yanizar Lubis pernah menangani Bogor Raya.

Sementara di jajaran pemain, dari 11 pemain baru di tim Persebaya, lima di antaranya adalah pemain tim LPI musim lalu. Seperti Saddam Tenang (Aceh United), Revalino Ardiles, (Minangkabau FC), Wirya Kumandra (Jakarta FC), Mario Karlovic (Minangkabau FC) dan Amaral (Manado United).

Read more »

10 Fakta Mengerikan Mengenai Tsunami

 
Kata ‘tsunami‘ berasal dari bahasa Jepang, dan diterjemahkan sebagai ‘gelombang pelabuhan‘. Tsunami dulu disebut ‘gelombang pasang‘, tetapi istilah tersebut penggunaannya oleh ilmuwan telah bergeser.

1. Tsunami terdiri dari serangkaian gelombang yang dikenal sebagai kereta gelombang, bukan gelombang tunggal. Untuk tsunami yang besar, gelombang ini tiba-tiba dan yang pertama tidak selalu yang terbesar.

2. Sebagian besar tsunami disebabkan oleh gempa bumi bawah laut. Gempa bumi berkekuatan 8,0 sebagai penyebab bencana Samoa, menurut US Geological Survey. Sebuah gempa bumi bisa menyebabkan tsunami jika memiliki kekuatan yang cukup dan berada di kedalaman air yang memadai.

3. Sekitar 80 persen dari seluruh tsunami terjadi di Samudera Pasifik.

Kata ‘tsunami‘ berasal dari bahasa Jepang, dan diterjemahkan sebagai ‘gelombang pelabuhan‘. Tsunami dulu disebut ‘gelombang pasang‘, tetapi istilah tersebut penggunaannya oleh ilmuwan telah bergeser.

1. Tsunami terdiri dari serangkaian gelombang yang dikenal sebagai kereta gelombang, bukan gelombang tunggal. Untuk tsunami yang besar, gelombang ini tiba-tiba dan yang pertama tidak selalu yang terbesar.

2. Sebagian besar tsunami disebabkan oleh gempa bumi bawah laut. Gempa bumi berkekuatan 8,0 sebagai penyebab bencana Samoa, menurut US Geological Survey. Sebuah gempa bumi bisa menyebabkan tsunami jika memiliki kekuatan yang cukup dan berada di kedalaman air yang memadai.

3. Sekitar 80 persen dari seluruh tsunami terjadi di Samudera Pasifik.

4. Teori gempa bumi bawah laut yang berada dibalik tsunami pertama kali dikemukakan oleh sejarawan Yunani kuno Thucydides, pada tahun 426 SM, dalam bukunya “History of the Peloponnesian War.”

5. Letusan gunung berapi, tanah longsor besar, dampak meteorit dan ledakan nuklir bawah laut juga dapat menyebabkan tsunami, seperti juga siklon tropis atau kondisi cuaca lainnya. Sebuah tsunami yang disebabkan badai dikenal sebagai ‘meteotsunami’seperti peristiwa hancurnya Burma pada 2008.

6. Terlepas dari ukuran gelombang besar ketika mereka menyentuh tanah, amplitudo (tinggi gelombang) dari tsunami sedikitnya tiga meter di laut terbuka, sedangkan panjang gelombang (jarak antara dua puncak) sepanjang 120 mil. Pada titik ini Tsunami akan mencapai kecepatan lebih dari 500 mph.

7. Ketika tsunami mencapai air dangkal, gelombang mengecil dan menjadikan panjang gelombang pendek, namun amplitudonya menjadi lebih tinggi. Gelombang kemudian melambat, walaupun demikian ia masih memiliki kecepatan sekitar 50 mph.

8. Menduga tsunami sudah dekat sangatlah mustahil. Dalam beberapa kasus, peringatan alam dapat terlihat pada saat air di sepanjang pantai tiba-tiba surut, dalam sebuah fenomena yang disebut drawback. Ini terjadi ketika sebuah palung tsunami mencapai tanah sebelum gelombang memuncak.

9. Seorang gadis Inggris berusia 10 tahun, Tilly Smith pernah menyelamatkan hampir seratus jiwa dengan pengetahuannya saat menjelang tsunami Samudera Hindia pada 2004.

10. Dia telah belajar tentang drawback dalam pelajaran geografi dan memperingatkan keluarganya kemudian berantai kepada orang lain. Ia berkesempatan pidato di PBB dan memiliki sebuah asteroid yang dinamai 20002 Tillysmith.

Berikut ini adalah fakta-fakta mengenai tsunami, mulai dari penyebab, peringatan, sampai hal yang perlu dilakukan ketika tsunami mengancam :

* Berdasarkan U.S Geological Survey, gempa tersebut berada di urutan kelima terluas dampaknya di seluruh dunia, sejak 1900. Bagi Jepang, gempa ini merupakan gempa terkuat selama 140 tahun. Tsunami yang mengikutinya mencapai ketinggian hingga 10 meter.
* Tsunami merupakan beberapa gelombang laut yang disebabkan oleh gempa Bumi bawah laut, longsor, atau ledakan gunung. Tsunami juga bisa disebabkan oleh jatuhnya meteor di laut.
* Ilmuwan pernah temukan bukti kalau beberapa tsunami besar terjadi akibat tumbukan asteorid. Saking besarnya tsunami tersebut, hanya gunung tertinggi 3,5 miliar tahun yang lalu yang “selamat”. Garis pantai dan kepulauan berubah drastis. Kehidupan nyaris punah.
* Gempa Bumi baru bisa memicu tsunami apabila menyebabkan pergerakan di dasar laut yang mengakibatkan pergerakan air secara tiba-tiba dalam jumlah yang banyak.
* Tsunami bukan hanya satu gelombang besar, tapi rentetan gelombang. Gelombang yang mematikan belum tentu gelombang yang pertama.
* Kata “tsunami” sendiri berasal dari bahasa Jepang, mengingat fakta bahwa Jepang merupakan negara yang cukup sering dilanda tsunami. Dalam beberapa abad terakhir, sudah ada ribuan warga Jepang yang tewas karena menjadi korban tsunami.
* Gelombang tsunami bisa melintasi samudra tanpa kehilangan energi. Gelombang tsunami yang dipicu gempa di Sumatra pada tahun 2004 bergerak sejauh 5.000 kilometer sampai Afrika dengan tenaga yang cukup untuk merusak gedung dan membahayakan manusia.
* Tsunami bisa memiliki kecepatan 800 kilometer per jam, melintasi lautan tanpa terdeteksi selama sehari atau kurang. Ilmuwan bisa mendeteksi waktu tiba tsunami dengan memperhitungkan kedalaman air, jarak, dan kejadian yang memicu tsunami.
* Tinggi tsunami mungkin kurang dari 30 sentimeter di laut terbuka. Tapi Karena kecepatannya yang tinggi–beberapa gelombang bisa secepat pesawat jet–dan mencapai daerah pantai yang dangkal, tinggi gelombang meningkat akibat air di bagian atas bergerak lebih cepat daripada bagian bawah.
* Secara alamiah, pantai biasanya memiliki pemecah gelombang tsunami sehingga dampaknya tidak terlalu besar di daratan. Karang, muara, dan teluk merupakan contoh peredam alami tsunami.
* Tsunami yang terjadi di Aceh dinilai sebagai tsunami paling mematikan. Lebih dari 200 ribu orang meninggal dan masih banyak orang yang hilang. Tsunami paling mematikan sebelumnya terjadi pada tahun 1781 di Laut China Selatan, diperkirakan menewaskan 40 ribu orang. Tahun 1883, letusan Krakatau menyebabkan tsunami dan menewaskan 36.500 orang.
* Daerah Pasifik merupakan zona tsunami paling aktif, menurut NOAA.
* Peringatan dini tsunami yang alami: gempa Bumi. Jika terjadi gempa, orang-orang diperingatkan agar menjauh dari daerah pantai.
* Para saksi mata menyebutkan kenaikan atau penyurutan air laut sering jadi tanda-tanda tsunami. Banyak korban menghilang saat tsunami terjadi di Aceh karena orang-orang mendekat ke laut saat air laut surut. Para ahli menjelaskan kalau surutnya air laut itu bisa jadi tanda bahwa sekitar 5 menit lagi akan terjadi tsunami.
* Bahaya tsunami bisa terjadi dalam waktu beberapa jam setelah gelombang pertama. Gelombang tsunami lain bisa datang dalam waktu 5 menit hingga 1 jam.

Read more »