Template Blogger Gratis SEO Friendly

TELITI SEBELUM MEMBELI

TELITI DAN CERMAT MEMBACA LINK UNTUK MENGHINDARI PENIPUAN.

LINK ABAL-ABAL :

AKUN INSTAGRAM :

SEBAIKNYA TANYAKAN KE CUSTOMER SERVICE APAKAH DANA MENERBITKAN KARTU FISIK.

ADA PULUHAN AKUN SERUPA MENAWARKAN DANA FISIK :

***

Baca selengkapnya

MEMBUAT TOMBOL WHATSAPP MELAYANG DI BLOGGER

copy HTML berikut di atas </body>

<a class='fixed-whatsapp' href='https://api.whatsapp.com/send?phone=

628xxxxxxxxxx' rel='nofollow noopener' target='_blank' title='Whatsapp' />

<6br>

tambahkan CSS di atas </style>

/*Tombol Chat WhatsApp*/
.fixed-whatsapp{position:fixed;bottom:20px;right:20px;width:50px;height:

50px;z-index:9999}
.fixed-whatsapp:before{content:"";background-repeat:no-repeat;background-size:

34px 34px;background-position:

center center;width:50px;height:50px;background-image:url

("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24'

width='32' height='32' xmlns='http://www.w3.org/2000/svg'

xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath

style='fill:%23ffffff' d='M16.75,13.96C17,14.09 17.16,14.16 17.21,

14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.

84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,

11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,

7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.

76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.

35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,

14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,

2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,

22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,

12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,

20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")

;background-color:

#00C853;position:absolute;top:0;left:0;border-radius:100%;box-shadow:0

1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)}

<6br>

jika ingin menambahkan teks di atas tombol, tambahkan CSS berikut:

.fixed-whatsapp:after{content:"Hallo kakak, silahkan chatt Whatsapp saya!";

width:100px;padding:5px 10px;position:absolute;bottom:100%;margin-bottom:

10px;right:-150px;text-align:right;color:#555;border:1px solid #dedede;

background:rgba(255,255,255,.5);border-radius:4px;opacity:0;transition:

all .4s ease-in-out;font-size:90%;line-height:1.1}

 .fixed-whatsapp:hover:after{opacity:1;right:0}

<6br>

terimakasih banyak bwat adityatekno.com

( + )

Baca selengkapnya

Membuat tombol di kiri, di tengah atau di kanan

Blog belajar HTML editing template blogspot untuk tampil maksimal. Template blog ini menggunakan bawaan blogspot tema "Soho".

membuat tombol dasar pasif.

<span style="background-color: green; border-radius: 40px; border: solid 3px #77e4ff; color: white; padding: 10px 15px;">
mencoba bikin tombol</span>

mencoba bikin tombol

Mendaftar akun demo

** membuat tombol aktif **

Mendaftar akun demo

membuat tulisan dalam blog kotak. untuk berbagai keperluan. sebagai contoh untuk menandai bagian yang penting. atau untuk menampilkan script HTML.

***

membuat tombol pindah ke halaman lain atau pindah merujuk ke situs lain.

tombol di kanan halaman.

<div style="text-align: right;">
<a href="https://www.maxcorps.space/" target="_blank"><span style="background-color: green; border-radius: 40px; border: solid 1px green; color: white; padding: 5px 10px;">Mendaftar akun demo</span></a></div>

Mendaftar akun demo

tombol center di tengah.

<div style="text-align: center;">
<a href="https://www.maxcorps.space/" target="_blank"><span style="background-color: green; border-radius: 40px; border: solid 1px green; color: white; padding: 5px 10px;">Mendaftar akun demo</span></a></div>

Mendaftar akun demo

tombol di kiri halaman.

<div style="text-align: left;">
<a href="https://www.maxcorps.space/" target="_blank"><span style="background-color: green; border-radius: 40px; border: solid 1px green; color: white; padding: 5px 10px;">Mendaftar akun demo</span></a>
</div>

Mendaftar akun demo

HTML dasar membuat texbox tanpa dan dengan border

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
.maxcorps space (ganti script di kotak blog ini)
</div>

<div style="background-color: red; border: 2px solid black; text-align: left;">
.maxcorps space</div>

Baca selengkapnya

Tutorial Ganti Gambar Slide di Blogspot

text

ganti gambar slide

Baca selengkapnya

Script Bagan Dasar Template SEO Friendly

text

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

<b:skin><![CDATA[
body {background-color: #cab894;background-position: center center;}
a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;}
a:hover {color: #4d4544;}
a {color: #3094db;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</body>

Baca selengkapnya

Contoh Templates sedang digarap

percobaan 1 trial and error

tampilannya masih kacau balau

percobaan 2: research and development

test speed dulu ya,...

adakah yang bisa bantu saya untuk pemecahan masalah percobaan 1. ?

HTML main atau content standard:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

<b:skin><![CDATA[
body {background-color: #cab894;background-position: center center;}
a:link {font-family: 'PT Serif Caption', serif; font-size: 15px; color:#3094db;}
a:hover {color: #4d4544;}
a {color: #3094db;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'></b:widget>
</b:section>
</body>
</HTML>

di halaman tata letak

baru ada "main" atau induk,

selanjutnya menambahkan

footer dan header.

saya tidak memasang sidebar.

Baca selengkapnya

CYBER SECURITY

🛍️ Bolu Gulung Havana

🛍️ Bolu Gulung Havana

💥 Bolu Gulung Mandarin

⚡ Roti Tawar Bandung

💸 Brownies Kukus Istimewa

💥 Bolu Gulung Mandarin

⚡ Roti Tawar Bandung

💸 Brownies Kukus Istimewa

Tentang Produk

🚀 Perusahaan Roti dan Kue Bandung

Pesan Kue atau Bolu

Deposit Wallet

Cara Pemesanan

🛍️ Bolu Gulung Havana

text

TELITI SEBELUM MEMBELI

MEMBUAT TOMBOL WHATSAPP MELAYANG DI BLOGGER

Membuat tombol di kiri, di tengah atau di kanan

Tutorial Ganti Gambar Slide di Blogspot

Script Bagan Dasar Template SEO Friendly

Contoh Templates sedang digarap

widget

CYBER SECURITY

Footer

Footer