{"id":5070,"date":"2017-08-21T12:14:10","date_gmt":"2017-08-21T12:14:10","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=5070"},"modified":"2019-09-28T09:00:18","modified_gmt":"2019-09-28T09:00:18","slug":"membuat-banner-website-sederhana","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/","title":{"rendered":"Membuat Banner Website Sederhana"},"content":{"rendered":"<p>Assalamualaikum Wr. Wb. sobat Webhozz dimanapun berada. Alhamdulillah pada kesempatan kali ini, webhozz akan berbagi ilmu desain grafis menggunakan Photoshop. Dan pada postingan ini, kita akan belajar membuat banner website sederhana.<\/p>\n<p>Oke, untuk lebih lanjut kita langsung aja prakteknya ya. Pertama-tama silahkan buka dulu aplikasi photoshopnya. Disini saya menggunakan Adobe Photoshop CS3.<\/p>\n<ol>\n<li>Buka dulu aplikasinya, kemudian Pilih menu <strong>File&gt;New<\/strong> untuk membuat file foto baru. Kemudian disini kita akan diarahkan pada form seperti di bawah ini. Kemudian silahkan atur lebar pada width sekitar 800px, dan tinggi file fotonya di height 150px. Perhatikan tanda merah di bawah ini.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps1-e1503317431993.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-5072 \" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps1-e1503317431993.png\" alt=\"\" width=\"527\" height=\"315\" \/><\/a><\/p>\n<p>Maka hasilnya adalah seperti ini.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps2.png\"><img decoding=\"async\" class=\"alignnone wp-image-5076 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps2.png\" alt=\"\" width=\"531\" height=\"333\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps2.png 531w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps2-300x188.png 300w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/a><\/p>\n<p>2. Oke selanjutnya, kita cari foto kedua untuk disatukan dengan file tersebut. Dan saya pilih foto ini. Jika pengen download foto ini, silahkan aja download disini. <a href=\"https:\/\/www.google.co.id\/search?biw=1280&amp;bih=682&amp;tbm=isch&amp;sa=1&amp;q=putussibau&amp;oq=putussibau&amp;gs_l=psy-ab.3..0l4.1261635.1263688.0.1264026.11.11.0.0.0.0.203.1133.7j3j1.11.0....0...1.1.64.psy-ab..0.10.958.0..0i67k1.N7mKbnRoD-E#imgrc=I4QyFDNtqQqK9M\">https:\/\/www.google.co.id\/search?biw=1280&amp;bih=682&amp;tbm=isch&amp;sa=1&amp;q=putussibau&amp;oq=putussibau&amp;gs_l=psy-ab.3..0l4.1261635.1263688.0.1264026.11.11.0.0.0.0.203.1133.7j3j1.11.0&#8230;.0&#8230;1.1.64.psy-ab..0.10.958.0..0i67k1.N7mKbnRoD-E#imgrc=I4QyFDNtqQqK9M<\/a><u>:<\/u><\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps3.2.png\"><img decoding=\"async\" class=\"alignnone wp-image-5079\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps3.2-300x183.png\" alt=\"\" width=\"500\" height=\"305\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps3.2-300x183.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps3.2.png 375w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Ini adalah Foto Tugu Pancasila di Kota Putussibau<\/p>\n<p>3. Masukkan foto tersebut ke dalam aplikasi dengan klik <strong>File&gt;Open File<\/strong> atau pintas dengan <strong>Ctrl+O<\/strong>.<\/p>\n<p>4. Selanjutnya silahkan klik <strong>Move Tool<\/strong>, pada bagian samping kiri toolbar aplikasi.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5080\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps4.png\" alt=\"\" width=\"500\" height=\"491\" \/><\/a><\/p>\n<p>5. Arahkan pada foto yang kedua yaitu foto Tugu, silahkan drag foto tersebut ke file foto yang kita buat pada <strong>langkah 1<\/strong><\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5081 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-5.png\" alt=\"\" width=\"536\" height=\"336\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-5.png 536w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-5-300x188.png 300w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<p>6. Kemudian, pilih menu <strong>Edit&gt;Free Transform<\/strong> lalu atur posisi dan ukuran gambarnya sesuai keinginan kita sendiri.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5082 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6.png\" alt=\"\" width=\"532\" height=\"125\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6.png 532w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6-300x70.png 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p>7. Pada gambar di atas, tampak ada warna putihnya. Hal ini karena default dari photoshopnya. Kemudian tambahkan tulisan di bagian putih tersebut. Caranya ke menu samping toolbar photoshop. Kemudian pilih<strong> Horizontal Type Tool<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5083\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6-1-300x265.png\" alt=\"\" width=\"500\" height=\"441\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6-1-300x265.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-6-1.png 324w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>8. Tempatkan teks tersebut pada posisi yang diinginkan, dan tuliskan teks yang ingin ditulis.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5084 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-7.png\" alt=\"\" width=\"531\" height=\"261\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-7.png 531w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-7-300x147.png 300w\" sizes=\"(max-width: 531px) 100vw, 531px\" \/><\/a><\/p>\n<p>9. Kita bisa menambahkan efek pada teks tersebut. Dengan pilih menu<strong>Layer&gt;Layer Style&gt;Blending Option<\/strong>. Kemudian pilih checklist <strong>Dropshadow<\/strong>. Maka tulisan akan memiliki bayangan di belakangnya. Perhatikan tanda panah merah di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5085 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-8.png\" alt=\"\" width=\"536\" height=\"273\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-8.png 536w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-8-300x153.png 300w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<p>10. Kemudian atur <strong>Opacity<\/strong> hingga 70%, maka warna tulisannya akan menjadi sedikit buram.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5086 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-9.png\" alt=\"\" width=\"533\" height=\"266\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-9.png 533w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-9-300x150.png 300w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/><\/a><\/p>\n<p>11. Jika sudah selesai, silahkan simpan dengan klik <strong>File&gt;Save As<\/strong>. Pilih lokasinya buat disimpan, kemudian ganti namanya sesuai keinginan kita dan format filenya. Seperti tanda panah di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5087 size-full\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-10.png\" alt=\"\" width=\"525\" height=\"521\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-10.png 525w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-10-150x150.png 150w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-10-300x298.png 300w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Tada, akhirnya sudah jadi. Dan seperti inilah jadinya.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5088 \" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-11.png\" alt=\"\" width=\"525\" height=\"105\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-11.png 510w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps-11-300x60.png 300w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Untuk selanjutnya bisa ditambahin lagi sesuai kreativitas masing-masing.<\/p>\n<p>&nbsp;<\/p>\n<p>Dan Alhamdulillah untuk postingan kali ini. Kurang lebihnya mohon maaf, sekian dulu dari saya.<\/p>\n<p>Wassalamualaikum Wr. Wb.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Assalamualaikum Wr. Wb. sobat Webhozz dimanapun berada. Alhamdulillah pada kesempatan kali ini, webhozz akan berbagi ilmu desain grafis menggunakan Photoshop. Dan pada postingan ini, kita<\/p>\n","protected":false},"author":1,"featured_media":9102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[107],"tags":[2040,2039,2038,2041,2037],"class_list":["post-5070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial-photoshop","tag-adobe-photoshop-cs3","tag-buka-dulu-aplikasi-photoshopnya","tag-ilmu-desain-grafis-menggunakan-photoshop","tag-kemudian-pilih-menu-filenew","tag-membuat-banner-website-sederhana"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Membuat Banner Website Sederhana - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Banner Website Sederhana - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Assalamualaikum Wr. Wb. sobat Webhozz dimanapun berada. Alhamdulillah pada kesempatan kali ini, webhozz akan berbagi ilmu desain grafis menggunakan Photoshop. Dan pada postingan ini, kita\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-21T12:14:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-28T09:00:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Membuat Banner Website Sederhana\",\"datePublished\":\"2017-08-21T12:14:10+00:00\",\"dateModified\":\"2019-09-28T09:00:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/\"},\"wordCount\":397,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ps.jpg\",\"keywords\":[\"Adobe Photoshop CS3\",\"buka dulu aplikasi photoshopnya\",\"ilmu desain grafis menggunakan Photoshop\",\"kemudian Pilih menu File&gt;New\",\"Membuat Banner Website Sederhana\"],\"articleSection\":[\"Belajar Photoshop\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/\",\"name\":\"Membuat Banner Website Sederhana - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ps.jpg\",\"datePublished\":\"2017-08-21T12:14:10+00:00\",\"dateModified\":\"2019-09-28T09:00:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ps.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/08\\\/ps.jpg\",\"width\":750,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-banner-website-sederhana\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Banner Website Sederhana\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Banner Website Sederhana - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Banner Website Sederhana - WebHozz Blog","og_description":"Assalamualaikum Wr. Wb. sobat Webhozz dimanapun berada. Alhamdulillah pada kesempatan kali ini, webhozz akan berbagi ilmu desain grafis menggunakan Photoshop. Dan pada postingan ini, kita","og_url":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/","og_site_name":"WebHozz Blog","article_published_time":"2017-08-21T12:14:10+00:00","article_modified_time":"2019-09-28T09:00:18+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Membuat Banner Website Sederhana","datePublished":"2017-08-21T12:14:10+00:00","dateModified":"2019-09-28T09:00:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/"},"wordCount":397,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg","keywords":["Adobe Photoshop CS3","buka dulu aplikasi photoshopnya","ilmu desain grafis menggunakan Photoshop","kemudian Pilih menu File&gt;New","Membuat Banner Website Sederhana"],"articleSection":["Belajar Photoshop"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/","url":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/","name":"Membuat Banner Website Sederhana - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg","datePublished":"2017-08-21T12:14:10+00:00","dateModified":"2019-09-28T09:00:18+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/08\/ps.jpg","width":750,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/membuat-banner-website-sederhana\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Banner Website Sederhana"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=5070"}],"version-history":[{"count":5,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5070\/revisions"}],"predecessor-version":[{"id":9103,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/5070\/revisions\/9103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/9102"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=5070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=5070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=5070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}