MENGINSERT BERBAGAI KONTEN KE BLOG PRIBADI

1. Cara Menginsert Tulisan Berjalan Di Blog

Internet banyak digunakan untuk keperluan dari mencari informasi, berita, data, dan banyak hal lain seperti membuat website bisnis ataupun blog pribadi. Banyak yang mencari tahu bagaimana membuat tulisan berjalan seperti di layar televisi di website atau blog.

Simak baik-baik:

Kode Dasar Marquee

<marquee>Teks Berjalan</marquee>

a. Teks Berjalan

Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus-menerus.

Loop atau Perulangan Marquee

<marquee loop="5">Teks Berjalan berulang 5 kali</marquee>

b. Teks Berjalan berulang 5 kali

Loop menentukan banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, setelah berjalan 5 kali marquee tidak akan muncul lagi

Jeda Waktu Marquee

<marquee scrolldelay="500">Teks Berjalan dengan delay 0,5 detik</marquee>

c. Teks Berjalan dengan delay 0,5 detik

Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.

d.Memberi Title Marquee

<marquee title="pesan tersembunyi">Teks Berjalan</marquee>

e. Teks Berjalan

Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.

f.Teks Berjalan dengan warna latar belakang kuning

<marquee bgcolor="FFF300">Teks Berjalan dengan warna latar belakang kuning</marquee>

Bgcolor mengatur warna background marquee. FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red,

green, blue, atau yellow.

g. Kecepatan Gerak Marquee

<marquee scrollamount="100">Teks Berjalan dengan kecepatan 100</marquee>

Teks Berjalan dengan kecepatan 100

Scrollamount mengatur kecepatan gerak marquee. Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.

h. Arah Gerak Marquee

<marquee direction="right">Teks Berjalan ke arah kanan</marquee>

Teks Berjalan ke arah kanan

<marquee direction="down" height="100">Teks Berjalan ke arah bawah</marquee>

Teks Berjalan ke arah bawah

Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan. Ada 4 arah yang bisa Anda gunakan :
up untuk gerak ke atas
right untuk gerak ke kanan
down untuk gerak ke bawah
left untuk gerak ke kiri (default)

i. Lebar dan Tinggi Marquee

<marquee width="300">Lebar Teks Berjalan 300px</marquee>

Lebar Teks Berjalan 300px

<marquee height="100">Tinggi Teks Berjalan 100px</marquee>

Tinggi Teks Berjalan 100px

Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.

j. Mengatur Jenis, Ukuran, dan Warna Font Marquee

<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Jenis ukuran dan warna font pada Teks Berjalan</marquee>

Jenis ukuran dan warna font pada Teks Berjalan

Anda dapat mengatur jenis, ukuran, dan warna font menggunakan style.
font-family untuk jenis font
font-size untuk ukuran font
color untuk warna font

k. Sifat Marquee

<marquee behavior="alternate">Teks Berjalan memantul</marquee>

Teks Berjalan memantul

Behavior akan mengatur sifat marquee. Anda dapat mengatur marquee

dengan 3 nilai :
scroll : marquee menghilang ketika menabrak sisi kiri (default)
slide : marquee berhenti ketika menabrak sisi kiri
alternate : marquee memantul ketika menabrak sisi

l. Membuat Link pada Marquee

<marquee><a href="http://carabelajartutorial.blogspot.com/2016/09/cara-membuat-tulisan-berjalan-di-blog.html">Cara Membuat Tulisan Berjalan</a></marquee>

m. Cara Membuat Tulisan Berjalan

Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan

kode HTML pembentuk link di dalam kode dasar marquee.

n. Membuat Gambar Berjalan

<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfKZyzCCbiAoVu09nkB5u10bRZJzLsomxR2VE3J0jfZlVlzM6GWyy1pJYTQVSng_XJUvKbROatr-DOnRbgxwC7iVVSQLKUOZEGBcT70yHO5DbVvvCHt43pbyvA6OmY5MlD2mkhO_76sMQ/s1600/cara-membuat-teks-tulisan-berjalan-marquee.png" /></marquee>



Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan

kode HTML pembentuk link di dalam kode dasar marquee.

o. Membuat Teks Berjalan Zig Zag

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">

<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag

</marquee>

</marquee>

Teks Tulisan Zig Zag

Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang memiliki atribut arah berbeda. Dalam contoh kita gunakan arah up dan

right sehingga membentuk zig zag.

2. Cara Memasang Lagu Soundcloud di Blog

Bagi pecinta musik ataupun mungkin seorang musisi, musik adalah segalanya. Dan dengan musik semua hal bisa dilakukan. Misalnya dengan mempunyai website tentang musik yang tentunya di dalamnya ada sebuah lagu atau bahkan lebih. Biasanya website standar yang biasa dilihat. hanya ada gambar-gambar dan tulisan. Namun, terkadang kita melihat website yang ada lagunya.

Bagaimana cara memasang lagu tersebut? Mudah saja. Kali ini akan saya share cara embed lagu di blog atau website dengan menggunakan Soundcloud. Langsung saja ya!

1. Buka website Soundcloud https://soundcloud.com/

2. Pada kolom search yang ada di atas, cari lagu yang ingin di-embed.

3. Jika sudah ketemu, klik Share.

4. Akan muncul pop up seperti berikut dan klik Embed:

Ket :

- 2 gambar di bawah Embed, merupakan style Soudcloud yang akan ditampilkan. Sebagai contoh saya pilih yang ke-2.

- Code & Preview merupakan script yang nantinya akan di-copy.

- Jika menggunakan platform WordPress, centang checkbox WordPress code.

5. Coba klik More options.

Daftar Kode Warna HTML Lengkap

Warna merupakan hal penting dan unik dalam dunia desain visual. Warna tidak memiliki bentuk, ukuran maupun simbol untuk menyampaikan pesan secara langsung. Sehingga Anda perlu untuk mengetahui warna apa saja yang cocok digunakan di dalam website.

Di bawah ini tabel kode warna HTML & CSS yang dapat Anda gunakan untuk memperindah website. Tidak hanya memperindah, banyak faktor lain yang dipengaruhi oleh warna. Lebih jelasnya Anda dapat membaca ulasan kami mengenai Menentukan Warna Efektif untuk Desain Website Anda. Tentang bagaimana warna itu sangat penting.

	Nama Warna	HEX	RGB
.	Alice Blue	#F0F8FF	rgb(240, 248, 254)
.	Antique White	#FAEBD7	rgb(251, 235, 217)
.	Aqua	#00FFFF	rgb(0, 255, 254)
.	Aquamarine	#7FFFD4	rgb(115, 255, 216)
.	Azure	#F0FFFF	rgb(239, 255, 255)
.	Beige	#F5F5DC	rgb(245, 245, 223)
.	Bisque	#FFE4C4	rgb(255, 227, 200)
.	Black	#000000	rgb(0, 0, 0)
.	Blanched Almond	#FFEBCD	rgb(255, 234, 208)
.	Blue	#0000FF	rgb(0, 0, 255)
.	Blue Violet	#8A2BE2	rgb(138, 43, 226)
.	Brown	#A52A2A	rgb(165, 42, 42)
.	Burly Wood	#DEB887	rgb(222, 184, 135)
.	Cadet Blue	#5F9EA0	rgb(95, 158, 160)
.	Chartreuse	#7FFF00	rgb(127, 255, 1)
.	Chocolate	#D2691E	rgb(210, 105, 30)
.	Coral	#FF7F50	rgb(251, 127, 80)
.	Cornflower Blue	#6495ED	rgb(100, 149, 237)
.	Cornsilk	#FFF8DC	rgb(225, 248, 220)
.	Crimson	#DC143C	rgb(220, 20, 60)
.	Cyan	#00FFFF	rgb(62, 254, 255)
.	Dark Blue	#00008B	rgb(0, 0, 139)
.	Dark Cyan	#008B8B	rgb(29, 139, 139)
.	Dark Golden Rod	#B8860B	rgb(184, 134, 11)
.	Dark Gray	#A9A9A9	rgb(169, 169, 169)
.	Dark Green	#006400	rgb(19, 100, 0)
.	Dark Khaki	#BDB76B	rgb(189, 183, 107)
.	Dark Magenta	#8B008B	rgb(139, 0, 140)
.	Dark Olive Green	#556B2F	rgb(85, 107, 47)
.	Dark Orange	#FF8C00	rgb(251, 140, 1)
.	Dark Orchid	#9932CC	rgb(153, 50, 204)
.	Dark Red	#8B0000	rgb(139, 5, 0)
.	Dark Salmon	#E9967A	rgb(233, 150, 122)
.	Dark Sea Green	#8FBC8F	rgb(143, 188, 144)
.	Dark Slate Blue	#483D8B	rgb(72, 61, 139)
.	Dark Slate Gray	#2F4F4F	rgb(47, 79, 79)
.	Dark Turquoise	#00CED1	rgb(48, 206, 209)
.	Dark Violet	#9400D3	rgb(148, 0, 211)
.	Deep Pink	#FF1493	rgb(249, 19, 147)
.	Deep Sky Blue	#00BFFF	rgb(43, 191, 254)
.	Dim Gray	#696969	rgb(105, 105, 105)
.	Dodger Blue	#1E90FF	rgb(30, 144, 255)
.	Fire Brick	#B22222	rgb(178, 34, 33)
.	Floral White	#FFFAF0	rgb(255, 250, 240)
.	Forest Green	#228B22	rgb(34, 139, 35)
.	Fuchsia	#FF00FF	rgb(249, 0, 255)
.	Gainsboro	#DCDCDC	rgb(220, 220, 220)
.	Ghost White	#F8F8FF	rgb(248, 248, 255)
.	Gold	#FFD700	rgb(253, 215, 3)
.	Golden Rod	#DAA520	rgb(218, 165, 32)
.	Gray	#808080	rgb(128, 128, 128)
.	Green	#008000	rgb(27, 128, 1)
.	Green Yellow	#ADFF2F	rgb(173, 255, 48)
.	Honey Dew	#F0FFF0	rgb(240, 255, 240)
.	Hot Pink	#FF69B4	rgb(240, 255, 240)
.	Indian Red	#CD5C5C	rgb(205, 92, 92)
.	Indigo	#4B0082	rgb(75, 0, 130)
.	Ivory	#FFFFF0	rgb(255, 255, 239)
.	Khaki	#F0E68C	rgb(240, 230, 140)
.	Lavender	#E6E6FA	rgb(230, 230, 250)
.	Lavender Blush	#FFF0F5	rgb(254, 240, 245)
.	Lawn Green	#7CFC00	rgb(124, 252, 2)
.	Lemon Chiffon	#FFFACD	rgb(255, 250, 205)
.	Light Blue	#ADD8E6	rgb(173, 216, 230)
.	Light Coral	#F08080	rgb(240, 128, 128)
.	Light Cyan	#E0FFFF	rgb(224, 255, 255)
.	Light Golden Rod Yellow	#FAFAD2	rgb(250, 250, 210)
.	Light Gray	#D3D3D3	rgb(211, 211, 211)
.	Light Green	#90EE90	rgb(144, 238, 144)
.	Light Pink	#FFB6C1	rgb(252, 182, 193)
.	Light Salmon	#FFA07A	rgb(251, 160, 122)
.	Light Sea Green	#20B2AA	rgb(40, 178, 170)
.	Light Sky Blue	#87CEFA	rgb(135, 206, 250)
.	Light Slate Gray	#778899	rgb(119, 136, 153)
.	Light Steel Blue	#B0C4DE	rgb(176, 196, 222)
.	Light Yellow	#FFFFE0	rgb(255, 255, 224)
.	Lime	#00FF00	rgb(63, 255, 0)
.	Lime Green	#32CD32	rgb(50, 205, 50)
.	Linen	#FAF0E6	rgb(250, 240, 230)
.	Magenta	#FF00FF	rgb(249, 0, 255)
.	Maroon	#800000	rgb(128, 4, 0)
.	Medium Aqua Marine	#66CDAA	rgb(102, 205, 170)
.	Medium Blue	#0000CD	rgb(0, 0, 205)
.	Medium Orchid	#BA55D3	rgb(186, 85, 211)
.	Medium Purple	#9370DB	rgb(147, 112, 219)
.	Medium Sea Green	#3CB371	rgb(60, 179, 113)
.	Medium Slate Blue	#7B68EE	rgb(123, 103, 238)
.	Medium Spring Green	#00FA9A	rgb(62, 250, 153)
.	Medium Turquoise	#48D1CC	rgb(72, 209, 204)
.	Medium Violet Red	#C71585	rgb(199, 21, 133)
.	Midnight Blue	#191970	rgb(25, 25, 112)
.	Mint Cream	#F5FFFA	rgb(245, 255, 250)
.	Misty Rose	#FFE4E1	rgb(254, 228, 225)
.	Moccasin	#FFE4B5	rgb(254, 228, 181)
.	Navajo White	#FFDEAD	rgb(254, 222, 173)
.	Navy	#000080	rgb(0, 0, 128)
.	Old Lace	#FDF5E6	rgb(253, 245, 230)
.	Olive	#808000	rgb(128, 128, 1)
.	Olive Drab	#6B8E23	rgb(107, 142, 35)
.	Orange	#FFA500	rgb(252, 165, 3)
.	Orange Red	#FF4500	rgb(250, 69, 1)
.	Orchid	#DA70D6	rgb(218, 112, 214)
.	Pale Golden Rod	#EEE8AA	rgb(238, 232, 170)
.	Pale Green	#98FB98	rgb(152, 251, 153)
.	Pale Turquoise	#AFEEEE	rgb(175, 238, 239)
.	Pale Violet Red	#DB7093	rgb(219, 112, 147)
.	Papaya Whip	#FFEFD5	rgb(254, 239, 213)
.	Peach Puff	#FFDAB9	rgb(253, 218, 185)
.	Peru	#CD853F	rgb(205, 133, 63)
.	Pink	#FFC0CB	rgb(252, 192, 203)
.	Plum	#DDA0DD	rgb(221, 160, 221)
.	Powder Blue	#B0E0E6	rgb(176, 224, 230)
.	Purple	#800080	rgb(128, 0, 128)
.	Rebecca Purple	#663399	rgb(102, 51, 153)
.	Red	#FF0000	rgb(255, 0, 0)
.	Rosy Brown	#BC8F8F	rgb(188, 143, 142)
.	Royal Blue	#4169E1	rgb(65, 105, 225)
.	Saddle Brown	#8B4513	rgb(139, 69, 19)
.	Salmon	#FA8072	rgb(250, 128, 114)
.	Sandy Brown	#F4A460	rgb(244, 164, 95)
.	Sea Green	#2E8B57	rgb(46, 139, 87)
.	Sea Shell	#FFF5EE	rgb(255, 245, 238)
.	Sienna	#A0522D	rgb(160, 82, 45)
.	Silver	#C0C0C0	rgb(192, 192, 192)
.	Sky Blue	#87CEEB	rgb(135, 206, 235)
.	Slate Blue	#6A5ACD	rgb(106, 90, 205)
.	Slate Gray	#708090	rgb(112, 128, 145)
.	Snow	#FFFAFA	rgb(255, 250, 250)
.	Spring Green	#00FF7F	rgb(63, 255, 128)
.	Steel Blue	#4682B4	rgb(70, 130, 180)
.	Tan	#D2B48C	rgb(210, 180, 140)
.	Teal	#008080	rgb(26, 128, 127)
.	Thistle	#D8BFD8	rgb(216, 191, 216)
.	Tomato	#FF6347	rgb(250, 99, 71)
.	Turquoise	#40E0D0	rgb(64, 224, 208)
.	Violet	#EE82EE	rgb(238, 130, 238)
.	Wheat	#F5DEB3	rgb(245, 222, 179)
.	White	#FFFFFF	rgb(255, 255, 255)
.	White Smoke	#F5F5F5	rgb(245, 245, 245)
.	Yellow	#FFFF00	rgb(255, 255, 0)
.	Yellow Green	#9ACD32	rgb(154, 205, 49)