Skip to main content

Desain Tampilan Home Page Blogger - Part 2 Cara membuat Tempelate Blog Sendiri

 


Tutorial membuat tempelate blogger sendiri - Sebelumnya sudah saya jelaskan dasar-dasar atau langkah awal yang harus dilakukan dalam membuat tempelate blog sendiri. bagi teman-teman yang belum mengetahuinya bisa dilihat pada artikel saya tentang cara membuat tempelate blog sendiri Part 1.


Sekarang pada part 1 tutorial membuat tempelate blog sendiri disini saya memberikan tutorial desain homepage blog dengan menggunakan komponen boostrap v4. prosesnya tidak lama hanya dalam beberapa menit saja selesai yah..



ok langsung saja, berikut kriteria homepage yang akan di desain :

  1. Menggunakan Boostrap
  2. Postingan disembunyikan dari tampilan Homepage
  3. Home page tersusun dari beberapa sesion (menu navigasi, image header, car title, dan footer)

Mengambil komponen boostrap

Mengapa kita menggunakan boostrap, ada beberapa alasan mengapa menggunakan boostrap yaitu Instan sudah disediakan style css, responsive dan mudah digunakan.

untuk menggunakannya cukup mudah kita hanya mengambil url link css dan JS nya saja, dengan cara mengunjungi website boostrap kemudia pada halaman beranda intruduktion nya sudah tersedia link yang haru kita Copy dan kita gunakan pada tempelate blogger kita.

selain itu untuk gunakan komponennya tinggal kita cari dan kita pilih sesuai keinginkan kita atau kebutuhan kita, mudah bukan. untuk dapat mengambil linknya teman-teman tinggal kunjungi situs boostrap pada link ini : https://getbootstrap.com/docs/4.0/getting-started/introduction/

jika sudah maka selanjutnya teman-teman mencari link css boostrap dan link JS boostrap, jika teman-teman kebingungan bisa melihat petunjuk gambar yang sudah saya sediakan dibawah ini

Cara menempatkan url css boostrap dan js boostrap

jika sudah temanteman copy linknya, yang harus dilakukan adalah menempatkan link-link tersebut kedalam tempelate kita, caranya yang pertama teman-teman klik menu TEMA yang ada di bilah kiri, setelah itu klik panah pada menu SESUAIKAN dan pilih EDIT HTML.

jika sudah maka teman-teman akan masuk pada halaman edit html tempelate blog, tinggal teman-teman pastekan tepat dibawah tag head "<head>". kemudian untuk link url JSnya teman-teman pastekan tepat diatas tag penutup body atau bisa teman-teman cari menggunakan tombol CTR + F, kemudian cari tag body penutup "</body>"

jika benar maka hasilnya akan seperti gambar dibawah ini:

Menyusun Sesion

Selanjutnya teman-teman tinggal membuat sesionnya seperti yang telah saya tunjuk pada tutorial membuat tempelate blog sendiri part 1, jika sudah maka selanjutnya kita tambahkan widget pada sesion yang telah kita buat "<b:section>" dengan cara klik menu tata letak disana teman-teman akan melihat menu add widget dan nama sesion <b:section> yang telah teman-teman buat.

contoh penulisan scrip sesion seperti ini :

<b:section id="beri nama id">

</b:section>

berikut contoh gambar tampilan pada menu tata letak, dari gambar terlihat ada sesion (<b:section id="kepala"></b:section>) tinggal kita klik ad widget dengan cara klik tambahkan widget (tulisan berwarna biru dan ada tanda +)


 setelah klik tambahkan widget teman-teman pilih widget Html/JavaScript, teman-teman cari komponen yang mau digunakan bisa mencarinya di boostrap sepert

  • image
  • navigasi
  • card title
  • table
  • dll

tinggal teman-teman copy script komponen yang ingin digunakan dan pastekan pada kolom konten widget, selanjutnya teman-teman bisa memberi nama pada widgetnya

Sekian dari saya semoga bisa membantu teman-teman yang ingin membuat tempelate blog dengan boostrap, atau teman-teman bisa nonton video tutorialnya yang sudah saya sedikan dibawah ini:





Berikut cerita singkat tentang Blogger:
Blogger merupakan layanan blog-publishing yang dirintis oleh Pyra Labs pada tahun 1999, dan dibeli oleh Google pada tahun 2003. Semua weblog dengan platform Blogger secara default dihosting pada subdomain blogspot.com
Namun dapat di-upgrade menjadi pinnacle degree area. Informasi server penyimpanan berupa gambar, video, dan script dihosting pada server Google, dan dapat langsung diunggah melalui Blogger.
Data yang dihosting di server luar atau pribadi dapat dimuat dan ditampilkan di weblog dengan platform Blogger. Untuk melihat kode suplai (kode sumber) template weblogBlogger dapat dilakukan dengan masuk ke Template Editor. Caranya pada Dashboard Blogger, pilih Theme, kemudian pilih Edit HTML.

Anda akan menemukan ribuan layout blogger dengan desain dan fitur yang berbeda satu sama lain, yang bisa Anda dapatkan baik secara free maupun berbayar. 

Jika sudah ada sekian banyak layout blog yang bertebaran di web dan bahkan dapat diperoleh secara free, lalu mengapa harus susah-susah belajar membuat format blog sendiri? Bukankah akan lebih praktis jika kita menggunakan layout yang sudah ada saja? 

Benar sekali bahwa menggunakan layout blog buatan orang lain memang merupakan langkah yang cepat dan praktis. Kita juga tidak perlu susah-susah belajar coding yang tentu sangat menyita waktu. 

Tetapi sobat Blogger, saya ingin sedikit cerita pengalaman saya yang sudah mengenal Blogger sejak tahun 2008. Dibandingkan menggunakan format blog orang lain, saya lebih nyaman dan lebih konsisten melakukan update posting ketika menggunakan layout blog yang saya buat sendiri.



Baca Juga Artikel Lainnya:

Strategi SEO dengan Teknik Social Bookmarking

Cara Membuat Video Youtube Berada Pada Posisi 1

Cara menambahkan modem router wifi

Cara Membuat Skripsi Dengan Cepat

Cara Meningkatkan Penjualan Di Shopee

Cara Membuat Template Blogger Sendiri

#templateblogger #caramembuattemplatebloggersendiri #caraedittemplateblogger #templatebloggerresponsive #downloadtemplateblogger #templatebloggergratis #downloadtemplatebloggergratis #templateblogger2022
Labels:

Popular posts from this blog

Cara Mengubah nilai t hitung Negatif Menjadi Positif - Positif Menjadi negatif - Analisis Regresi Linear Berganda

  Bagaimana Cara mengubah nilai t hitung negatif menjadi positif atau cara mengubah nilai t hitung positif menjadi negatif . Bagi teman-teman mahasiswa yang sedang dalam tugas akhir pastinya kebingungan ketika memperoleh nilai t hitung dalam analsis regresi linear berganda hasilnya tidak sesuai dengan harapan. saat mengharapkan nilai t hitung positif namun hasilnya berupa nilai t hitung negatif , atau sebaliknya yang diharapkan nilai t hitung negatif namun hasil outnya malah nilai t hitung positif . Nah untuk itu bagi teman-teman mahasiswa yang sedang dalam tugas akhir yang terkendala menyelesaikan penyusunan skripsi atau tugas akhirnya dikarenakan output hasil olah data tidak sesuai dengan yang diharapkan maka tidak perlu hawatir dikarenakan disini saya akan memberikan solusi bagi anda dan 100% akan membantu anda dalam menyelesaikan tugas akhir anda. Sebelum saya memberikan penjelasan teknis cara mengubah nilai t hitung negatif menjadi positif atau cara menghitung nilai t hi...
Selengkapnya »

Cara Membuat Data TIdak Valid Menjadi Valid Pada Smart PLS Sem

Memduat Data TIdak Valid Menjadi Valid Smart PLS Bagaimana Cara Membuat Data Tidak Valid Pada Smart PLS - Berikut Kami Berikan Tutorial Uji Valdiitas Smart PLS. Uji validitas dengan smart PLS sangat berbeda dengan uji validitas dengan SPSS. Baik dari cara input datanya maupun cara membaca tabel outputnya untuk membuat kesimpulan tentang uji validitas dengan Smart PLS. Bagaimana langkah-langkah ujivaliditas dengan Smart PLS ? Tahap pertama adalah dengana membuat project baru dengan klik New Project , setelah selesai project dibuat kemudian import file excel dimana tabulasi data kita telah disimpan dalam format CSV (Comma Delimited) Tahap ke dua setelah filenya diimport kita kembali ke halaman depan, kemudian klik pls-sem  setelah itu akan muncul kotak dialog baru, pada kotak dialog baru kita klik save Dan tahap ketiga, kita blok setiap item pertanyaan pada masing-masing variabel dan di drag kemudian di lepas pada halaman grphic yang ada di samping kanannya kemud...
Selengkapnya »

Tutorial Amos Sem - Analisis Jalur dengan amos sem - Analisis path Amos sem

Tutorial amos sem . Saat ini banyak sekali penelitian  skripsi dengan metode sem amos . Nah bagi anda yang belum mengetahu i apa itu AMOS SEM dan bagaimana cara melakukan analisis dengan menggunakan amos sem. Structural Equation Modeling ( SEM ) merupakan alat statistik yang gunakan untuk menyelesaikan suatu model bertingkat secara serempak yang tidak dapat diselesaikan atau dilakukan dengan persamaan regresi linear. Sedangkan SEM sendiri merupakan sebuah teknik pemodelan statistik yang saat ini semakin populer digunakan secara luas diberbagai lingkup ilmu pengetahuan, hal ini berbeda dengan metode statistik seperti parametrik, non parametrik maupun multivariate. Dikarenakan SEM melibatkan banyak perhitungan matematis yang sangat kompleks. Saat ini terdapat beberapa program aplikasi statistik yang digunakan untuk menyelesaikan SEM dan salah satunya adalah Analysis Moment of Structural ( AMOS ). tutorial amos sem dalam tahapan-tahapan dalam melakukan analsis sem dengan menggunaka...
Selengkapnya »