Skip to main content

Tema Profil Gratis Untuk Pembeli Tema Di Kompi Ajaib

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'>
{
  &quot;@context&quot;: &quot;https://schema.org&quot;,
  &quot;@type&quot;: &quot;Person&quot;,
  &quot;name&quot;: &quot;YOUR_NAME&quot;,
  &quot;url&quot;: &quot;<data:blog.canonicalHomepageUrl/>&quot;,
  &quot;sameAs&quot;: [
    &quot;https://www.facebook.com/xxxxxxxxxx&quot;,
    &quot;https://instagram.com/xxxxxxxxxx&quot;,
    &quot;https://www.linkedin.com/in/xxxxxxxxxx&quot;,
    &quot;https://twitter.com/xxxxxxxxxx&quot;,
    &quot;https://www.pinterest.com/xxxxxxxxxx&quot;,
    &quot;https://www.youtube.com/xxxxxxxxxx&quot;
  ]
}
</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.

Berbagi itu peduli:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Untuk komentar out of topics silahkan masuk ke Forum Kompi Ajaib
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 KOMPI AJAIB