Translate

Cara membuat website portofolio foto

cara membuat website portofolio foto
website portofolio foto
Kali ini saya akan membagikan Bagaimana cara membuat website portofolio foto. Kita akan menggunakan blogger sebagai platform nya. Jika Anda penasaran seperti Apa contoh website nya, contohnya seperti ini atau seperti ini.

Sebelumnya saya jelaskan terlebih dahulu bahwa kita tidak perlu mengeluarkan biaya dalam membuat website ini selama Anda tetap menggunakan "xxx.blogspot.com", namun jika Anda ingin mengubahnya menjadi domain TLD (Top Level Domain) seperti "xxx.com", "xxx.id", "xxx.net" dan masih banyak lagi, maka Anda harus mengeluarkan biaya membeli domain setiap tahunnya yang berkisar Rp 150.000,- s.d. Rp 300.000,- setahun.

Website portofolio foto ini sangat berguna bagi Anda yang profesional di bidang fotografi. Website bisa menjadi sarana Anda menawarkan portofolio kepada klien Anda.

Langsung saja, berikut adalah cara membuat template portofolio foto gratis:

1. Anda harus membuat akun blogger

Anda pertama kali harus membuat akun blog, saya sudah menulisnya disini, silahkan Anda pelajari!

Setelah Anda berhasil membuat akun blog dan blog pertama Anda tercipta, Anda bisa lanjut ke langkah beritkutnya.

2. Ubah template blog Anda

Perlu pembaca sekalian ketahui bahwa yang membedakan tampilan antara website yang satu dengan yang lainnya salah satunya terletak pada template yang digunakan. Untuk membuat website portofolio foto Anda harus memiliki template yang memang sudah didesain sebagai template portofolio.

Kita akan menggunakan template "Oliver" dari themeforest. Silahkan download template nya di link berikut  

Silahkan pergi ke "tema" lalu "edit HTML", blok semua HTML lama Anda, hapus dan ganti dengan HTML yang sudah Anda download. Nantinya secara otomatis blog Anda akan langsung berubah seperti tampilan pada "rahmatandriansa.blogspot.com"

Tentunya Anda harus merubah beberapa hal agar tampilan nya berubah sesuai dengan apa yang Anda inginkan, kita akan bahas dibawah.

3. Merubah Header


Apa itu header? Header itu kepala blog/website. Dalam website yang saya contohkan ini, header nya adalah "judul: rahmat", deskripsinya "portofolio foto @andriansa 93" itu nama IG saya, jangan lupa follow ya, wkwkwk.

Untuk merubah header Anda perlu pergi ke "tata letak", lalu "header". silahkan rubah sesuai kemauan Anda. Saya menyarankan yang berkaitan dengan identitas diri Anda karena ini berkaitan dengan SEO (Search Engine Optimization)

4. Mengubah slider foto

Bagi Anda yang bingung slider foto, lihat foto di awal postingan ini, foto anak ingusan itu lah slider foto di website ini. Ada tiga slider yang saya buat dan Anda bisa tambahkan sepuas hati dengan copy paste kode dibawah ini (copy dan paste kode kuning dan hijau dibawah).

Untuk mengubah slider foto, Anda harus kembali pergi ke bagian "tema", lalu "edit HTML" dan temukan kode berikut dengan cara ctrl+F lalu ketikkan "slider images start", kode lengkapnya seperti ini:

<!-- Slider Images Start -->
<div data-img='https://1.bp.blogspot.com/-W-VKUarfkxQ/YA0miODjyLI/AAAAAAAAb14/MsrRZgeS8z4MMHuoRg0tjQpGmOSOCwEQQCLcBGAsYHQ/s2048/DSS07942.jpg'><div class='slidertext fotorama__select'>Rahmat Andriansa</div></div> 
<img src='https://1.bp.blogspot.com/-0pS3-ZP_Vsw/YA0fzOdxCVI/AAAAAAAAb0E/-J5L10Ac8Awn42AtAlmR6dCixA4d4ojowCLcBGAsYHQ/s2048/DSC_0934-01.jpg'/>  
<img src='https://1.bp.blogspot.com/-3D3p0XoVV_0/YA0iZ3uZYpI/AAAAAAAAb0w/EZWS3AZ30zA4R5LOugmYaqgkywnrP95RwCLcBGAsYHQ/s2048/bunga%2Braflesia%2Barnoldii%2Bbengkulu.jpg'/>
<img src='https://1.bp.blogspot.com/-zSknGMLWdVQ/YA0jVPfdASI/AAAAAAAAb1I/-lqtAKmhT70XzV452rWKEbNyfr8BBj7HwCLcBGAsYHQ/s2048/DSC_9656.jpg'/>  
<!-- Slider Images End --> 

Anda hanya perlu merubah tulisan yang berwarna hijau dengan foto yang Anda sudah siapkan. Bagaimana agar foto Anda memiliki kode tersebut?

Cara nya adalah dengan Anda membuat sebuah postingan, lalu buka postingan Anda di blog Anda, lalu klik "open image in new tab", nah nanti kode tersebut akan muncul, setelah itu ya tingga di copy dan paste kan di tulisan yang berwarna hijau di HTML itu.

Lantas Bagaimana mengubah nama saya yang saya kasih warna merah diatas? ya tinggal Anda ubah saja terserah Anda mau namai apa.

5. Merubah label


"Human interest", "still life", "travel" dan banyak lagi diatas itu dinamakan label. Setiap postingan yang Anda buat dan diberi label yang sama akan terkelompok dalam label tersebut. Bagaimana cara merubahnya:

Silahkan pergi ke "tata letak", pada bagian menu klik "edit", contoh kode nya ada di bawah ini:

<div class='menulinks'>
<ul id="menu-v">
<li><a href="/search/label/"><i class='fa fa-rss'></i>PORTOFOLIO</a></li>
<li><a>WORK</a>
<ul class="sub">
<li><a href="https://rahmatandriansa.blogspot.com/search/label/human%20interest">Human interest</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/still%20life">still life</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/travel">Travel</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/landscape">landscape</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/street">Street</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/documentary">Documentary</a></li>
<li><a href="https://rahmatandriansa.blogspot.com/search/label/portrait">Portrait</a></li>
</ul> </li>
<li><a>ABOUT</a>
<ul class="sub">
<li><a href="https://rahmatandriansa.blogspot.com/p/about.html">@ Myself</a></li>
</ul>
 </li>
</ul></div>
 
rubah bagian yang warna hijau dengan label yang Anda buat saat Anda memposting sesuatu, silahkan Anda kelompokkan terlebih dahulu foto yang akan Anda posting dalam label-label yang kira-kira sama sehingga nantinya pada saat tampil di website, seluruh postingan akan tampil di kelompok label yang sama.

Jangan lupa untuk label dengan dua suku kata, seperti human interest tambahkan %20 sebagai spasinya.

Huruf yang berwarna merah adalah yang muncul di tampilan website Anda.

6. Merubah tampilan warna dan huruf


Untuk merubah tampilan warna dan huruf blog, Anda hanya perlu pergi ke "tema" lalu klik "sesuaikan", silahkan sesuaikan sesuai selera Anda masing-masing.

7. Membuat postingan baru


Untuk membuat postingan baru silahkan klik "+postingan baru". Karena template ini mengakomodasi portofolio foto, sebaiknya satu postingan satu foto saja, jangan lupa memberi judul dan label sesuai dengan label-label yang sudah Anda tentukan sebelumnya, jika Anda lupa memberi label maka foto yang Anda posting tidak akan muncul di website Anda.

8. Mendaftarkan di google search console


Untuk yang terakhir ini sebenarnya hanyalah opsi saja. Jika Anda ingin ketika orang mengetikkan nama Anda di google lalu salah satu yang muncul di pencarian adalah website portofolio foto Anda, maka Anda wajib mendaftarkan situs Anda tersebut di google search console.

Silahkan masukkan domain atau URL Anda di google search console. Setelah berhasil, pada properti Anda silahkan lakukan inspeksi URL seperti gambar dibawah ini, silahkan ajukan permintaan perayapan oleh google. Selain halaman home, Anda juga bisa mendaftarkan seluruh url postingan Anda di inspeksi URL ini. Semakin banyak Anda daftarkan, maka akan semakin banyak website Anda tampil di google sesuai dengan kata kunci yang Anda targetkan.

Selain portofolio foto saja, template oliver ini juga mengakomodir bagi Anda yang ingin membuat foto series atau photo story, silahkan buka link berikut untuk melihat photo story yang kubuat.

Ada baiknya jika website portofolio foto ingin dibuat seperti website muhammad fadli yang notabene berisi photo story, pada setiap postingan yang Anda buat, pelajari juga SEO nya. Beberapa SEO on page yang saya tahu adalah dengan mengisi deskripsi, mengisi bagian judul foto, memperhatikan jumlah target keyword dan banyak lagi lainnya termasuk SEO Off Page seperti backlink dsb.

Semua itu harus Anda pelajari agar postingan yang Anda buat muncul di halaman satu google sesuai dengan target keyword yang Anda inginkan.

Video tutorial membuat website portofolio foto

Saya rasa sekian dulu postingan mengenai cara membuat website foto yang tentunya digemari fotografer profesional, semoga bermanfaat.

Subscribe to receive free email updates:

0 Response to "Cara membuat website portofolio foto"