Postingan Terbaru
Di dunia ini terdapat ratusan bahasa dengan bahasa inggris sebagai
bahasa Internasional.
Internet adalah sarana yang bisa kita gunakan untuk mengenal dunia dan
blog adalah media yang bisa kita gunakan untuk berbagi sesuatu di
internet.
Orang dari seluruh dunia ini bisa melihat blog anda, namun mereka
tidak akan mengerti apa yang anda tulis pada blog anda menggunakan
bahasa Nasional.
Seperti contohnya, ketika anda membuat artikel menggunakan bahasa
indonesia, maka orang dari inggris gak tau apa yang anda tulis di blog
anda.
Karena itulah, jika anda melihat kalau blog anda banyak pengunjung
dari luar, tidak ada salahnya kan menggunakan widget translate di blog
anda, walaupun mereka juga bisa mentranslatenya secara manual.
Pada kesempatan kali ini saya akan membahas cara memasang berbagai
widget translate di blog yang akan saya tulis di bawah ini.
Yang pertama kita bisa mengambil widget translate bawaan blogger.
Caranya masuk ke Tata Letak/Layout >>Tambah Widget >>Terjemah.
Atau langsung menggunakan kode ini di HTML/Javascript
Kodenya seperti berikut :
Kodenya seperti berikut :
Bagaimana, tertarik dengan salah-satunya?
Sekian dulu artikel saya kali ini dan semoga bermanfaat. Unknown 23.47.00 Despul Media Lhokseumawe
Internet adalah sarana yang bisa kita gunakan untuk mengenal dunia dan
blog adalah media yang bisa kita gunakan untuk berbagi sesuatu di
internet.
Orang dari seluruh dunia ini bisa melihat blog anda, namun mereka
tidak akan mengerti apa yang anda tulis pada blog anda menggunakan
bahasa Nasional.
Seperti contohnya, ketika anda membuat artikel menggunakan bahasa
indonesia, maka orang dari inggris gak tau apa yang anda tulis di blog
anda.
Karena itulah, jika anda melihat kalau blog anda banyak pengunjung
dari luar, tidak ada salahnya kan menggunakan widget translate di blog
anda, walaupun mereka juga bisa mentranslatenya secara manual.
Pada kesempatan kali ini saya akan membahas cara memasang berbagai
widget translate di blog yang akan saya tulis di bawah ini.
Yang pertama kita bisa mengambil widget translate bawaan blogger.
Caranya masuk ke Tata Letak/Layout >>Tambah Widget >>Terjemah.
Atau langsung menggunakan kode ini di HTML/Javascript
<div id="google_translate_element"></div><script>Hasilnya seperti ini :
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Untuk widget lainnya anda bisa lihat di bawah ini.
Kodenya seperti berikut :
<!-- Begin TranslateThis Button -->
<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="https://www.translatecompany.com/translate-this/">Translate Website</a></div>
<script type="text/javascript" src="//x.translateth.is/translate-this.js"></script><script type="text/javascript">TranslateThis();</script>
<!-- End TranslateThis Button -->
Kodenya seperti berikut :
Bagaimana, tertarik dengan salah-satunya?
Sekian dulu artikel saya kali ini dan semoga bermanfaat. Unknown 23.47.00 Despul Media Lhokseumawe
Cara Membuat Atau Memasang Macam-Macam Widget Translate Di Blog
Posted by Despul Media on Selasa, 02 Agustus 2016
Dalam sebuah artikel, pasti ada suatu kalimat yang menjadi inti dari
pembahasan, biasanya kalimat tersebut di buat background yang berbeda
atau memberi warna background nya.
Misalnya seperti ini.
Kalimat dengan background di atas adalah contohnya.
Bagaimana, bagus kan karena text nya tidak tercampur dengan text
lainnya dan kelihatan terpisah dan dengan menggunakan kalimat dengan
background bewarna akan membuat tampilan artikel anda lebih rapi.
Cara membuat kalimat atau paragraf dengan background bewarna sangat
mudah, cukup masukkan kode Di bawah ini pada penulisan Html saat anda
membuat artikel.
Tak hanya di dalam postingan, anda juga bisa menaroknya di tempat lain, seperti di sidebar, footer dll.
Keterangan :
#faf567 = Warna background, anda bisa mengganti warnanya sesuai dengan keinginan anda, (masuk ke sini untuk cara mencari kode warna atau ke sini),. anda juga bisa menggunakan nama warna dalam bahasa inggris seperti red untuk warna merah, green untuk warna hijau dll.
Mudah kan caranya,
Dan demikian dulu pembahasan saya tentang cara membuat warna backgrond
pada kalimat atau paragraf yang bisa saya jelaskan di sini, semoga
bermanfaat. Unknown 22.38.00 Despul Media Lhokseumawe
pembahasan, biasanya kalimat tersebut di buat background yang berbeda
atau memberi warna background nya.
Misalnya seperti ini.
Ingat, tidak
semua orang mengetahui keinginan kamu jika kamu tidak mengatakan pada
mereka, namun jangan umbar kemauan kita di depan mereka dan jangan juga meminta merekan untuk memahami keinginginan kita
Kalimat dengan background di atas adalah contohnya.
Bagaimana, bagus kan karena text nya tidak tercampur dengan text
lainnya dan kelihatan terpisah dan dengan menggunakan kalimat dengan
background bewarna akan membuat tampilan artikel anda lebih rapi.
Cara membuat kalimat atau paragraf dengan background bewarna sangat
mudah, cukup masukkan kode Di bawah ini pada penulisan Html saat anda
membuat artikel.
<div style="padding: 10px;
background: #faf567; no-repeat; text-align:justify;">masukkan text
anda di sini</div>
Tak hanya di dalam postingan, anda juga bisa menaroknya di tempat lain, seperti di sidebar, footer dll.
Cara membuat teks dengan background berwarna di sidebar
- Login ke blogger
- Klik Tata Letak/Layout
- Tambah Gadget
- Pilih HTML/Javascript
- Pasteka kode tersebut dan ganti teks masukkan text anda di sini dengan teks anda
- Simpan
Keterangan :
#faf567 = Warna background, anda bisa mengganti warnanya sesuai dengan keinginan anda, (masuk ke sini untuk cara mencari kode warna atau ke sini),. anda juga bisa menggunakan nama warna dalam bahasa inggris seperti red untuk warna merah, green untuk warna hijau dll.
Mudah kan caranya,
Dan demikian dulu pembahasan saya tentang cara membuat warna backgrond
pada kalimat atau paragraf yang bisa saya jelaskan di sini, semoga
bermanfaat. Unknown 22.38.00 Despul Media Lhokseumawe
Post kali ini saya akan membahas bagaimana cara membuat warna pada text dan juga di background nya.
Di sini saya akan bahas satu-satu dulu
Untuk membuat text berwarna kita tau kalau kodenya seperti ini :
Contoh teks bewarna
Keterangan :
Red : Warna untuk Font
Nb : Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Saran Artikel : Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Untuk membuat backgrond bewarna caranya seperti ini :
Contoh teks bewarna
Keterangan :
Yellow : Warna untuk Background
Nb: Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Saran Artikel : Cara Mengetahui Dan Menulis Kode Warna 3 Digit
Maka untuk membuat text dan background berwarna, maka kodenya akan seperti ini:
Contoh teks bewarna
Keterangan :
Red : Warna text
Yellow : Warna untuk Background.
Nb : Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Baiklah, sekian dulu artikel tentang cara membuat warna pada teks dan
latar belakang atau background, semoga bermanfaat. Unknown 17.29.00 Despul Media Lhokseumawe
Di sini saya akan bahas satu-satu dulu
Untuk membuat text berwarna kita tau kalau kodenya seperti ini :
<span style="color: red;">Contoh teks bewarna</span><br />Hasilnya seperti ini :
Contoh teks bewarna
Keterangan :
Red : Warna untuk Font
Nb : Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Saran Artikel : Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Untuk membuat backgrond bewarna caranya seperti ini :
<p style="background-color:yellow">contoh teks bewarna</p>Hasilnya seperti ini :
Contoh teks bewarna
Keterangan :
Yellow : Warna untuk Background
Nb: Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Saran Artikel : Cara Mengetahui Dan Menulis Kode Warna 3 Digit
Maka untuk membuat text dan background berwarna, maka kodenya akan seperti ini:
<p style="color:blue; background-color:green">contoh teks bewarna</p>Hasilnya seperti ini :
Contoh teks bewarna
Keterangan :
Red : Warna text
Yellow : Warna untuk Background.
Nb : Anda bisa mengganti warnanya sesuai dengan keinginan anda, anda
juga bisa menggunakan kode warna untuk membuat warna lebih akurat.
Baiklah, sekian dulu artikel tentang cara membuat warna pada teks dan
latar belakang atau background, semoga bermanfaat. Unknown 17.29.00 Despul Media Lhokseumawe
Penggunaan menu drop down di sebuah blog mampu menghemat ruang, apa
lagi jika blog kita sudah penuh dengan konten sehingga kurangnya ruang
untuk menambah konten Pada blog. Tak hanya itu, penggunaan menu drop
down juga bisa membuat blog anda lebih rapi.
Contoh menu drop down yang saya maksud
Cara Membuatnya sangat mudah,
1. Login ke blog anda.
2. Masuk ke Tata Letak/Layout
3. Klik Tambah Gadget dan pilih HTML/Javascript
4. Copy dan Pastekan kode ini
5. Selesai.
Jika anda ingin menaroknya di dalam Artikel/Post seperti contoh pada postingan ini, anda hanya perlu penarok kode tersebut di mode penulisan HTML pada saat ingin membuat artikel.
Gimana, mudahkan caranya,
Demikianlah pembahasan kali ini yang dapat saya sampaikan pada blog
yang sederhana ini, semoga bisa bermanfaat bagi anda yang membutuhkan. Unknown 18.09.00 Despul Media Lhokseumawe
lagi jika blog kita sudah penuh dengan konten sehingga kurangnya ruang
untuk menambah konten Pada blog. Tak hanya itu, penggunaan menu drop
down juga bisa membuat blog anda lebih rapi.
Contoh menu drop down yang saya maksud
Cara Membuatnya sangat mudah,
1. Login ke blog anda.
2. Masuk ke Tata Letak/Layout
3. Klik Tambah Gadget dan pilih HTML/Javascript
4. Copy dan Pastekan kode ini
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>contoh menu drop down</option>
<option value="http://link">nama link</option>
<option value="http:/link">nama link</option>
<option value="http://link">nama link</option>
<option value="http://link">nama link</option>
</select>
5. Selesai.
Jika anda ingin menaroknya di dalam Artikel/Post seperti contoh pada postingan ini, anda hanya perlu penarok kode tersebut di mode penulisan HTML pada saat ingin membuat artikel.
Gimana, mudahkan caranya,
Demikianlah pembahasan kali ini yang dapat saya sampaikan pada blog
yang sederhana ini, semoga bisa bermanfaat bagi anda yang membutuhkan. Unknown 18.09.00 Despul Media Lhokseumawe
Pada artikel kali ini saya akan membahas lagi materi tentang warna, pada kesempatan kali ini saya akan membahas tantang kode warna 3 digit, kalau bisanya kita mengenal kode warna dengan 6 dikit, maka disini kita akan mengetahui kode warna yang hanya mempunyai 3 dikit, seperti ini misalnya #6c3, #gc0, #39f dan lainnya.
Sebenarnya kode warna 3 digit ini hanya singkatan dari kode warna yang 6 digit, misalnya seperti ini #3366cc jadi seperti ini #36c.
Saran artikel : Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Untuk kode warna ini sendiri di kenal dengan kode warna RGB yaitu RED, GREEN dan BLUE, yang menggunakan kalkulasi antara huruf dan angka sperti 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. semakin besar atau tinggi nilai yang di gunakan, maka warna tersebut yang menjadi lebih muncul atau lebih dominan.
Seperti contoh :
R = 9
G = 9
B = 3
Maka kodenya nnti akan menjadi seperti ini #993 dan warna yang akan di hasilkan adalah
Atau lebih mudahnya seperti ini :
R = 0
G = 0
B = F
Nanti kita tulis kodenya seperti ini #00f dan warna nya adalah Biru, karena kita menggunakan B (blue) dengan nilai paling tinggi yaitu F, sedangkan R dan G nya adalah 0, 0 ini sendiri warnanya adalah putih atau anggap saja tidak bewarna.
Singkatnya sih kalau 0 (putih/tidak berwarna) di campur dengan 0 (putih/tidak berwarna) dan di campur lagi dengan F (nilai paling tinggi dari biru). maka hasinya udah pasti jadi Biru.
Kalau masih tidak mengerti boleh tanyakan di komentar.
Sekian dulu postingan saya kali ini tentang kode html 3 digit, semoga bisa membantu dan terima kasih telah membaca postingan saya. Unknown 17.56.00 Despul Media Lhokseumawe
Kalau biasanya saya melihat kode ini di gunakan di dalam html dan css.
Sebenarnya kode warna 3 digit ini hanya singkatan dari kode warna yang 6 digit, misalnya seperti ini #3366cc jadi seperti ini #36c.
Saran artikel : Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Untuk kode warna ini sendiri di kenal dengan kode warna RGB yaitu RED, GREEN dan BLUE, yang menggunakan kalkulasi antara huruf dan angka sperti 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. semakin besar atau tinggi nilai yang di gunakan, maka warna tersebut yang menjadi lebih muncul atau lebih dominan.
Seperti contoh :
R = 9
G = 9
B = 3
Maka kodenya nnti akan menjadi seperti ini #993 dan warna yang akan di hasilkan adalah
Atau lebih mudahnya seperti ini :
R = 0
G = 0
B = F
Nanti kita tulis kodenya seperti ini #00f dan warna nya adalah Biru, karena kita menggunakan B (blue) dengan nilai paling tinggi yaitu F, sedangkan R dan G nya adalah 0, 0 ini sendiri warnanya adalah putih atau anggap saja tidak bewarna.
Singkatnya sih kalau 0 (putih/tidak berwarna) di campur dengan 0 (putih/tidak berwarna) dan di campur lagi dengan F (nilai paling tinggi dari biru). maka hasinya udah pasti jadi Biru.
Kalau masih tidak mengerti boleh tanyakan di komentar.
Sekian dulu postingan saya kali ini tentang kode html 3 digit, semoga bisa membantu dan terima kasih telah membaca postingan saya. Unknown 17.56.00 Despul Media Lhokseumawe
Ukuran gambar yang terlalu besar atau tidak sesuai pada postingan kita bukan hanya akan membuat blog kita gak bagus di lihat tapi juga akan membuat loading blog lambat.
Kali ini kita akan belajar cara untuk merubah resolusi gambar dengan dengan menggunakan kode html, caranya sederhana dan gak ribet dan cuma butuh sedikit pengetahuan saja karena cara ini memang simple banget.
Di blogger sendiri sudah ada fitur untuk merubah ukuran gambar, namun jika anda ingin merubah sendiri maka ini akan lebih akurat karena kita merubahnya menggunakan px.
Baiklah, kita mulai dengan dasar dulu.
Kode html untuk menyisipkan gambar seperti ni
Hasil gambar :
Jika ingin merubah ukuran gambar, maka kita tinggal edit saja kode HTMLnya.
Hasilnya :
Atau menggunakan "alt" agar mudah di temukan di search engine
Hasilnya :
keterangan :
width = lebar gambar
height = tinggi gambar
200 = resolusi gambar, rubahlah angka 200 sesuai dengan yang anda inginkan.
Nb : jangan merubah ukuran gambar terlalu besar dari ukuran aslinya, karena akan membuat gambar menjadi pacah.
Untuk membuat bingkai atau garis tepi, anda tinggal menambahkan kode ini style="border:3px solid green;" setelah <img
Nanti jadinya seperti ini
Hasilnya :
Keterangan :
3px = tebal border, anda bisa mengubah angkanya untuk menyesuaikan ketebalan border
solid = jenis border, untuk jenis border yang lain anda bisa cari dulu di google
#00ff00 = warna border, anda bisa merubah warnanya sesuai dengan keinginan anda,
Untuk mengetahui kode warna anda bisa baca di sini Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Hasilnya :
Hasilnya :
Untuk yang lainnya modif sendiri aja ya, biar kreative, haha,,,
Baiklah, sekian di sini dulu artikel saya yang bertemakan gambar, semoga bisa di pahami dengan mudah bagi yang baru belajar dan saya harapkan bisa bermanfaat artikel saya kali ini. Unknown 01.41.00 Despul Media Lhokseumawe
Kali ini kita akan belajar cara untuk merubah resolusi gambar dengan dengan menggunakan kode html, caranya sederhana dan gak ribet dan cuma butuh sedikit pengetahuan saja karena cara ini memang simple banget.
Di blogger sendiri sudah ada fitur untuk merubah ukuran gambar, namun jika anda ingin merubah sendiri maka ini akan lebih akurat karena kita merubahnya menggunakan px.
Baiklah, kita mulai dengan dasar dulu.
Kode html untuk menyisipkan gambar seperti ni
Hasil gambar :
Jika ingin merubah ukuran gambar, maka kita tinggal edit saja kode HTMLnya.
Kode untuk menyisipkan sekaligus merubah resolusi gambar
Hasilnya :
Atau menggunakan "alt" agar mudah di temukan di search engine
Hasilnya :
keterangan :
width = lebar gambar
height = tinggi gambar
200 = resolusi gambar, rubahlah angka 200 sesuai dengan yang anda inginkan.
Nb : jangan merubah ukuran gambar terlalu besar dari ukuran aslinya, karena akan membuat gambar menjadi pacah.
Tambahan
Cara menggunakan border, bingkai atau garis tepi
Cara menggunakan bingkai pada gambar untuk memperindah tampilan gambar yang kita sisipkan, kita bisa memakai bingkai atau garis tepi pada gambar, kita masih menggunakan kode yang sama, kita masih memodifikasi kode dasar.Untuk membuat bingkai atau garis tepi, anda tinggal menambahkan kode ini style="border:3px solid green;" setelah <img
Nanti jadinya seperti ini
Hasilnya :
Keterangan :
3px = tebal border, anda bisa mengubah angkanya untuk menyesuaikan ketebalan border
solid = jenis border, untuk jenis border yang lain anda bisa cari dulu di google
#00ff00 = warna border, anda bisa merubah warnanya sesuai dengan keinginan anda,
Untuk mengetahui kode warna anda bisa baca di sini Berbagai Cara Mengetahui Kode Warna Html Atau Hackdecimal
Cara membuat link dengan gambar
Hasilnya :
Gambar yang menggunakan border
Hasilnya :
Untuk yang lainnya modif sendiri aja ya, biar kreative, haha,,,
Baiklah, sekian di sini dulu artikel saya yang bertemakan gambar, semoga bisa di pahami dengan mudah bagi yang baru belajar dan saya harapkan bisa bermanfaat artikel saya kali ini. Unknown 01.41.00 Despul Media Lhokseumawe