Ditulis oleh: Ditulis pada: 2/23/2020
Tema Profil Gratis Untuk Pembeli Tema Di Kompi Ajaib - Iseng-iseng saya membuat tema profil yang bisa digunakan untuk halaman About Blog yang biasanya halaman tersebut dibuat di laman static blog.
Dengan tema profil ini, maka halaman About Blog menjadi lebih bergaya karena di situ saya cantumkan foto admin beserta link profil sosmed.
Di halaman ini pula Anda bisa menceritakan mengenai blog yang Anda kelola tersebut. Namun tema ini juga bisa digunakan sebagai blog mandiri dan khusus untuk profil Anda saja atau untuk blog About Me, sehingga lebih mudah dalam menunjukan profil kita ke orang lain.
Dan tema profil ini saya bagikan secara gratis untuk semua pembeli tema di Kompi Ajaib. Nah jika Anda sudah membeli tema di Kompi Ajaib dan ingin menggunakan tema profil ini, silahkan japri via Kontak Kompi Ajaib dengan menyebutkan tema yang sudah dibeli beserta email yang dipakai untuk membeli tema.
Sebagai demonya Anda bisa cek pada menu Tentang, atau pada link berikut ini.
Panduan kustomisasi tema
Silahkan buat blog baru khusus untuk About Blog, kemudian silahkan ganti kode temanya di edit HTML dengan kode tema profil. Pada blog ini Anda bisa juga menggunakan sub domain dari blog Anda seperti punya saya tadi. Untuk membuat sub domain ikuti link berikut: Membuat Sub Domain.
Jika ingin mengganti gambar background header, silahkan ganti URL background pada CSS berikut:
.header-wrapper{margin:0;padding:0;width:100%;height:400px;position:relative;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib0zeqOPEiTlXP3DS-RDv9vyJc9C2lfndX-GHZjyfa2ndHJF1rZHHtr-EowaALhGwBlbLEbqBiJjlrTsH0lA1SwTZIY3QBbquj5LlDe1oD-nqQL5nYsiSnIH39fl7MPcloNTplZtR900y6/s1600/daylight.jpg);background-repeat:no-repeat;background-position:center;background-size:auto}Silahkan ganti nama dengan nama Anda di kode berikut:
<h2 class='name'>Nama Admin</h2>Kemudian silahkan sesuaikan URL-URL profil sosmed di bagian bawah kode berikut:
<ul class='social-profile'>Kemudian silahkan ganti juga kalimat-kalimat mengenai blog Anda di bawah kode berikut, silahkan ikuti contoh yang sudah ada:
<h3 class='story'>Sekelumit Cerita</h3>Sesuaikan juga URL profil sosmed pada kode berikut:
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "Person",
"name": "YOUR_NAME",
"url": "<data:blog.canonicalHomepageUrl/>",
"sameAs": [
"https://www.facebook.com/xxxxxxxxxx",
"https://instagram.com/xxxxxxxxxx",
"https://www.linkedin.com/in/xxxxxxxxxx",
"https://twitter.com/xxxxxxxxxx",
"https://www.pinterest.com/xxxxxxxxxx",
"https://www.youtube.com/xxxxxxxxxx"
]
}
</script>Ganti URL pada link Back to Home dengan URL blog utama Anda pada kode berikut:
<a class='backtohome' href='https://www.kompiajaib.com/' title='Back to Home'><svg height='24' viewBox='0 0 24 24' width='24'><path d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' fill='currentColor'/></svg> Back to Home</a>Kemudian buat foto persegi dengan ukuran 500x500, lalu silahkan masuk ke tata letak dan silahkan upload foto Anda di widget Header, dan pilih Instead of title and description. Isi juga kolom Blog Description dengan kalimat singkat yang nantinya akan tampil sebagai deskripsi Anda di bawah nama Anda.
Kemudian silahkan balik lagi ke edit HTML, lalu silahkan ganti HTTP pada URL foto menjadi HTTPS pada kode berikut:
<b:widget-setting name='displayUrl'>Selesai.