MENU DROP DOWN

Senin, 22 September 2014

HEX COLOR GENERATOR

Color/Code Red Green Blue
0-255
HEX
Free JavaScripts provided
by The JavaScript Source
COLOR CHOOSER 2
Background Foreground
Red
Green
Blue
Free JavaScripts provided
by The JavaScript Source
COLOR TABLE
Variable Background Color Changer
Keep pressing buttons to change color
(The color will start as black)
Free JavaScripts provided
by The JavaScript Source
COMPARE COLOUR


This is where the hex code for the background color shows.


This is where the hex code for the font color shows.
Free JavaScripts provided
by The JavaScript Source
BACKGROUND COLOR CHANGER 2
Red: Green: Blue:
Hex Code:

BASIC COLOR CUBE

Color Cube

Click on a color to lock it.
Click on any square to unlock.
Here's the color code to match up the RGB in paint.
Red Green Blue
Free JavaScripts provided
by The JavaScript Source
JAVASCRIPT COLOR SHOW
The Ultimate Original JavaScript ColorShow


to Display Current Hex Values

bg
link
vlink
alink
scroll
Free JavaScripts provided
by The JavaScript Source

Minggu, 21 September 2014

MEREKAM SUARA VIDEO MENGGUNAKAN GOM PLAYER



MEREKAM SUARA VIDEO MENGGUNAKAN GOM PLAYER
Untuk mengambil suara dari video lagu misalnya kita tidak perlu menggunakan third party karena di GOM Player kita dapat mengambil suara langsung dengan tidak kehilangan mutu suara yang dihasilkan. 


Kelebihan ini mungkin tidak banyak orang yang mengetahuinya.
Adapun langkah-langkahnya adalah sbb:
1. Mainkan video lagu menggunakan Gom Player
2. Klik kanan mouse
3. Klik Audio >> Advanced Video Capture (Shift + G) 
4. Klik Start bila sudah selesai klik Stop dan lihat hasilnya dengan mengklik Open directory




Catatan :
Format suara yang dihasilkan adalah : *.WAV dan *.OGG
Tempat penyimpanan file dapat diganti di Change Directory


MEMBUAT TYPE BLOCKQUOTE DI BLOG MENGGUNAKAN CSS



Blockquote digunakan untuk menampilkan teks yang berbeda tertentu dari lain untuk menangkap mata pembaca. Hal ini digunakan untuk menunjukkan pesan khusus atau ide penulis. Pada teknik blog mereka
menggunakan blockquote untuk menunjukkan spesial Trik dan Tips. Dalam tutorial ini saya akan menunjukkan Anda untuk menyesuaikan blockquote di blogger menggunakan beberapa Html & CSS sederhana​​. Blockquote ini dapat disesuaikan sesuai tata letak blog Anda. Jadi mari kita mulai.
1 Pergi ke Blogger> Tata Letak> Edit Html
2 Cari .post blockquote dan menghapusnya bersama dengan kejadian lainnya.
3 Untuk beberapa blogger template kode yang mungkin terlihat seperti di bawah ini.
blockquote post-body {// Beberapa Kode}
OR
.post blockquote {// Beberapa Kode}
4.Jika Anda tidak dapat menemukan kode diatas maka jangan khawatir dan menindaklanjuti dengan langkah-langkah di bawah ini.
5. Sekarang mencari ]]> </ b: skin> 
6 Paste kode di bawah ini tepat di atas]]> </ b: skin>

/*mybloggersworld.com*/
blockquote {
background: #B9DFF1;
margin: 0 10px;
padding: 20px;
color:#333;
border-radius:15px;
font: bold 0.9em  "Comic Sans MS", verdana;
line-height: 1.6em;
box-shadow: 4px 4px 10px #e3e3e3;
}
blockquote p {
margin: 0;
}


7. Simpan Template dan selesai.


Bagaimana menggunakannya :


1 Pertama menulis pesan atau teks yang ingin ditampilkan dalam blockquote. 

2 Sekarang pilih teks (menggunakan mouse)  
3.Kemudian Klik pada blockquote sebagai ditunjukkan di bawah ini.




Menyesuaikan Blockquote Kode Untuk Sesuaikan Template Blog Anda 

Kode di atas mungkin tidak cocok atau terlihat baik pada blog Anda. Dalam rangka untuk membuat kode ini sesuai dengan template blog Anda mengubah kode berikut. 

Ubah # B9DFF1 untuk mengubah latar belakang blockquote tersebut. 
Ubah # 333 untuk mengubah teks blockquote 

Menambah atau mengurangi 15px untuk mengubah kurva blockquote

BLOCKQUOTE STYLE TYPE 2

blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxKPcrVjYT7NzXMkXMavSqbPnP2YFS2hHXICC86pbwqvMzM2yu-HxFEPM8im0JYPBpMUXUIMZaZR6ScvUjMlR44BBig9Uf4nvtF5GaqvK-_cXHAWgDVgtU-qIeoGhs92494oAOOPIB68c/s1600/paper1.png) repeat-y scroll 0 0 transparent;
/**mybloggersworld.com**/
border-radius: 5px;
margin: 10px;
padding: 20px 10px 15px 50;
line-height: 1.6em;
font-family:'Fondamento', cursive, sans-serif;
font-size:15px;
}






BLOCKQUOTE STYLE TYPE 3

blockquote {
  font: normal Tahoma, sans-serif;
  line-height:1.6em;
  font-size:18px;
  padding:10px;
  padding-top: 24px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4uGUjoZF3Bkjm4fbSQkNccMPX_fLpMylQjitX2_Ji4pBZuBqDIefTcqvyDtu-YAuDOv2sIzLSbXRFP3DGXdK-KUT1YeZ8uEMRBTxmMr8r8YKLU9lbMPQgbwjuOPM0WAfKoBpkOnsV1eQ/s1600/examplequote.gif);
 /**mybloggersworld.com**/
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 65px;
  }






BLOCKQUOTE STYLE TYPE 4

blockquote {
background: #81c136;
margin: 0 12px;
padding: 18px;
border-radius:20px;
font: bold 1em  'Freckle Face', cursive;
/**mybloggersworld.com**/
color: #384924;
line-height: 1.6em;
box-shadow: 5px 5px 12px #e3e3e3;
}




BLOCKQUOTE STYLE TYPE 5


blockquote {
background: white;
margin: 0 10px;
padding: 20px;
color:#999;
font-family:cursive, sans-serif;
/**mybloggersworld.com**/
line-height: 1.6em;
border-left:2px dashed #ce6100;
border-right:2px dashed #ce6100;
}






JANGAN LUPA UNTUK MENYIMPAN TEMPLATE ANDA TERLEBIH DAHULU





Rabu, 17 September 2014

Sejarah tentang Raja Richard III dari Inggris





Terkuak, Detik-detik Terakhir Raja Richard Sebelum Meregang Nyawa

Kerangka yang ditemukan di lapangan parkir dewan kota Leicester, Inggris menguak nasib Raja Richard III dari Inggris. Termasuk detik-detik terakhirnya yang brutal, mengerikan, tapi berlangsung dengan cepat di tengah pertempuran.

Raja terakhir Dinasti Plantagenet tewas di tengah pertempuran Bosworth pada 22 Agustus 1485, hanya 2 tahun setelah naik tahta. Merupakan kepastian dari Perang Mawar dan kadang dianggap sebagai akhir dari Abad Pertengahan di Inggris. Konflik berakhir dengan pengangkatan Henry Tudor sebagai raja Inggris yang baru.

Namun, saat-saat terakhir Richard III menjadi bagian dari legenda, karena jasad sang raja menghilang hingga akhirnya belulangnya ditemukan pada September 2012 lalu. Di lapangan parkir.

Pemeriksaan postmortem belakangan mengungkap hampir selusin luka di jasad Richard III, namun hanya ada 2 'kandidat' yang fatal, jadi penyebab kematiannya. Kedua hantaman berakibat sampai bagian belakang kepalanya.

Analisis awal kerangka Richard III menyoroti scoliosis (bentuk tulang belakang yang tak normal) juga luka-luka yang ia alami dalam pertempuran -- termasuk 8 di antaranya di tengkorak.

Sementara, hasil pemeriksaan postmortem yang dijelaskan pada 16 September 2014 di jurnal medisThe Lancet, para ilmuwan memeriksa secara seksama 11 cedera pada tulang Richard yang terjadi di sekitar saat kematiannya, termasuk 9 cedera pada tengkorak.

Tiga dari cedera tengkorak adalah 'luka sayatan' ke bagian atas tengkorak kepala. Demikian ungkap peneliti dalam studi, Sarah Hainsworth, dosen material dan teknik forensik University of Leicester. Luka seperti itu mungkin mengakibatkan pendarahan hebat, namun tak akan sampai mematikan kecuali jika tak diobati.

Richard III hampir dipastikan tewas akibat serangan lebih dari 1 orang. Lebih dari satu senjata. Pisau atau belati kemungkinan meninggalkan luka sepanjang 10 milimeter di rahang kanan bawahnya. Cedera yang berbentuk lubang kunci mengarah ke atas kepalanya hampir pasti disebabkan oleh belati rondel, pisau mirip jarum yang digunakan di akhir Abad Pertengahan. Luka yang diakibatkan itu bisa menyebabkan luka luar dan dalam, namun tak berakibat fatal.

Lalu apa yang membunuh Richard III?

Kematian diduga datang melalui tusukan pedang, senjata bill, atau tombak yang kerap digunakan dalam pertempuran. Di dasar tengkorak Richard III, para peneliti menemukan 2 luka -- salah satunya sepanjang 55-60 mm, lainnya 17-32 mm.

Luka ini sejalan dengan yang lain, berjarak sekitar 105 mm dari dinding internal tengkorak, serta sejalan dengan kerusakan pada tulang belakang atas. Dengan kata lain, tusukan diduga memasuki kepala, mengiris melalui otak, dan menekan sisi berlawanan dari tengkorak.

Postmortem juga mengungkapkan dua luka pada tubuh Richard III. Di punggung sampai iga dan bokong kanannya. Bagaimanapun menginterpretasi trauma pada kerangka berusia 500 tahun tidaklah mudah, sebab, jaringan lunak sudah menghilang.

Seperti dikisahkan, kuda Richard III terperosok dalam lumpur, yang memaksanya turun. Dia mencopot helm, atau mungkin kehilangan pelindung kepalanya itu, membuat kepala dan wajahnya rentan.

"Dia dikelilingi, mungkin oleh sejumlah orang dengan senjata abad pertengahan," kata Hainsworth. "Richard III adalah seorang pejuang, ksatria, seorang yang terlatih, ia pernah melihat orang mati di medan perang, jadi ia paham betul soal itu."

Para peneliti tidak dapat mengatakan dengan pasti dengan cara apa sang raja diserang. Namun, catatan sejarah berpendapat bahwa Richard berlutut dengan kepala membungkuk ke depan ketika luka mematikan diterima tubuhnya.

Wajah sang raja tak dimutilasi, seperti kecenderungan kala itu. Pihak pemenang diduga tak ingin menghilangkan bukti bahwa Richard lah yang mereka bunuh.

Setelah kematiannya, baju zirah dan senjata dilucuti dari jasad Richard yang diletakkan di atas kuda untuk dibawa ke Leicester. Dipamerkan pada publik. Hainsworth mengatakan, luka dari belakang tubuhnya, termasuk di pantat kemungkinan besar dibuat sebagai penghinaan terakhir bagi raja yang kalah.

Minggu, 14 September 2014

MACAM-MACAM TYPE MARQUEE (TULISAN BERJALAN)

Ada beberapa efek dalam pembuatan blog, diantaranya efek tulisan berjalan, yang biasa disebut dengan Marquee. Disini diterangkan efek marquee dalam bentuk sederhana. Bisa dikembangkan sendiri dengan penguasaan sedikit bahasa HTML dengan cara uji coba.
Contoh sederhana yang sering kita lihat di Blog adalah Ucapan Selamat Datang yang bergerak dari kiri ke kanan dan sebaliknya.
Mari kita coba cara-cara berikut ini :

1. TEXT BERJALAN KE KIRI/KANAN ATAS/BAWAH SEDERHANA


<span style="color: red;"><marquee behavior="scroll"
 direction="right"><marquee behavior="scroll" 
direction="right">SELAMAT DATANG</marquee>&lt;arkeyes88 blog&gt;<br /></marquee>


SELAMAT DATANG<arkeyes88 blog>

Catatan : Right dapat diganti dengan Left Up atau Down untuk menentukan arah gerakan dari teks yang    
               akan kita tampilkan
               Warna marquee Red dapat diganti dengan warna Blue, Green dan lainnya


2. TEXT BERJALAN KE KIRI/KANAN ATAS/BAWAH SEDERHANA PLUS GAMBAR

<marquee behavior="scroll"><br /> <img height="50" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQ_CTKBTs1JTfdQUa8Pfifu07829mtolhzH__i4h9KPhuGchd3Az9MH8FXe8PAIZILjnG81vGnXKKupYKrtc8mxHf3QSNMkJ_irO6T6SUb1jFXtKWEz_5yD7V-SKJh8CcsBRloU5b_G8F/s1600/a6.JPG"
 width="80" /><br />arkeyes88 blog<br /> </marquee>
</marquee>



arkeyes88.blogspot.com


     Catatan :
Angka 50 dan 80 adalah tinggi dan lebar gambar                    
Http://2.bp.blogspot.com/E1m_e7SjlOY/VBWpXjvjK8I/AAAAAAAAELA/liNNeBEoeM8/s1600/a6.JPG bisa diganti dengan URL dimana gambar nanti akan mumcul.


3. TEXT MEMANTUL


<marquee width="300" behavior="alternate">Tulisan yang bisa memantul</marquee>
* 300 = Lebar area pantulan

Tulisan yang bisa memantul



4. TEXT BERJALAN YANG AKAN BERHENTI BILA TERSENTUH MOUSE


 <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" align="center" width="100%" height="20">
    Tulisan Anda di sini
    </marquee>



Tulisan Anda di sini right


Tulisan Anda di sini up


Tulisan Anda di sini left


Tulisan Anda di sini down


5. TEXT BERJALAN ZIG ZAG


<marquee behavior="alternate" direction="up" height="120"><br 
/> <marquee direction="right">Zig-zag oh 
Zig-zag</marquee><br /> </marquee>




Zig-zag oh Zig-zag



6. TEXT BERJALAN DENGAN BACKGROUND WARNA


 <b><marquee behavior="alternate" bgcolor="BLUE" height="40"
scrollamount="3" width="500"><br /> Contoh teks dengan
background!</marquee></b>




Contoh teks dengan background!



Dan masih banyak efek-efek lainnya seperti Text berupa link dan sebagainya... anda bisa mencobanya sendiri..




Jasa pembuatan blog murah
Toko online wordpress
Fitur SEO Blogger
Jasa pembuatan blog murah
Toko online wordpress
Fitur SEO Blogger

Sabtu, 13 September 2014

CARA MEMBUAT BINGKAI TULISAN ATAU GAMBAR DI BLOG



Tulisan ini mencoba menjelaskan cara membuat bingkai tulisan / gambar yang tentunya bertujuan untuk membuat blog kita menjadi lebih manis dan teratur. Tidak ada salahnya kita mencoba trik ini. Cuman ada satu syarat dari membuat postingan bingkai tulisan ini, yaitu kita tidak boleh main copy paste, dijamin gambar bingkai seperti terlihat dibawah ini tidak akan terbentuk. Untuk membuat tulisan dan contoh hasil kita harus mengetik satu persatu dan sekaligus dites apakah tulisan kita tidak salah ketik sehingga menghasilkan hasil yang tepat. Jangan lupa untuk memasukkan script harus masuk dari Post ---> HTML, jangan dari Compose.
Silahkan dicoba...



BINGKAI BORDER
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">

MENCOBA BINGKAI BORDER


</div>



BINGKAI OVERFLOW

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">

MENCOBA BINGKAI OVERFLOW


</div>





BINGKAI TITIK-TITIK (DOTTED)

<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">


MENCOBA BINGKAI TITIK-TITIK (DOTTED)


</div>



BINGKAI GARIS PUTUS-PUTUS

<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">

MENCOBA BINGKAI GARIS PUTUS-PUTUS


</div>



BINGKAI GARIS DOUBLE


<div style="overflow:no; width:100%px; height:100%px; border:6px ridge #8B0000; padding: 2px;">


MENCOBA BINGKAI GARIS DOUBLE


</div>





BINGKAI TEXTAREA