Speed Test Blog

Masukkan Alamat Blog/Web Max 10 Url: (http://vikrymadz.blogspot.com)

Pulau Simping - Pulau Terkecil Di Dunia

Pulau Simping - Pulau Terkecil Di Dunia
Pulau Simping atau dikenal juga Pulau Kelapa Dua terletak di Pantai Teluk Mak Jantu, Kawasan Taman Pulau Singka, Singkawang, Kalimantan Barat. Pulau Simping telah menarik perhatian Perserikatan Bangsa Bangsa (PBB) yang kemudian mengakui dan meresmikannya bahwa Pulau Simping merupakan pulau terkecil di dunia sekaligus merupakan rekor dunia bagi Indonesia.


Pulau Simping

Pulau Simping merupakan daratan pasir dan bebatuan dan ditumbuhi beberapa pohon di atasnya. Juga terdapat sebuah kelenteng kecil tempat warga Tionghoa setempat melakukan sembahyang.


Pulau Simping

Untuk menuju ke Pulau Simping cukup ditempuh sekitar 20 menit dari Kota Singkawang, dan jarak dari Pontianak sekitar 2 - 3 jam. Dari Pantai Teluk Mak Jantu telah disediakan jembatan untuk menyeberang ke Pulau Simping seperti pada gambar di atas.

Sumber: www.beritaunik.net

Skype 5.10.0.116 - Offline Installer

Skype 5.10.0.116 - Offline Installer

Setelah pada 05 Juli 2012 skype merilis Skype 5.10.0.115 - Offline Installer, kini Skype telah merilis versi terbarunya yaitu Skype 5.10.0.116 - Offline Installer yang tepatnya dirilis pada 17 Juli 2012 lalu.

Pada versi Skype 5.10.0.116 - Offline Installer itu terjadi perbaikan pada pembahasan masalah yang terjadi ketika Skype mengalami crash selama sesi IM Skype, yang mungkin dalam beberapa kasus mengakibatkan IM terakhir yang dimasukkan atau dikirim sebelum crash yang disampaikan ke kontak IM yang berbeda setelah klien Skype reboot atau login sebagai user baru.

Untuk itu bagi para pengguna Skype disarankan untuk menggunakan versi terbarunya yaitu Skype 5.10.0.116 - Offline Installer.


Skype 5.10.0.116 - Offline Installer - See how video calling works

Title: Skype
Version: 5.10.0.116 - Offline Installer
Release: 17 Juli 2012
Publisher: Skype
Size: 24.46 MB

Download

Membuat Teks Area Keren Di Blog

Membuat Teks Area Keren Di Blog
Sesuai dengan namanya Membuat Teks Area Keren Di Blog, memang menurut saya teks area ini benar-benar keren. Dengan teks area ini, meskipun kita sebenarnya bukan profesional tapi kita seakan-akan profesional. Cara membuat atau menampilkannya di blog kita cukup mudah. Bagi yang tertarik untuk mencoba Membuat Teks Area Keren Di Blog silahkan simak postingan sederhana saya di bawah ini.

1. Login ke blog anda.
2. Masuk menu 'Layout-->Edit HTML
3. Centang kotak 'Expand Widgets Template
4. Cari kode ini (gunakan CTRL + F di keyboard untuk memudahkan pencarian)
5. Letakkan script berikut ini di bawah kode tadi.



6. Simpan Template Anda.

Nah untuk menampilkan teks area kerennya di postingan HTML gunakan kode-kode di bawah ini.

1.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

2.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

3.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

4.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

5.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

6.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

7.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

8.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

9.

TEKS ANDA DI SINI

maka penampakannya akan seperti di bawah ini.

Ini contoh untuk Membuat Teks Area Keren Di Blog, Anda dapat mengkopi kode di atas pada postingan HTML Anda.

Kode Warna HTML

Membuat Background dan Border pada Halaman Posting

Membuat Background dan Border pada Halaman Posting

Pada halaman ini saya akan berbagi cara mempercantik blog dengan memberi border dan background pada bagian posting blog.

Ada banyak cara untuk membuat template blog anda kelihatan cantik dan menarik, salah satunya yaitu menambahkan background atau bahkan border pada halaman posting karena halaman posting merupakan bagian inti dari sebuah blog dan merupakan bagian yang paling banyak mendapatkan perhatian dari pengunjung maka dari itu seorang pemilik blog harus bisa memberikan sentuhan cantik untuk template blognya.

Kembali kepembahasan awal,
Membuat Background dan Border pada Halaman Posting

Membuat Border

Cari kode #main-wrapper { pada template anda dan taruh kode border: 3px solid #000000; tepat dibawahnya.Kodenya nanti akan terlihat seperti ini.

#main-wrapper {

border: 3px solid #000000;

Ket:
3px ( Ukuran lebar border )
Solid ( jenis border )
#000000 ( kode warna )

Untuk ukuran, jenis border, dan warna anda bisa mengganti sesuai keinginan yang pantas untuk blog anda. Sebagai contoh anda lihat border dibawah ini.

border: 3px solid #000;

border: 5px solid #f00;

Dotted
border: 3px dotted #000;

Dashed
border: 5px dashed green;

Double
border-style: double; border-color: blue;

Outset
border-style: outset; border-color: #404040;

Membuat Background

Cari kode #main-wrapper pada template anda dan taruh kode background: #333333; tepat dibawahnya.Kodenya nanti akan terlihat seperti ini.

#main-wrapper {

background: #4DB64A;

Ket:
#4DB64A; ( kode warna yang bisa anda ganti sesuai keinginan ).Sebagai contoh anda lihat warna background dibawah ini.

background: #4DB64A;

Menggabungkan Border dan Background

Cari kode #main-wrapper selanjutnya taruh kode border: 5px solid #666666;
background: #4DB64A;.Kodenya nanti akan terlihat seperti ini.

#main-wrapper {

border: 3px solid #666666;

background: #4DB64A;

Untuk keterangan kode sama dengan yang di atas.Sebagai contoh anda lihat warna Border dan background dibawah ini.

Menggabungkan Border dan Background

border: 5px solid #666666;

background: #4DB64A;

Mengganti Warna Background dengan Gambar/Photo

Kode ( background: #4DB64A; ) di ganti dengan
Kode ( background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKfGuiVFfOvqyvHq5yyENacPlVr5O0lycZsQ7khEfSdC6Upl4kJtqiy0AwcdNtDILQbawiv-bC5gnzcZlwNaxMcy8K-eM146w7D3P0vSyLiEg6P9dZhLkfgBkOLx0oda0N1fQNHc63OUY/s1600/abstrak%203.jpg); )

Cara Membuat Background Blog Transparan

Kali ini, kita akan membahas tentang penggunaan opacity ( keburaman ) pada template blog yang mungkin lebih tepatnya penggunaan.

Tutorial kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...

berikut kode yang di gunakan untuk membuat background transparan

filter: alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 0.6;

-khtml-opacity: 0.0;

Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.

#outer-wrapper{

width:980px;

margin:0 auto;

padding:5px;

background:#f2f2f2;

filter: alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 0.6;

-khtml-opacity: 0.0;

border:1px solid $bordercolor;

text-align:$startSide;

font:$bodyfont

}

Cara Membuat Footer 3 Kolom Dengan Background

Cara Membuat Footer 3 Kolom Dengan Background ini akan membantu sahabat yang mempunyai sidebar yang terlalu penuh, untuk meng-antisipasinya maka silahkan sahabat untuk menambahkan kolom pada footer. Dan ini akan membantu tingkat loading pada blog sahabat, karena widget yang ditaro si samping blog, dengan widget yang ditaro pada bagian footer tentu akan berbeda tingkat loadingnya.

Nah apabila sahabat tertarik untuk membuatnya, dibawah ini Cara Membuat Footer 3 Kolom Dengan Background seperti blog milik Saya:

1. Seperti biasa sahabat harus login terlebih dahulu ke Blogger

2. Lalu Pilih Rancangan

3. Setelah ini Edit HTML

4. Jangan lupa untuk Centang pada Expand Widget

5. Selanjutnya silahkan sahabat cari kode ]]></b:skin>

6. Copy kode dibawah ini dan pastekan tepat diatas kode ]]></b:skin>


#bottom{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFjJoM3_kxIVfnPafdCLRAi4MQEBPRa9gYld_XBCpX-mt_ugrbJVSea0D2Fs2xqalMbe3US9QqKxJZuJxaAYfxW4vycQ6e78170lWwH4OMx1dyJrMHiEEihg06w-nxvmJmKVaTCj0JFla/s1600/buttommenu-c.png) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff}
#bottom a:link{color:#fff; text-decoration:none}
#bottom a:hover{color:#C0C0C0; text-decoration:underline}
#bottom a:visited{color:#C0C0C0; text-decoration:none}
#bottom h2{padding:15px 0 0 10px; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase; border-bottom:0px dotted #fff}
#bottom ul{padding:0; margin:0; color:#F93}
#bottom ul li{list-style-type:square; border-bottom:0px solid #626200; padding-left:5px; margin:3px 0 0 22px}
#left-bottom{width:280px; float:left; padding-left:22px}
#center-bottom{width:280px; float:left; padding-left:0px}
#right-bottom{width:280px; float:left; padding:0 5px 0 50px}
#left-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#center-bottom2{width:760px; font-size:90%; padding-top:16px; float:left; padding-left:30px}
#right-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#category{width:860px; float:left; padding:0px 0 20px 20px}
#upper-footer{width:860px; margin:0 auto; padding:0px; clear:both; line-height:1.3em; letter-spacing:.0em; font-size:95%; border-top:1px solid #c0c0c0; padding-top:10px}


7. Sesuaikan lebar kolom dengan blog sahabat dengan mengganti angka yang berwarna Biru

8. Selanjutnya cari lagi kode yang mirip dengan kode

end content-wrapper 

atau 

</div> <!-- end content-wrapper-->

9. Copy kode dibawah ini dan pastekan tepat diatas kode tadi


<div id='bottom'>

<b:section class='category' id='category'/>

<b:section class='left-bottom' id='left-bottom' preferred='yes' showaddelement='yes'/>
<b:section class='center-bottom' id='center-bottom' preferred='yes' showaddelement='yes'/>
<b:section class='right-bottom' id='right-bottom' preferred='yes' showaddelement='yes'/>

</div>


10. Simpan Template dan lihatlah hasilnya

Demikian Cara Membuat Footer 3 Kolom Dengan Background seperti blog Saya semoga bermanfaat. Untuk saran dan kritiknya silahkan poskan pada kotak komentar. Terimakasih

cara menyembunyikan widget dengan spoiler

hai sobat via semua hari ini aku akan share epada alian semua cara membuat spoiler. spoiler adalah sebuah tombol yang berfungsi untuk menyembunyikan postingan, gambar, video atau pun widget-widget.
Tapi saat ini aku akan membagikan cara membuat spoiler untuk menyembuyikan widget saja.

prinsip dari spoiler ini adalah show hide/ buka tutup, dimana jika tombol spoiler dalam keadaan tertutup ditekan maka elemen yang disembunyikan akan keluar sebaliknya jika tombol spoiler yang dalam keadaan terbuka ditekan maka elemen yang ada di spoiler akan tersembunyi.

tujuan dari spoiler ini adalah untuk menghemat space atau tempat

langsung saja, saya uraikan langkah-langkahnya sebagai berikut :

1. klik desain-tata letak
2. add gadget

3. pilih Html java script

4. masukkan script dibawah ini :

<center><div><div style="margin-bottom: 2px;"><i><b><small></small></b></i><input value="Pendukung" style="margin: 0px; padding: 0px; width: 120px; font-size: 12px;font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" type="button" /></div>

<div style="border: 0px inset ; margin: 0px; padding: 0px;"><div style="display: none;">

Isi kode Gadget

</div></div></div></center>

pada tulisan warna merah itu adalah lebar spoilernya, dan tulisan yang berwarna biru adalah nama judul dari spoiler kamu.


sekian postingan saya kali ini 
semoga bermanfaat :)