A. Tutorial Mendaftarkan Blog 1. 2. 3. 4. 5. 6. Blog merupakan singkatan dari web log yaitu merupakan bentuk aplikasi web yang berbentuk tulisan pada sebuah halaman web. Adapun cara mendaftarkan blog baru yaitu : Langkah Pertama yaitu kita login ke https://blogger.com menggunakan akun Google yang dimiliki sendiri Setelah login kita mengisi nama Profil yang akan digunakan untuk blog yang akan kita buat, lalu konfirmasikan profil yang telah dibuat tersebut Lalu Klik “Lanjutkan ke Blogger“ setelah itu Klik “Blog baru” untuk membuat blog baru, dan Masukan judul blog, alamat blog, dan pilih tema blog, setelah itu klik “Buat blog!“ Setelah itu Blog sudah jadi. Untuk melihat blog yang telah kita buat kita tinggal klik tombol “Lihat blog“ maka blog yang telah kita buat akan terbuka dengan sendirinya. B. Landing Page Landing page adalah sebuah halaman pada website yang didesain khusus dengan mindset marketing. Halaman inilah yang ditampilkan ketika pengunjung mengakses website dari hasil pencarian. Fungsi Landing Page Berdasarkan jenisnya, ada dua fungsi utama landing page. - - Pertama, landing page bisa dipakai untuk mengumpulkan data pengunjung potensial atau leads. Leads inilah yang dijaga oleh bisnis. Kemudian calon pelanggan ini diharapkan dapat melakukan pembelian di masa yang akan mendatang. Kedua, landing page juga bisa berfungsi untuk mempercepat transaksi dan juga landing page dapat memberikan jalan khusus bagi pengunjung untuk mengakses produk atau layanan yang ingin dibeli. Cara membuat landing page pada blogsport: Kita dapat menyiapkan dulu blog yang akan di jadikan landing page Lalu siapkan materi blog, seperti foto, tulisan, gambar produk,dan bisa menggunakan landing page pada facebook dan instagram bisnis yang telah kita buat atau kita miliki Untuk template dapat menggunakan bawaan dari blogger, yaitu theme sederhana Lalu upload semuanya terlebih dahulu materi lading page anda Setelah itu atur blog, masuk ke pengaturan ->Template -> Sesuaikan Atur sesuai dengan desain yang anda inginkan, pilih tata letak yang tidak ada sisi widgetnya. Setelah semuanya selesai, klik tombol Terapkan ke Blog Maka landing page pada blogport dapat dilihat. C. HTML (HYPERTEXT MARKUP LANGUANGE) Html (Hypertext Markup Language) yaitu, merupakan bahasa pemrograman yang digunakan untuk membuat halaman web. Untuk menulis kode HTML digunakan editor seperti NotePad, Frontpage, dan Dreamweaver. Contoh kode HTML yang sangat sederhana : <HTML> <HEAD> <TITLE>Latihan Kedua</TITLE> </HEAD> <BODY> Semangat Belajar HTML </BODY> </HTML> Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML Bagian yang terdapat dalam <HTML> dan </HTML> umumnya terbagi atas : kepala, ditandai dengan pasangan tag <HEAD> dan </HEAD> badan, ditandai dengan pasangan tag <BODY> dan </BODY> Bagian head berfungsi untuk memberikan informasi tentang dokumen HTML, seperti judul dokumen HTML yang ditulis dalam pasangan tag <TITLE> dan </TITLE> Bagian body berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser. HTML bukanlah bahasa Pemograman, karena karena HTML adalah kode yang digunakan untuk mengontrol tampilan dari suatu dokumen halaman (web page) beserta isinya.Memahami Dasar HTML yaitu,Mempelajari dasar-dasar text formatting, color,pattern dan graphics pada HTML. 1. HTML dan Text Formating HTML : HyperText Markup Language yaitu, suatu dokumen teks yang dirancang sedemikian rupa dalam bentuk tag-tag sehingga pada saat dibaca oleh browser dan akan menampilkan pesan/informasi/tampilan sesuai dengan keinginan perancang, atau sebuah dokumen teks yang sebagian teks tersebut adalah tag. Dokumen HTML memiliki struktur seperti : <HTML> <Head>.. </Head> <Body> ..</Body> </HTML> Pada head dan body terdefinisi tag-tag yang berkaitan dengan format huruf, warna, gambar, link dan lain-lain. Format HTML yaitu, <kodeTag> teks yang dikenai efek </kodeTag> misal : <HTML> isi dok</HTML> <TITLE>Judul dokumen </TITLE> Contoh tag HTML dan efeknya <u><i>Hello</i><BR><b>CUT!!</b></u> <font size=18>APA KABAR KAMU?</font> HASIL PADA BROWSER ? klik Maka akan memperoleh hasil Hello CUT!! APA KABAR KAMU ? 2. Format HTML <kode> Teks yang diformat </kode> Dokumen HTML dimulai dengan <HTML> ditutup </HTML> Secara umum isi dokumen HTML terdiri dari head dan body Bagian <Head>...</Head> Bagian ini berisi <TITLE> judul</TITLE>, yaitu judul yang akan ditampilkan diatas dokumen Berisi keterangan lain berkaitan dengan head Tag header : <H1> .. Judul Tulisan 1 </H1> <H2> .. Judul Tulisan 2 </H2> <H3> .. Judul Tulisan 3 </H3> Maka hasil yang diperoleh yaitu : Judul Tulisan 1 Judul Tulisan 2 Judul Tulisan 3
