BREAKING NEWS
Loading...
Komunitas Blogger Indonesia

Sebuah komunitas yang mewadahi para blogger dari seluruh Indonesia.

"Kegiatan Positif"

Komunitas ini diisi oleh berbagai kegiatan positif dalam menjelang era digital 4.0.

Pelatihan

Kami sering mengadakan berbagai pelatihan-pelatihan, baik tatap muka maupun via online.

Pemberdayaan

Bagi Anggota yang berbakat dan aktif dalam komunikasi antar anggota akan mendapatkan pemberdayaan khusus.

Semuanya Belajar

Semua anggota dan pendiri terdiri dari kita yang masih dan akan terus belajar dari sesama.

Semangat Nasionalisme

Komunitas Blogger Indonesia memiliki misi memberdayakan SDM dan mempromosikan SDA yang ada di Indonesia.

Anggota Banyak

Anggota Resmi yang telah mendaftar merata dari ujung ke ujung pulau di Indonesia.

Menjalin kekerabatan

Menjalin kekerabatan sambil belajar antar Anggota di seluruh Indonesia.

Kabar Kami

Dunia Blogger

Tips Blogging

Tutorial Blogging

Anggota Resmi

Info Indonesia

Fakta

Kupas Tuntas Template Blogspot


BloggerIndonesia.net - Materi Kupas Tuntas Template Blogspot ini adalah materi presentasi seperti yang telah dipaparkan oleh Arizal Firmansyah (pendiri Komunitas Blogger Indonesia) pada Webinar 11 tahun KBI (Komunitas Blogger Indonesia) kemarin, Jum'at, 27 Mei 2022. Yuk, selamat belajar:

Template Blogspot

Template blog (blogger template) atau tema blog adalah desain tampilan blog berupa file ekstensi XML (Extensible Markup Language).

Kode-kode template blog Blogger (Blogspot) terdiri dari CSS (Cascading Style Sheets), HTML (Hypertext Markup Language), dan JavaScript (JS).
  • Kode CSS diawali dengan kode <b:skin> dan diakhiri dengan </b:skin>
  • Kode HTML dibungkus dengan tag <div> dan </div>. Kode JS dibungkus oleh kode <script> dan </script>
  • Kode JS dibungkus dengan <script> dan </script>

Analogi HTML, CSS, JS

HTML

HTML (Hypertext Markup Language) adalah bahasa (teks dan simbol) yang digunakan untuk membuat halaman website. Bahasa HTML akan diterjemahkan dan ditampilkan di layar komputer/gadget dalam sebuah halaman sehingga bisa dipahami pengguna internet.
Sejak ditemukan di tahun 1991 oleh Tim Berners-Lee, kini sejak tahun 2014, versi terbaru HTML ada di HTML-5.

Bagian HTML (Tag, Elemen, Atribut)

Tag adalah awalan dan akhiran dalam perintah HTML. Tag dibuat dengan kurung siku <...> dimana didalamnya berisi nama tag. Ada lebih dari 250 nama tag yang bisa digunakan, seperti <html>, <head>, <body>, <title>, <p>, dll.

Elemen adalah keseluruhan kode HTML mulai dari tag pembuka hingga penutup. Sebuah elemen HTML kadang dibuka dengan tanda <..> dan ditutup dengan tanda </…>, namun ada juga elemen yang merupakan satu bagian saja, seperti <..../>

Atribut adalah perintah tambahan dalam elemen HTML. Contohnya :<img src=”url-gambar.jpg” alt=”keterangan-gambar”/> Dalam elemen gambar tersebut memiliki tag “img” dan atribut “src” untuk memuat alamat sumber gambar, dan atribut “alt” untuk menampilkan keterangan gambar.

CSS

CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk mengatur tampilan website secara visual.
CSS tidak dapat dipisahkan dari HTML, apalagi dengan tuntutan tampilan website yang semakin menarik.
Contoh penerapan CSS, misalnya pada elemen “p” 
<style>
p {
   text-align: center;
   font-size: 18px;
   color: blue;
}
</style>

JavaScript

JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. 

Saat ini JavaScript tidak hanya digunakan di sisi client (browser) saja lho. Semenjak adanya Node.js JavaScript dapat digunakan di luar dari browser. Dengan begitu kamu bisa mengembangkan back-end (server), console, program desktop, mobile, IoT, game, dan lainnya menggunakan JavaScript.

Umumnya JavaScript berisi banyak logika dalam penulisannya agar berfungsi atau berjalan seperti yang diinginkan oleh pemrogramnya.

JavaScript dalam blogspot biasanya berada di berbagai fungsi yang dinamis, seperti untuk foto slide, atau yang ikut bergerak/berubah saat cursor digerakkan atau saat ada perintah klik.
Pada template blogspot JavaScript dibungkus dengan kode <script>..... </script>

Trik agar Template Responsive
Cari dan Ganti kode:
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size);  }

dengan kode:
.post-body img, .post-body .tr-caption-container { padding: 0; width:auto; max-width:100%; height:auto; }

Cari dan Ganti kode: <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if>
dengan:
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

Simpan kode berikut ini di atas kode </head>
<style>
@media only screen and (max-width:568px) 
{
.post{height:auto;width:100%!important;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important}
.main-inner .column-right-outer{width:100%!important;padding-
bottom:50px!important;padding-top:50px}
}
@media only screen and (max-width:800px){.main-inner .column-center-inner {padding: 0px;}
.main-inner .columns{padding-left:0;padding-right:310px;width:100%!important;position:relative;right:0!important}
.main-inner .column-right-outer{width:310px!important;margin-right:0!important;position:relative;right:10px!important}
.main-inner .column-right-outer{padding-top:50px!important;
padding-bottom 50px!important}
}
@media only screen and (max-width:1010px) 
{body .navbar {height: 0px !important;}
body{min-width:0!important;width:100%!important;padding:0!important}
.content{width:100%!important;min-width:0!important;overflow:hidden!important}
.header-outer{width:100%}
.fauxborder-left{width:100%!important}
html body .region-inner{min-width:0!important;max-width:100%!important;width:100%!important;padding-left:0}
.header-inner .section{margin:0;width:100%!important}
.footer-outer{width:100%!important}
.content-outer,.content-fauxcolumn-outer,.region-inner{min-width:0!important;max-width:100%!important}
#sidebar-right-1{width:100%!important}
.main-inner .column-right-outer{width:45%!important;margin-right:-310px;position:relative;right:10px!important}
.main-inner .columns{padding-left:0;padding-right:310px;width:70%!important;position:relative;right:20px!important}
#sidebar-right-1 a img{max-width:100%!important}
.post-body img, .post-body .tr-caption-container {max-width: 100%;height: auto;}
}
</style>

Ayo Ikuti! Webinar 11 tahun KBI "Kupas Tuntas Template Blogspot" 27 Mei 2022


BloggerIndonesia.net - Halo kawan-kawan para blogger dari seluruh Indonesia, yuk ikuti Webinar 11 tahun KBI yang akan diadakan pada hari Jum'at, 27 Mei 2022, jam 19.00 WIB sampai dengan 20.30 WIB.

Wah, pasti seru nih.. karena di event webinar kali ini akan diangkat tema "Kupas Tuntas Template Blogspot". Hal yang kadang masih awam bagi para blogger yang ingin mempermak agar blognya nampak keren dan tetap bersifat responsive dan SEO Friendly.

Dengan host seorang blogger perempuan asal Kebumen, Jawa Tengah, Umi Riadatul M, dan pembicara Arizal Firmansyah, pendiri Komunitas Blogger Indonesia dan juga seorang blogger dari Malang, Jawa Timur, akan membuat acara ini semakin ditunggu-tunggu oleh banyak blogger.

Acara Webinar 11 tahun KBI akan disiarkan langsung di aplikasi Zoom Meetings dan channel youtube Komunitas Blogger Indonesia.

Agar tidak ketinggalan acara yang sangat seru ini, dan agar bisa menjadi peserta Zoom Meetings,  langsung daftar yuk dengan menghubungi nomor whatsapp : 085-1090-69-001

Ulang Tahun ke-11 Komunitas Blogger Indonesia "11 tahun Berkarya Bersama untuk Indonesia"


BloggerIndonesia.net - Moment ulang tahun ke-11 Komunitas Blogger Indonesia yang mengangkat tema "11 tahun Berkarya Bersama untuk Indonesia" kali ini akan terasa lebih istimewa, karena akan ada peringatan dan do'a bersama secara online yang dikemas di kegiatan "Webinar 11 tahun KBI".

Seperti yang diketahui, Komunitas Blogger Indonesia adalah komunitas para blogger dari seluruh Indonesia yang didirikan oleh Arizal Firmansyah pada tanggal 27 Mei 2011. Di tahun 2022 ini genap 11 tahun komunitas ini berdiri, dan berhasil mengumpulkan sekian banyak blogger dari seluruh Indonesia untuk saling berkomunikasi, saling mengenal, dan saling bertukar ide, pendapat, dan gagasan.

Hingga kini, seperti yang telah tertera di kategori Anggota pada website ini, anggota resmi Komunitas Blogger Indonesia telah sebanyak ratusan orang blogger, dan kami telah berkomunikasi secara intens di grup WhatsApp resmi hingga saat ini.

Bagi Anda yang tertarik bergabung bersama kami langsung daftar secara gratis untuk mendapatkan pengalaman seru dan banyak wawasan seputar dunia blogging.

Semoga Komunitas Blogger Indonesia selalu bisa membawa manfaat dan bisa menjadi wadah komunikasi dan silaturahim antar anggota yang terus bergerak ke arah positif untuk selamanya. Amin..

Ayo ikuti BlogVerse 4.0: Kreatif Menjadi Content Creator dan Blogger di Era Digital Menjadi Cuan


BloggerIndonesia.net - Halo kawan-kawan Blogger dari seluruh Indonesia, Ayo ikuti BlogVerse 4.0 yang kali ini akan mengangkat tema "Kreatif Menjadi Content Creator dan Blogger di Era Digital Menjadi Cuan" dengan pemateri Naqiyyah Syam (Founder Tapis Blogger) dan Eni Martini (Ketua Connecting Mama).

Acara ini akan diselenggarakan pada hari Selasa, 31 Mei 2022, dari jam 19.00 - 20.30 WIB. Live via aplikasi Zoom Meetings.

Langsung daftar ya Gaess : bit.ly/BlogVerse4

Blog Kenapa Ya? oleh Arief Riyanto, Karawang, Jawa Barat


BloggerIndonesia.net - Blog Kenapa Ya? adalah blog seputar parenting atau pengasuhan anak. Blog ini karya Arief Riyanto dari Karawang, Jawa Barat. Diharapkan dengan membaca blog ini, wawasan kita jadi berkembang terutama seputar parenting atau pengasuhan anak yang sangat penting bagi para orang tua atau para pengasuh anak. Yuk berkunjung : kenapaya.id
 
Arief Riyanto

Blog Omah Sipil oleh Jamil Anhar, Kabumen, Jawa Tengah


BloggerIndonesia.net - Blog Omah Sipil adalah blog yang membahas seputar ilmu teknik yang mempelajari tentang bagaimana merancang/ merencanakan, membangun, merenovasi tidak hanya gedung dan infrastruktur, tetapi juga mencakup lingkungan untuk kemaslahatan hidup manusia.

Blog ini dibuat oleh Jamil Anhar dari Kebumen, Jawa Tengah. Yuk berkunjung : www.omahsipil.com

Jamil Anhar

Blog Berbagi Berita Cerita dan Informasi oleh Wahyu, Banjar, Kalimantan Selatan


BloggerIndonesia.net - Blog Berbagi Berita Cerita dan Informasi ini karya Wahyu dari Kecamatan Martapura, Kabupaten Banjar, Kalimantan Selatan. 

Sesuai formulir pendaftaran yang dikirim, blog ini berisi artikel seputar berita, cerita, informasi dan wawasan serta membagikan pengalaman apapun yang telah dialami oleh penulis.

Langsung saja kunjungi : beritaceritadaninformasi.blogspot.com

Wahyu

Blog Dunia Ummi oleh Ambar Kurniasih, Jakarta Selatan, DKI Jakarta


BloggerIndonesia.net - Blog karya Ambar Kurniasih dari Jagakarya, Jakarta Selatan, DKI Jakarta ini berjudul Dunia Ummi. Blog dengan nuansa biru laut ini berisi artikel seputar tips jualan online dan seputar dropship. Ayo berkunjung : www.ummilazeta.com

Ambar Kurniasih

Blog Coretan Rea Wirata oleh Eurorea Panjaitan, Kab. Toba, Sumatera Utara


BloggerIndonesia.net - Blog berjudul Coretan Rea Wirata ini karya Eurorea Panjaitan yang berasal dari Kecamatan Pintu Pohan Meranti, Kabupaten Toba, Provinsi Sumatera Utara.

Blog ini berisi tentang berbagai karya sastra seperti artikel, cerpen, dan puisi. Yuk langsung simak : coretanreawirata.blogspot.com

Eurorea Panjaitan

Blog Satsuma Biru oleh Arinal Haq Izzawati Nurrahma, Klaten, Jawa Tengah


BloggerIndonesia.net - Sebuah blog yang berjudul Satsuma Biru karya Arinal Haq Izzawati Nurrahma dari Poloharjo, Sobayan Pedan, Klaten, Jawa Tengah ini adalah blog yang membahas seputar dunia traveling. 

Blog ini dengan nuansa putih dan abu-abu dengan teks warna hitam ini cukup nyaman dikunjungi dengan berbagai informasi traveling yang sayang untuk ditinggalkan. Yuk kunjungi : www.satsumabiru.art

Arinal Haq Izzawati Nurrahma

Top