dengan formulir berlangganan. Ini adalah halaman pengambilan yang Anda perlukan untuk mengarahkan pengunjung. Kami menggunakan jejaring sosial, buletin, dll. untuk ini. Dan di sini tidak akan berlebihan untuk memiliki spanduk yang menarik perhatian di tempat yang menonjol, biasanya di bilah situs web dan tidak hanya, ketika diklik, pengunjung dibawa ke halaman pengambilan yang sama. Di sinilah pertanyaannya muncul: cara membuat banner dan membuat kodenya.

Apa itu banner dan cara memasang banner yang sudah jadi di website telah dibahas sebelumnya di artikel. Di sini kita akan melihat secara singkat proses pembuatannya sendiri, dengan tautan ke sumber lain, serta lebih detail, yang menyebabkan kesulitan bagi pemula. , pembuatan kode spanduk untuk dimasukkan ke dalam situs.

Proses pembuatan banner diawali dengan menggambar. Jika Anda membutuhkannya spanduk statis, maka satu gambar sudah cukup jika Anda suka spanduk animasi, lalu gambar diambil sebanyak yang diperlukan untuk proses animasi berkualitas tinggi. Jika Anda kesulitan bekerja di Photoshop, Anda bisa menggunakan program yang lebih sederhana layanan daring A « Fotoeditoron line "(Gambar 1,). Ini adalah versi Photoshop yang sangat disederhanakan, namun terkadang cukup memadai untuk membuat gambar sederhana. Untuk masuk, cukup klik pada nama layanan "Editor foto daring".

Gambar 1. Panel atas layanan online " Penyunting foto on line"

Layanan ini memberikan kemampuan untuk membuat gambar baru, mengunggah gambar dari komputer, mengunggah gambar melalui URL, membuka gambar dari perpustakaan, dan bahkan dari ponsel/tablet Anda (Gambar 2).

Gambar 2. Jendela tombol fungsional layanan online “Editor foto online”

Internet penuh dengan sumber daya yang membahas tentang pembuatan dan deskripsi banner dalam bentuk kode. Diantaranya misalnyabloguspeh.ru , Penggemar Spanduk, MyBannerMaker, dabuttonfactory.com, all-gif.narod.ru/baner.htm, danilidi.ru, odnaknopka.ru. Membuat gambar Anda sendiri dengan animasi (file gif) metode yang cukup sederhana dan mudah dimengerti di editor Batu Cepat disajikan secara detail pada materiEduard Pitertsev . Di sana dia juga berbicara tentang editor FastStone itu sendiri. Cara sederhana membuat banner disajikan dalam video tutorialnyaSergey Medvedev. Proses penulisan kode dibahas secara rinci di sumber daya Maria Resi.

Anda tentu saja dapat melakukan penggalian dan menggunakan sumber daya apa pun yang disediakan, namun Saya akan menyarankan untuk pemula jalur sederhana yang saya sendiri telah uji pada waktu saya.

Membuat gambar

Kami membuat gambar menggunakan layanan online "Editor foto daring". Sangat mudah untuk mengetahuinya langsung di layanan itu sendiri. Jika Anda memiliki setidaknya keterampilan umum awal dalam bekerja dengan program ini photoshop, Tentu saja lebih baik menggunakannya. Ada lebih banyak kesempatan untuk mengekspresikan ide-ide pribadi Anda.

KuitansiURLtempat di mana gambar itu berada

Kami mengunggah gambar yang dibuat dan disimpan di komputer kami ke situs web kami. Untuk melakukan ini, buka panel admin situs di mesin WordPress , di konsol yang kami temukan "Media" à "Tambahkan baru" dan tekan "Tambahkan baru"(Gambar 3).

Gambar 3. Konsol situs

Di jendela yang terbuka (Gambar 4), klik tombol "Pilih berkas." Pilih file dengan gambar yang dibuat dan disimpan di komputer Anda. Nama gambar yang dipilih muncul di jendela (Gambar 5). Tekan tombol yang aktif saat ditekan "Unduh" dan sebuah jendela terbuka "Perpustakaan Berkas"(Gambar 6).

Gambar 4. Jendela pemilihan file media baru

Gambar 5. Jendela untuk mendownload file media baru

Gambar 6. Jendela Perpustakaan File

Gambar 7. Jendela “Edit file media dengan link yang diperlukan ke gambar kita”

Membuat kode spanduk

Saya harus segera mengatakan bahwa saya tidak menyarankan pemula untuk membuat kode sendiri, misalnya, seperti yang ditunjukkan pada sumber daya Maria Resi. Ini adalah masalah yang rumit dan membutuhkan perhatian serta keterampilan tertentu. Ada kemungkinan 99 persen Anda tidak akan berhasil dalam waktu dekat. Bagaimanapun, tujuan kami adalah menghasilkan uang, bukan belajar bahasa HTML . Oleh karena itu, kami pergi ke layanan yang luar biasahttp://webanet.ucoz.ru/index/0-14 , klik "Generator" HTML kode untuk spanduk dan tombol” dan isi kolom di jendela (Gambar 8).

Gambar 8. Jendela untuk menghasilkan kode HTML untuk spanduk dan tombol layanan WEB.A.NET

Memasukkan data biasanya tidak menimbulkan kesulitan. Satu-satunya hal adalah di ladang "Lebar dan tinggi spanduk" nilai harus dimasukkan dalam piksel. Setelah mengisi kolom, klik tombol "Buat kode" dan di jendela "Menyalin kode siap dari formulir ini" Kami mendapatkan kode siap pakai untuk dimasukkan ke bilah situs web kami. Izinkan saya mengingatkan Anda sekali lagi bahwa proses penempatan banner (memasukkan kode) dijelaskan secara rinci di artikel. Di jendela ini kita melihat link ke file dengan gambar kita. Setelah memasukkan kode di bilah situs web kita, kita melihat, misalnya, gambar ini (Gambar 9). Saat Anda mengklik gambar, halaman untuk berlangganan buku gratis akan terbukaCobalah!Pada saat yang sama, tanpa mengklik gambar, Anda dapat memasukkan nama dan E-mail pada formulir di bawah ini dan dapatkan buku gratis dengan mengklik tombol "Mendapatkan". Cobalah!

Spanduk untuk situs tersebut kami menambahkan untuk mengiklankan produk, layanan, promosi merek, promosi gambar, dan sebagainya.

Dengan memasang kode banner pada situs, pada hakikatnya kita mencoba untuk mempromosikan sesuatu, mempromosikan sesuatu.

Bagaimana spanduk bisa digunakan secara praktis?

Ada sejumlah kemungkinan untuk menggunakan iklan banner. Mari kita ambil contoh nyata dari kehidupan. Misalnya, Anda mendaftar program afiliasi. Sebagai bagian dari program ini, Anda menerima tautan afiliasi yang dapat digunakan untuk mempromosikan produk Anda.

Biasanya, seiring dengan promosi produk, untuk meningkatkan pendapatan, Anda menerima tautan rujukan untuk menarik mitra lain.

Sebagai materi dalam program afiliasi, Anda dapat diberikan banner yang sudah jadi. Jadi, dengan menempatkan kode banner di jaringan, misalnya di situs web Anda, Anda mengiklankan produk dan merekrut mitra Anda sendiri.

HTMLkode spanduk.

Mari kita lihat kode HTML paling sederhana untuk sebuah banner. Menurut definisi, kode spanduk harus berisi gambar dan alamat tautan yang mengarahkan spanduk tersebut:

Cara memasukkanHTMLkode banner untuk halaman situs.

Jika situs Anda terdiri dari halaman HTML, maka semuanya sangat sederhana. Buka halaman situs penyunting HTML, dan tambahkan kode banner di tempat yang tepat, lalu upload ke situs, itu saja.

Mungkin situs Anda menjalankan CMS WordPress, maka Anda dapat menggunakan tab “Widget” untuk menambahkan banner. Pilih widget “Teks”, seret ke lokasi yang diinginkan dan tempel kode spanduk.

Di halaman situs saya memiliki banyak informasi tentang cara membuat situs di "Orang". Dalam kasus layanan ini, untuk menambahkan kode banner, Anda perlu mengikuti langkah-langkah yang dijelaskan.

Banyak situs memasang kode spanduk mereka sendiri di halaman mereka.

Hal ini dilakukan agar pengunjung yang memiliki situs web sendiri dapat menyalin kode ini dan menambahkannya ke situs web mereka, sehingga mempromosikannya di Internet. Tentu saja, ini dilakukan jika Anda menyukai situs tersebut atau saat sekadar bertukar spanduk.

Wajar saja, begitu Internet muncul, iklan banner langsung tersebar luas di Internet.

Spanduk tetap digunakan meski berbeda pendapat.

Jika Anda berkendara di sepanjang jalan kota mana pun di dunia, Anda mungkin akan menemukan sekumpulan spanduk, spanduk, tanda yang mengiklankan barang, perusahaan, dan jasa.

Mengapa spanduk begitu populer?

Seseorang lebih cenderung bereaksi terhadap suatu benda yang berubah dibandingkan terhadap benda yang keadaannya statis. Apa pun perubahannya, warna, ukuran, atau posisinya, kami akan bereaksi lebih cepat terhadap perubahan tersebut. Kemampuan manusia inilah yang digunakan oleh pengembang periklanan.

Dalam kebanyakan kasus, ketika kita tahu di mana dan apa yang harus dicari, iklan banner akan mengganggu kita. Namun ketika kita mencari sesuatu yang spesifik dan informasi tentang hal tersebut “berputar” di sebuah banner, maka kemungkinan besar kita akan bereaksi terhadap banner tersebut dan melihat “apa yang ditawarkan di sana”.

Dan besar kemungkinan dengan mengklik banner tersebut kita akan menemukan produk yang kita cari. Pada saat yang sama, alam bawah sadar memberi tahu kita bahwa karena diiklankan di mana-mana, berarti produk tersebut berkualitas baik.

Ternyata spanduk, dalam keadaan tertentu, memenuhi peran yang diberikan padanya.

Memasang banner adalah salah satu cara menghasilkan uang di website atau blog Anda. Cara termudah untuk menambahkannya adalah jika Anda sudah memiliki kode html yang sudah jadi. Namun tidak memasukkan templat dan elemen yang berpotensi berbahaya ke dalam halaman proyek Anda sendiri ide terbaik. Oleh karena itu, sebelum memasang spanduk, pelajari dengan cermat isinya dan edit jika perlu.

Pertama, mari kita lihat menyisipkan banner di situs web yang dirancang menggunakan HTML+CSS murni. Salin kode elemen yang sudah jadi dari situs web pengiklan dan edit sesuai aturan umum pemformatan. Untuk melakukan koreksi, gunakan salinan halaman situs Anda; jangan pernah melakukan pengeditan langsung di server. Kode spanduk adalah markup HTML standar dengan gaya yang terletak di dalam tag. Mereka pasti ada di dalam file terpisah dan dihubungkan satu sama lain melalui penyeleksi. Berikan perhatian khusus untuk memeriksa keunikan kelas dan id dalam kode proyek. Tidak ada elemen lain yang mempengaruhi tampilan spanduk. Pastikan nama pemilih tidak tumpang tindih dengan mencari di editor file biasa (biasanya dipanggil dengan menekan Ctrl+F). Lihat apakah ada elemen mencurigakan dalam kode. Spanduk paling sederhana terdiri dari dua tag:

Dan