7 Cara Mempercantik Tampilan Blog
|
|
- Benny Pranata
- 6 tahun lalu
- Tontonan:
Transkripsi
1 7 Cara Mempercantik Tampilan Blog Primo Riveral Abstrak Memiliki blog dengan tampilan keren dan enak dilihat tentu pasti menjadi kembanggaan tersendiri untuk seorang yang menggemari atau memiliki blog. Namun, proses untuk mempercantik tampilan blog saya akui bukan suatu pekerjaan yang mudah, khususnya untuk blogger pemula yang notabenya masih awam dengan bahasa HTML dan CSS. Padahal kedua bahasa tersebutlah yang menjadi dasar dalam mendesain tampilan blog. Kata Kunci: blog, Desain, widget Pendahuluan Khusus buat temen - temen blogger yang masih belum menguasai bahasa pemrograman web HTML dan CSS. Karena dengan widget dan source code yang sudah saya siapkan, maka saya yakin siapapun bisa dengan mudah mempercantik blognya, karena tinggal copy paste aja. Sebelumnya saya ingin menjelaskan terlebih dahulu tentang template yang merupakan inti dimana desain suatu blog disimpan. Secara garis besar ada 3 komponen dasar template yang perlu kita tambahkan untuk mendapatkan desain blog yang cantik, menarik dan keren. Pembahasan Di sini saya akan berbagi beberapa cara mempercantik blog dengan cara mudah diantaranya :
2 Mempercantik Blog dengan Background Image Menambahkan background image pada body template blog sebenarnya sangat tidak saya rekomendasikan karena berpotensi untuk membuat load situs blog kita bisa menjadi lemot. Solusinya adalah dengan menggunakan background image repeat, yaitu sebuah kode CSS untuk menduplicate gambar secara berulang-ulang. Jadi disini kita nantinya akan menggunakan gambar dengan ukuran yang sangat kecil lalu menduplikat gambar tersebut hingga memenuhi 1 halaman. Perlu dicatat bahwa cara ini sebenarnya hanya cocok untuk gambar berjenis pola garis seperti persegi. Untuk menerapkannya dalam blog siapkan terlebih dahulu gambar yang akan kita jadikan sebagai background, sebagai contoh saya akan menggunakan gambar dengan pola kotak. Dan untuk menerapkan gambar tersebut menjadi background pada bagian body template, silahkan gunakan kode CSS dibawah ini : CSS Body{ background-image: url( YFHSBnI/AAAAAAAAAG8/B3SuEzoeyww/s1600/noisy_grid.jpg) repeat scroll top left;
3 Copy lalu paste kode tersebut, tepat diatas kode ]]></b:skin> (untuk blogger). Selanjutnya save dan lihat hasilnya, dijamin blog Anda akan tampil lebih cantik dengan background kotak-kota yang keren. Mempercantik Blok dengan Background Color Dengan cara mengganti warna background blog, yang saya yakin hampir seluruh warna template blog, di setiap div-nya hanya menggunakan satu warna. Nah, disini saya akan mencontohkan bagaimana membuat dua warna dalam 1 div. CSS.gradient{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f5f5f5)); Selanjutnya silahkan Anda masukkan teks / gambar / video / widget ke dalam div dengan class gradient, contohnya bisa Anda lihat dibawah ini. HTML <div class="gradient"><img src="url gambar" style="float:left"> anda bisa memasukkan teks atau bahkan kode html disini</div> Cara Mempercantik Blog dengan Efek Hover Hover adalah efek yang akan muncul saat kursor berada diatas selector. Untuk lebih jelasnya Anda bisa lihat contoh hover yang saya terapkan pada tombol 'tekan' dibawah ini. Tekan
4 Untuk membuat efek seperti itu, ada dua kode yang kita persiapkan, yang pertama adalah kode HTML div, dan kode CSS selector hover. CSS.tombol { text-align: center; border: 1px solid gainsboro; width: 100px; margin: auto; height: 25px; line-height: 25px;.tombol:hover { background: rgb(153, 153, 240); color: white; HTML <div class="tombol">tekan</div> > Simpan dan silahkan kamu lihat hasilnya. Selain menambahkan efek hover, kita juga bisa membuat efek animasi tombol berputar, dengan efek animasi, silahkan baca panduannya dibawah ini. Cara Mempercantik Blog dengan Efek Animasi Bergerak Efek animasi bergerak disini ada dua macam, ada yang harus disentuh dulu baru efek
5 animasinya bekerja dan ada juga yang otomatis langsung bergerak. Dan kedua efek tersebut akan saya jelaskan secar detail. Kita akan melanjutkan kode css tombol 'tekan' diatas, untuk membuatnya bergerak atau lebih tepatnya berputar saat kursor menyentuh tombol, maka kita perlu menambahkan efek css rotate berikut ini. CSS.tombol { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden;.tombol:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); Dan hasilnya nanti akan seperti tombol dibawah ini. Tekan
6 Jadi dengan menerapkan efek css animasi rotate, bukan hanya lebih keren, tapi juga akan membuat blog Anda lebih menarik. Agar setiap pengunjung di blog kita sangat suka dengan tampilan background yang kita buat. Cara Mempercantik Tampilan Blog dengan Social Share Button Selain berfungsi untuk mempercantik tampilan blog, widget sosial button juga sangat bermanfaat untuk meningkatkan traffic dan juga SEO, jadi tidak alasan untuk tidak memasang widget social button pada blog Anda. Untuk cara pembuatannya sebenarnya cukup mudah, 1. Kunjungi situs ShareThis Jika halaman sharethis sudah terbuka, silahkan Anda lanjutkan dengan memilih platform blog yang Anda gunakan, pada contoh ini saya menggunakan Blogger, untuk penggunakan Wordpress silahkan pilih platform atau CMS Wordpress. 2. Pilih model Social Share Button
7 Silahkan pilih model social button mana yang menurut Anda paling bagus untuk mempercantik blog. Saya sendiri suka social button model 1 karena lebih minimalis. 3. Klik 'Get The Code' untuk mendapatkan kode Widget Sebelumnya Anda perlu mendaftar dan membuat akun di situs ShareThis untuk mengambil kodenya. Jika tidak mau repot silahkan ambil kode saya berikut ini. <span id="st_finder"></span><s
8 Untuk menambahkan widget social button tersebut, Anda bisa memasangnya melalui menu 'tata letak' dengan cara pilih HTML / JavaScript lalu copy kode diatas dan paste kan pada kolom Konten. Cara Mempercantik Tampilan Blog dengan Widget Twitter Follow Tidak hanya mampu mempercantik blog, widget embedded twitter juga akan menambah follower Anda. cara untuk memasangnya juga terbilang cukup mudah, dimana tugas Anda hanya perlu meletakkan kode embed twitter dibawah ini pada bagian template yang Anda inginkan, misalnya bisa di sidebar atau footer. <a class="twitter-timeline" href=" data-widget-id="id- TWITTER">Tweets <script>window.twttr=(function(d,s,id){var js,fjs=d.getelementsbytagname(s)[0],t=window.twttr {;if(d.getelementbyid(id))retu rn;js=d.createelement(s);js.id=id;js.src=" entnode.insertbefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);;return t;(document,"script","twitter-wjs"));</script> Ubah terlebih dahulu "ID-TWITTER" dengan ID Twitter Anda. Jika sudah silahkan simpan dan jika hasilnya seperti gambar dibawah ini maka Anda berhasil meng-embed timeline twitter di dalam Blog.
9 Jika ukuran dari widget tersebut dirasa terlalu besar, maka Anda bisa meresizenya dengan cara menambahkan css widht dan heigt pada class "twitter-timeline". Cara Mempercantik Blog dengan Widget Facebook Page Like Box Satu lagi widget akan mempercantik blog Anda, widget yang saya maksud adalah Facebook Like Box. Untuk menambahkan widget ini ke dalam blog kita bisa menggunakan plugin yang disediakan secara resmi oleh pihak Facebook, jadi nanti kita tinggal masukkan kode ID Fanpage lalu klik Create, atau lebih jelasnya bisa Anda simak caranya dibawah ini. 1. Buat Fanpage Facebook
10 Sebelum menambahkan Facebook Like Box, tentu saja setidaknya Anda sudah harus memiliki minimal 1 Fanpage Facebook, jika belum silahkan buat fanpage baru terlebih dahulu. 2. Buka Selanjutnya, masukkan ID atau URL Fanpage ke dalam kolom Facebook Page URL, atur juga width atau panjang widget. 3. Klik 'Get Code'
11 Klik tombol 'get code' untuk mendapatkan kode widget Facebok Page Box, lalucopy kode tersebut dan masukkan ke dalam tata letak. Penutup Itulah ketujuh cara mempercantik blog yang akan membuat tampilan blog Anda semakin indah, perlu dicatat disini saya sama sekali tidak menganjurkan kepada Anda untuk menerapkan ketujuh cara diatas, karena jika semua widget dipasang, maka akan sangat berdampak pada situ blog yang akan menjadi lebih lemot, pastinya pengunjung bukannya senang malah jadi malas mengunjungi blog Anda, jadi pesan saya pikirkan dua kali sebelum menambahkan widget ke dalam Blog. Referensi 1. Christiantatelu.b;ogspot.co.id/2012/03/kimpulan-efek-efek-blog-lengkap-html 2. Sahabatblogger77.blogspot.co.id/2013/12/mempercantik-tampilan-blog-denganmembuat-teks-berjalan.html 3. Biografi Nama Primo riveral Lahir Palembang, 02 feb Saya seorang Mahasiswa di salah satu Perguruan Tinggi di Kota Tangerang Jurusan Teknik Informatika Senang untuk berbagi dengan kalian. Untuk sharing lebih lanjut tentang IT, yuk kontak saya di Instagram: primoriveral
DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciLAPORAN RESMI. Boxes
LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciSerba-serbi mempercantik BLOG dengan BLOGGER. (volume 1)
1 Serba-serbi mempercantik BLOG dengan BLOGGER. (volume 1) Semangat pagi NLCmembers, udah punya blog tapiii.. belum tau bagaimana cara untuk memaksimalkannya? Atau blognya masih biasa aja dan nggak kece?
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciMembuat Button Dengan CSS
Membuat Button Dengan CSS Dari sekian banyak pertanyaan yang muncul dari para pemula di CSS adalah pertanyaan bagaimana sih membuat tombol dengan CSS?, hmmm bagi saya ini adalah pertanyaan yang simple
Lebih terperinciSIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Lebih terperinciMODIFIKASI TAMPILAN HEADER SIDEBAR BLOGGER. Abstrak. Kata kunci : Header Sidebar, Header Blogger, Sidebar Blogger, Header Sidebar Blogger
KOMPUTAKI Vol. 1 No. 1 Februari 2016 MODIFIKASI TAMPILAN HEADER SIDEBAR BLOGGER Suprapto Fakultas Ilmu Komputer, Universitas AKI Email: suprapto.brian@yahoo.com Abstrak Modifikasi dari blogger penting
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 6 CSS3 Tujuan: Mahasiswa mengenal komponen CSS 3 sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
Lebih terperinciTutorial Menggunakan webpraktis profil bisnis
Tutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website 2. Pilih Jenis Template Setelah klik buat website,pilih template yang ingin Anda gunakan dari kategori
Lebih terperinciCSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
Lebih terperinciMemanfaatkan CSS Animasi dan Transisi [Part 1]
Memanfaatkan CSS Animasi dan Transisi [Part 1] Oleh: Christian Rosandhy Transition dan Animation itu adalah salah satu perintah wajib di dunia CSS3 sekarang untuk menghasilkan web yang lebih unik. Di part
Lebih terperinci{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Lebih terperinciPercobaan 1 : Mengatur Width Dan Height Hasil :
Percobaan 1 : Mengatur Width Dan Height Analisa : Terlihat di atas kalau width dan height dari tag dan berbeda sesuai value yang telah diinputkan yang bias dibedakan dengan background-color
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciAnimasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi
Tujuan Animasi Dengan CSS3 Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi Dasar Teori Pada praktikum-praktikum sebelumnya, kita telah
Lebih terperincialbum Nirwan Salim Abstrak Pendahuluan Pembahasan merupakan untuk Blog bandwidth yang berbagai format. Blog daya tarik salah satu Diartikel ini kita
Cara Menambah album Mp3 ke Blog Nirwan Salim nsone26@gmail.com Abstrak Blog merupakan sebuah situs atau alamat websitee yang biasa digunakann oleh seseorang untuk membagi ilmu, curhat, bisnis maupun hal-hal
Lebih terperinciMembuat Newsletter Menggunakan WordPress
Membuat Newsletter Menggunakan WordPress April 5, 2014 by admin 0 You are here: Email Newsletter bisa dikatakan sebagai salah satu metode pemasaran online yang sudah cukup tua. Sejak internet diperkenalkan,
Lebih terperinciAuthor : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
Lebih terperinciCara Mudah Mengedit Cascading Style Sheet (CSS)
Cara Mudah Mengedit Cascading Style Sheet (CSS) Riska Islaminati riska.islaminati@raharja.info :: http://www.komputeran.com/2012/04/cara-mudahmengedit-cascading-style.html Abstrak CSS salah satu teknik
Lebih terperinciMenata Tampilan Website
Bab 2 Menata Tampilan Website Selanjutnya adalah mulai menata content website. Namun sebelum masuk ke dalam menu tersebut, Anda harus sudah memiliki gambaran dan juga materi yang akan Anda masukkan ke
Lebih terperinciCARA MEMASANG KOMENTAR FACEBOOK DI WORDPRESS
CARA MEMASANG KOMENTAR FACEBOOK DI WORDPRESS TENTANG PLUGIN FACEBOOK COMMENTS Facebook Comments adalah plugin WordPress yang kaya fitur yang dirancang untuk manajemen komentar Facebook dan kustomisasi.
Lebih terperinciMempercantik Deskripsi Produk Anda. Lazada University September 2016
Mempercantik Deskripsi Produk Anda Lazada University September 2016 Pengaruh Deskripsi Produk 2 Menjelaskan spesifikasi produk lebih detail Mempercantik halaman produk Anda Menarik pelanggan Pentingnya
Lebih terperinciBAB VI DESAIN WEB RESPONSIF
BAB VI DESAIN WEB RESPONSIF A. KOMPETENSI DASAR Memahami konsep dasar desain halaman web responsif Mampu menerapkan konsep desain web responsif ke dalam aplikasi Mampu menghasilkan desain aplikasi web
Lebih terperinciPANDUAN MEMBUAT BLOG Wordpress.Com
PANDUAN MEMBUAT BLOG Wordpress.Com Sekilas mengenai Blog Web log = Blog : situs web yang ditulis berdasarkan kronologi waktu Pengelolaan yang jauh lebih mudah dibanding situs web pada umumnya Dapat membuat
Lebih terperinciTutorial Menggunakan Webpraktis Profesional
Tutorial Menggunakan Webpraktis Profesional 1. Kunjungi webpraktis.com dan Klik Buat Website 2. Pilih Jenis Webiste Setelah klik buat website, pilih profesional untuk membuat website professional. 3. Lakukan
Lebih terperinciTutorial Menggunakan Webpraktis Organisasi
Tutorial Menggunakan Webpraktis Organisasi 1. Kunjungi Webpraktis.com dan Klik Buat Website Sekarang 2. Pilih Jenis Template Setelah klik Buat Website Sekarang,pilih template yang ingin Anda gunakan dari
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciHover Putar CSS3. Oleh: Mohammad Nur Huda
Hover Putar CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Haha... Sebenarnya ini adalah tulisan pertama saya pada situs berbagi ilmu ini :-). Pada kali ini kita akan membuat efek hover memutarkan objek
Lebih terperinciEBOOK TUTORIAL (PANDUAN) LAPAX THEME TEMPLATE TOKO ONLINE WORDPRESS INDONESIA JASA PEMBUATAN WEBSITE TOKO ONLINE. Butuh bantuan? Hubungi kami!
EBOOK TUTORIAL (PANDUAN) LAPAX THEME TEMPLATE TOKO ONLINE WORDPRESS INDONESIA JASA PEMBUATAN WEBSITE TOKO ONLINE Butuh bantuan? Hubungi kami! Perhatian! Sebagai pengguna jasa pembuatan website, Anda dilarang
Lebih terperincicleansy Documentation Rilis latest
cleansy Documentation Rilis latest Agt 04, 2017 Pengaturan Dasar 1 Optimasi Dasar 3 1.1 Aktifkan Preferensi Penelusuran..................................... 3 1.2 Membuat Paragraf Baru.........................................
Lebih terperinciUAS (Pemrograman Web Statis) Oleh : N.I.M : : Reza Bayu Permana : Teknik Informatika Mata Kuliah : Pemrograman Web Statis
UAS (Pemrograman Web Statis) Oleh : N.I.M : 12141378 Nama : Reza Bayu Permana Prodi : Teknik Informatika Mata Kuliah : Pemrograman Web Statis SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN ILMU KOMPUTER EL-RAHMA
Lebih terperinciBerikut ini langkah-langkah untuk konfigurasi awal dari paket toko online yang sudah kami siapkan :
Konfigurasi Awal Konfigurasi awal ini dilakukan untuk merubah data-data dengan menyesuaikan dengan data pemilik UKM. Pada layanan preload content ini kami sudah menyiapkan 3 template sebagai template default
Lebih terperinciHow to Create Simple Web (2) - Slice
How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah
Lebih terperinciMembangun Website Profile Menggunakan Wordpress
Membangun Website Profile Menggunakan Wordpress Ditulis Oleh Erlangga Saputra, S.E dan Tim Bisnis Online Sukses http://www.bisnisonline-sukses.com Bisnis Online Consultant Website Toko Online Development
Lebih terperinciMembuat Form Search Dengan CSS3
Membuat Form Search Dengan CSS3 Oleh: Irvansyah Pasti teman2 sering dong berkunjung ke blog ataupun malah di blog teman2 ada yang namanya Form Searh.. Apa itu Form Search..?? Yup bnar sekali.. Sebuah media
Lebih terperinciUser Manual Template Wordpress Web Unit
User Manual Template Wordpress Web Unit [Document subtitle] Rizki Rinaldi [Course title] DESKRIPSI Nama Tutorial : User Manual - Template Wordpress Web Unit Tujuan Tutorial : Memberikan panduan langkah
Lebih terperinciTutorial Menggunakan Webpraktis Blog
Tutorial Menggunakan Webpraktis Blog 1. Kunjungi Webpraktis.com dan Klik Buat Website Sekarang 2. Pilih Jenis Template Setelah klik Buat Website Sekarang, pilih template yang ingin Anda gunakan dari kategori
Lebih terperinciPemanfaatan Web/Blog Pembelajaran
Dinas Pendidikan Provinsi Jawa Timur UPT Tekkomdik Pemanfaatan Web/Blog Pembelajaran Arna Fariza, S.Kom, M.Kom Dosen Politeknik Elektronika Negeri Surabaya Email : arna@pens.ac.id HP/WA : 08121669152 1
Lebih terperinciEbook Panduan Pengoperasian Web Simpel
Ebook Panduan Pengoperasian Web Simpel Daftar isi : Login ke halaman admin Ganti password website Membuat halaman baru Menghapus menu / halaman 4 Memasukan gambar 5 Masukan / embed video dari Youtube 6
Lebih terperinciDAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance
DAFTAR ISI Wordpress... 2 Mengenal Dashboard... 4 Memposting Artikel... 5 Penjelasan Area Posting Artikel... 5 Menambah Gambar Pada Tulisan... 8 Menambah Kategori dan Tag Pada Tulisan... 10 Pratampil dan
Lebih terperinciCara Membuat Blog. Nuraini Setyowati. Abstrak. Pendahuluan.
Cara Membuat Blog Nuraini Setyowati Nurainistyowati22@gmail.com Abstrak Sangatlah tidak susah hanya dengan bermodalkan Internet juga dengan bermodalkan PC atau laptop anda dengan sangat mudahnya membuat
Lebih terperinciPanduan Penyesuaian Tampilan WebKece
Panduan Penyesuaian Tampilan WebKece Setelah sukses melakukan registrasi dan masuk ke dashboard administrator website, saatnya menyesuaikan tampilan web sesuai dengan kebutuhan dan identitas personal atau
Lebih terperinciHow to Use Your Digital Signage?
How to Use Your Digital Signage? www.kunang-kunang.co.id DAFTARKAN AKUN DIGITAL SIGNAGE ANDA 1. Masuklah ke halaman website www.kunang-kunang.co.id. 2. Daftarkan akun Anda melalui menu Daftar (atau masuk
Lebih terperinciPertanyaan yang sering muncul di benak orang-orang yang ingin membuat website (mungkin Jamaah IKMI juga termasuk) adalah: harus mulai dari mana?
Pendahuluan Pertanyaan yang sering muncul di benak orang-orang yang ingin membuat website (mungkin Jamaah IKMI juga termasuk) adalah: harus mulai dari mana? Biar kami beritahu sedikit rahasia: Jamaah IKMI
Lebih terperinciEBOOK TUTORIAL (PANDUAN) PAKET BEGINNER JASA PEMBUATAN WEBSITE TOKO ONLINE
EBOOK TUTORIAL (PANDUAN) PAKET BEGINNER JASA PEMBUATAN WEBSITE TOKO ONLINE Butuh bantuan? Hubungi ipuipuweb.co.id! Perhatian! Sebagai pengguna jasa pembuatan website, Anda dilarang membagikan template
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciHalaman Pada website builder sitepad
Tambahkan Background ke Halaman Pada website builder sitepad Menggunakan Top Up Row Setting 1) Buka Halaman yang ingin Anda edit dalam editor. Untuk melakukan itu Klik pada icon Edit pada salah satu halaman
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciPANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG
PANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN PEMALANG 2017 Daftar Isi A. KOMPONEN WEB... 3 B. AKSES WEB... 3 2.1 Akses Halaman Depan... 3 2.2 Akses
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinciTutorial pembuatan Company Profile dengan JagoanWeb
Tutorial pembuatan Company Profile dengan JagoanWeb Untuk memudahkan Anda dalam membuat company profile Anda, berikut adalah panduan untuk setting / pengaturan pada halaman Admin Anda. A. MENGGANTI TEMPLATE
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciPETUNJUK PENGGUNAAN S I D E KA ( S I S T E M I NFORMASI DESA DAN KAWASAN)
PETUNJUK PENGGUNAAN S I D E KA ( S I S T E M I NFORMASI DESA DAN KAWASAN) SIDEKA WORDPRESS Di Persembahkan Oleh : BP2DK (BADAN PRAKARSA PEMBERDAYAAN DESA DAN KAWASAN) TAHUN 2016 [DOCUMENT TITLE] [Document
Lebih terperinciTutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website Sekarang
Tutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website Sekarang 2. Pilih Jenis Template Setelah klik Buat Website Sekarang,pilih template yang ingin Anda
Lebih terperinciTUTORIAL ADMINISTRATOR WORDPRESS WP ADMIN Contents Management Wordpress Selfhosting
TUTORIAL ADMINISTRATOR WORDPRESS WP ADMIN Contents Management Wordpress Selfhosting Modul artikel sebelumnya, yaitu: Cara Membuat Email Gmail. http://khudri.com/download/tutorial/pembuatan email gmail.pdf
Lebih terperinciMODUL MULTI LANGUAGE WORDPRESS
MODUL MULTI LANGUAGE WORDPRESS Universitas Padjadjaran DIREKTORAT PERENCANAAN DAN SISTEM INFORMASI 2016 1 Pada dasarnya, wordpress bukan platform yang diperuntukkan untuk multi-language atau banyak bahasa.
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciSanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan
Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau
Lebih terperinciMembuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini
Lebih terperinciTutorial Membuat Blog Gratis di Wordpress.com
Tutorial Membuat Blog Gratis di Wordpress.com Oleh : Ridwan Nur Arifin Disampaikan Pada Pelatihan ICT Dalam KKN Tematik UPI 2013 Desa Panyocokan Kecamatan Ciwidey Copyright : Ebook gratis ini boleh dicetak
Lebih terperinciTIP 8. Gambar 8.1. Tidak perlu lagi menggunakan Driver Adobe PDF untuk cetak dalam bentuk PDF
TIP 8 KONVERSI KE PDF Jika selama ini untuk bisa menyimpan halaman web ke dalam PDF dibutuhkan driver printer dari Adobe PDF, kini Anda dan pengunjung blog tidak lagi memerlukannya. Karena telah tersedia
Lebih terperinciApa Yang Dimaksud dengan Blog
Kekuatan Blogspot Untuk Menghasilkan Uang Dalam Bisnis Online Apa Yang Dimaksud dengan Blog???? 1 Company LOGO Pengertian Blog Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai
Lebih terperinciDasar Dasar Transisi Di CSS3
Dasar Dasar Transisi Di CSS3 Oleh: Irvansyah Jumpa lagi ne sama sobat JagoCoding, tutor saya hari ne tentang transisi di CSS3.. Mungkin diantara teman2 pasti ada yang udah tahu tapi masih bingung ataupun
Lebih terperinciCSS BOXES. Langkah Kerja. Percobaan
Tugas : Percobaan Praktikum 8 Materi : CSS Boxes Nama : Dwi Setiya Ningsih NRP : 2103157025 Langkah Kerja CSS BOXES Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan
Lebih terperinciTutorial Menggunakan Webpraktis Profil Pribadi
Tutorial Menggunakan Webpraktis Profil Pribadi 1. Kunjungi Webpraktis.com dan Klik Buat Website 2. Pilih Jenis Template Setelah klik Buat Website Sekarang,pilih template yang ingin Anda gunakan dari kategori
Lebih terperinciMembuat situs sederhana dengan Dreamweaver *)
Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan
Lebih terperinciAnita TechNext. Membuat Blog dengan judul Anita TechNext di Blogspot milik Google. [caption id="attachment_39191" align="aligncenter" width="500"]
Anita TechNext Membuat Blog dengan judul Anita TechNext di Blogspot milik Google [caption id="attachment_39191" align="aligncenter" width="500"] page 1 / 15 page 2 / 15 Anita TechNext, selesai dibuat 26
Lebih terperinciPublish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial
Kumpulan Tutorial dan belajar ilmu website mulai dari hosting dan coding seperti belajar HTML, CSS, Javascript, Javascript, JQuery, ASP.Net hingga SEO dan Desain web dengan Dreamweaver dan Photoshop untuk
Lebih terperinciPANDUAN PENGGUNAAN SIAT AGENDA. DIREKTORAT TEKNOLOGI DAN SISTEM INFORMASI UNIVERSITAS PADJADJARAN
PANDUAN PENGGUNAAN SIAT AGENDA. DIREKTORAT TEKNOLOGI DAN SISTEM INFORMASI UNIVERSITAS PADJADJARAN PANDUAN PENGGUNAAN SIAT AGENDA Direktorat Teknologi dan Sistem Informasi UNIVERSITAS PADJADJARAN 1 Daftar
Lebih terperinciSigning Up Google Analytics and Google Search Console
Signing Up Google Analytics and Google Search Console DIREKTORAT PENGEMBANGAN TEKNOLOGI DAN SISTEM INFORMASI ITS DESKRIPSI Nama Tutorial : Tutorial Signing Up Google Analytics dan Google Search Console
Lebih terperinciCSS background mengizinkan kita untuk mengatur warna, setting image, repeat image secara horizontal dan vertical.
CSS Background Background biasa digunakan untuk mempercantik tampilan keseluruhan, biasa di pakai background adalah foto, image dan lainnya. Background berlaku pula untuk penghias halaman web. Dalam desain
Lebih terperinciCSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
Lebih terperinciUSER GUIDE BLOG MAHASISWA
USER GUIDE BLOG MAHASISWA LOGIN Akses URL login blog mahasiswa di alamat [namablog]/wp-admin semisal : randy./wpadmin. Masukkan username dan password BASIC SETTING PERMALINK Agar memudahkan mesin pencari
Lebih terperinciTUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI JAWA TIMUR. Malang, 7 Juli 2017
TUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI JAWA TIMUR Malang, 7 Juli 2017 Overview Login Halaman Administrator Posting/Artikel Halaman/Pages Setup Menus Upload Peraturan Header Image LOGIN HALAMAN ADMINISTRATOR
Lebih terperinciPanduan Kualitas Konten dan Gambar Produk - Advance
Panduan Kualitas Konten dan Gambar Produk - Advance Mohon mengikuti pelatihan sampai selesai agar tidak kehilangan informasi penting. Penting : Hanya dapat dibuka pada komputer & laptop (tidak pada Ipad
Lebih terperinciModul Pelatihan Pembuatan Blog dengan Wordpress
Modul Pelatihan Pembuatan Blog dengan Wordpress Disusun oleh: Dr. Sri Chusri Haryanti, S.T., M.T. Indah Dwi Lestantri, S.T., M.Si. Mubarik Ahmad, S.Kom., M.Kom. PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan
Lebih terperinciKata Pengantar.
Kata Pengantar Terima kasih banyak atas ketersediaan anda membeli dan mempelajari ebook ini, semoga niat belajar Anda akan membuahkan hasil buat anda sendiri maupun orang lain. Pesan pada buku ini, jangan
Lebih terperinciCara Mengganti Template Blog
Cara Mengganti Template Blog Nuraini Setyowati Nurainistyowati22@gmail.com Abstrak Saat ini semakin banyak blogger yang menjadikan blog sebagai sarana berekspresi akan kepribadian mereka. Oleh karena itulah
Lebih terperinciTutorial Lengkap Memahami CSS Display
Tutorial Lengkap Memahami CSS Display Oleh: Christian Rosandhy Dalam dunia CSS, property Display adalah salah satu property terpenting yang menentukan hasil akhir sebuah website. Kali ini kita akan banyak
Lebih terperinciLEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
Lebih terperinciPanduan Dasar Pengisian Konten Web
Panduan Dasar Pengisian Konten Web http://gpibimmanueldepok.org Masuk Ke Menu Admin http://gpibimmanueldepok.org/wp-admin Login Dashboard Dashboard Bagian yang perlu kita perhatikan adalah bagian menu
Lebih terperinciMacromedia Flash 8.0 Untuk Membuat Company Profile
1 Company Profile Flash by: http://www.arifekaprasetya.wordpress.com Macromedia Flash 8.0 Untuk Membuat Company Profile Dalam membuat Company Profile setidaknya ada beberapa kemampuan dalam menggunakan
Lebih terperinci: Choirul Anam : D3 CC PJJ/Teknik Informatika. No NRP : Percobaan 1 Mengatur tampilan tipe list. Kode : Hasil :
Nama : Choirul Anam Kelas : D3 CC PJJ/Teknik Informatika No NRP : 2103157012 Percobaan 1 Mengatur tampilan tipe list Kode : Hasil : Analisa : Value lower-roman dari property CSS list-style-type membuat
Lebih terperinciSanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan
Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau
Lebih terperinciMendaftar ke Friendster
Mendaftar ke Friendster Sebelum melangkah lebih jauh soal Friendster, kita coba belajar cara mendaftar ke Friendster dulu yuk. Nah, pertama kamu kudu punya email. Kalo belum silahkan belajar cara bikin
Lebih terperinciMacromedia & Adobe Flash Untuk Membuat Company Profile
1 Company Profile Flash Macromedia & Adobe Flash Untuk Membuat Company Profile Dalam membuat Company Profile setidaknya ada beberapa kemampuan dalam menggunakan aplikasi Flash yang harus dikuasai, yaitu
Lebih terperinciDaftar Isi Daftar Isi Panduan Facebook Ads untuk Pemula 1. Apa Itu Facebook Ads? 2. Buat Halaman Facebook 3. Mulai Pasang Iklan di Facebook
Daftar Isi Daftar Isi... 0 Panduan Facebook Ads untuk Pemula... 1 1. Apa Itu Facebook Ads?... 2 Cara Membuat Iklan Facebook... 3 2. Buat Halaman Facebook... 4 3. Mulai Pasang Iklan di Facebook... 6 Tentukan
Lebih terperinciTutorial Menggunakan Webpraktis Organisasi
Tutorial Menggunakan Webpraktis Organisasi 1. Kunjungi Webpraktis.com dan Klik Buat Website Sekarang 2. Pilih Jenis Template Setelah klik Buat Website Sekarang, pilih template yang ingin Anda gunakan dari
Lebih terperinciMODUL WEBSITE JaringanPelajarAceh.com. Dipersiapkan oleh: Kusnandar Zainuddin
MODUL WEBSITE JaringanPelajarAceh.com Dipersiapkan oleh: Kusnandar Zainuddin Version 14 Halaman 1 September 2013 DAFTAR ISI 1. Tampilan Tatap Muka Website... 3 2. Halaman Admin... 4 2.1. Posting Berita...
Lebih terperinciBAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
Lebih terperinciPanduan Pengelolaan Web Berbasis WordPress IICACS
Panduan Pengelolaan Web Berbasis WordPress IICACS 1 Fransisca Pramesti, S.Si, M.Eng. UPT. Teknologi Informasi dan Komunikasi Institut Seni Indonesia Surakarta A. Web Berbasis WordPress Web dibangun menggunakan
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciDAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH
DAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH 1. Bagian - Bagian Website... 2 - Halaman (page), Artikel Berita (post), Widget... 2 2. Cara Masuk ke Website (Admin / Dashboard)... 3 3. Cara Mengisi Artikel
Lebih terperinci