Kode Template Animasi Blogger

Warkasa1919

Warkasa1919.com

Ruang berbagi dan informasi

Social Media

Cara Memasang Template Animasi Di Postingan Blog

Untuk menggunakan Template Animasi ini di postingan, Anda mengcopas kode dibawah ini dan meletakannya pada mode HTML di postingan.

Silahkan copas kode nya dan letakan pada mode HTML postingan
Silahkan buka postingan kalian
Pergi ke Mode Html
Silahkan Copy Script
Pastekan di kolom mode HTML tersebut
Kembali ke Mode Compose
Lihat hasilnya

<div class="separator" style="clear: both;"><a href="url gambar" style="display: block; padding: 1em 0px; text-align: center;"><img alt="Imajinasi Tanpa Batas" border="0" data-original-height="1080" data-original-width="1080" height="320" src=" url gambar " title="Judul-namablog.com" width="320" /></a></div> <style type="text/css"> <script> /*<![CDATA[*/ // javascript by warkasa1919.com var sharedFreeBy = 'www.warkasa1919.com'; // Credit jika di hapus script tidak dapat berfungsi <style> /* partner page by 1919 code ubah warna cari kode #4682B4 */ .wc-pt-usr img{position:absolute;width:85px;border-radius:30px 30px 5px;top:15px} .wc-pt-usr{position:relative;padding:15px;padding-bottom:0;border-radius:30px 0 30px;;background-color:#fefefe;box-shadow:0 2px 12px -2px rgb(0 0 0 / 12%);border:1px solid #ddd;margin-top:25px} .wc-pt-usr h2{margin-left:100px;margin-top:5px;font-size:16px;color:#969696} .wc-pt-usr h2:before{content:attr(aria-label);position:absolute;margin-top:25px;font-size:12px;font-style:italic;color:#4682B4} .wc-pt-usr p{font-size:12px;color:#48525c;line-height:1.3em} .wc-pt-usr .wc-pt-kt{margin-left:60px;display:flex;list-style:none;font-size:10px;color:#48525c;} .wc-pt-usr .wc-pt-kt li{margin-right:10px;margin-top:10px;border-radius:3px;border:1px solid #ddd;padding:5px;line-height:1.5em;white-space:nowrap;} .wc-pt-usr a{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#4682B4} .wc-pt-usr a:before{content:attr(aria-label)} .wc-pt-usr a svg{height:18px;margin:5px;stroke:#4682B4!important;fill:none!important} .wc-ptpop-wrap,.wc-ptsypop-wrap{position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999999;opacity:0;visibility:hidden;transition:all 0.3s ease} .wc-ptpop-wrap.aktif,.wc-ptsypop-wrap.aktif{opacity:1;visibility:visible} .wc-ptpop-wrap .wc-ptstr-pop h2,.wc-ptsypop-wrap .wc-ptsy-pop h2{font-size:16px;color:#969696;text-align:center} a.wc-ptpop-btn{display:flex;align-items:center;justify-content:center;padding:15px;outline:0;border:0; border-radius:3px;line-height:1em; color:#fff;background-color:#4682B4;font-size:14px;font-weight:bold;white-space:nowrap;overflow:hidden;width:96;margin:30px 10px} .wc-ptpop-cls{position:absolute;top:15px;right:15px;width:30px;height:30px;background-color:#f3f3f3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z' fill='%23878787'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:25px;background-position:center;cursor:pointer;border-radius:50%;z-index:10} .wc-btnpt-wrap{display:flex;justify-content:center;margin:20px 0 0} .wc-ptstr-pop,.wc-ptsy-pop{position:relative;top:50%;left:50%;padding:20px;display:inline-block;background-color:#fefefe;flex-direction:column;width:100%;max-width:800px;max-height:calc(100% - 40px);border-radius:5px;transform: translate(-50% , -50%) scale(0.97);overflow:auto} .wc-pt-inp{position:relative;margin:20px auto;} .wc-pt-inp input[type=text]{font-size:15px;padding:15px 0 15px 12px;display:block;width:100%;border:1px solid #ddd;border-radius:5px;background-color:#fefefe} .wc-pt-inp input[type=text]:focus,.wc-pt-inp input[type=text]:hover{outline:none;border-color:#4682B4!important;background-color:#fefefe} .wc-pt-inp input[type=text]::-webkit-input-placeholder{color:#a5a5a5;font-size:12px} .wc-pt-inp label{color:#999;border-radius:20px;font-size:14px;font-weight:500;position:absolute;pointer-events:none;left:15px;top:15px;transition:.2s ease all} .wc-pt-inp input[type=text]:valid~label{top:-25px!important;font-size:13px;color:#4682B4;font-weight:700;padding:1px 7px;margin:10px 0 0 -5px;background-color:#fefefe} /* sembunyikan label k4 dan seterusnya hanya pada layar 600px ke bawah */ @media screen and (max-width: 600px){.wc-pt-kt li:nth-child(n+4){display:none}} /* sembunyikan label k7 dan seterusnya hanya pada layar 800px ke bawah */ @media screen and (max-width: 800px){.wc-pt-kt li:nth-child(n+7){display:none}} /* CSS darkmode sesuaikan class ( .drK ) dengan template yang kalian gunakan agar dapat berfungsi */ .drK .wc-pt-usr,.drK .wc-ptsy-pop,.drK .wc-ptpop-cls,.drK .wc-ptstr-pop,.drK .wc-pt-inp input[type=text]:valid~label,.drK .wc-pt-inp input[type=text]:focus,.drK .wc-pt-inp input[type=text]:hover{background-color:#2d2d30} .drK .wc-pt-usr p,.drK .wc-pt-usr h2,.drK .wc-pt-kt,.drK .wc-ptsy-pop p,.drK .wc-ptsy-pop h2,.drK .wc-ptstr-pop p,.drK .wc-ptstr-pop h2{color:#fefefe} .drK .wc-pt-usr,.drK .wc-pt-kt li{border-color:rgba(255,255,255,.1)} </style> <p></p>   <br /><div class="wc-pt-usr"><p style="text-align: left;"><span style="font-family: times; font-size: small;"><span> </span></span></p><br /><p style="text-align: left;"><span style="font-family: times; font-size: small;"><span> </span></span></p><span style="font-family: times; font-size: small;"><p class="MsoNormal" style="margin-bottom: 0cm; mso-margin-top-alt: auto; text-align: left;"><span><span lang="EN-US" style="line-height: 115%; mso-fareast-font-family: "Times New Roman";"> </span></span></p></span><p style="text-align: left;"><span style="font-family: times; font-size: small;"><span> <html> <head> <meta content="width=device-width, initial-scale=1" name="viewport"></meta> <style> .parallax { /* The image used */ background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6VbY3drA7tQlZQ19IzYGO83m5wRVzsbAsRCdMh60_yqJGn68tUdmxkq5k3ANenIF-5L3FY53orx8679mgFlQlErN1oxqWE0Fwi6E80CF491uXQVSybIetfmCNzaoXok9nqWQg8MWLQewWrL2czxpg7ik4POlPxYlzA2J-DCIb2LRSLS9RNf8NZpxY-H0/s800/toba.jpg"); /* Set a specific height */ min-height:100px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } </style> </head> <body> <p><b><b>Judul</b></b></p> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> <div class="parallax"></div> <body> <body> <p>Isi Artikel.</p> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</span></p><p></p><p></p> <div class="parallax"></div> <body> <body> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel."</span></p><p></p><p></p> <div class="parallax"></div> <body> <body> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel </span></p><p></p><p></p> <div class="parallax"></div> <body> <body> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height:9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel </span></p><p></p><p></p> <div class="parallax"></div> <body> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;">Isi Artikel. </span></p><p></p><p></p> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <div style="background-color: aliceblue; font-size: 16px; height: 9000px;"> </p><p class="MsoNormal" style="text-align: left;"><span lang="IN" style="font-family: times; font-weight: normal;"> Isi Artikel.</p> <div class="parallax"></div> <div class="parallax"></div> <body> <body> <p><b></span></p><p class="MsoNormal" style="margin-bottom: 0cm; margin-top: 0cm; mso-add-space: auto; mso-margin-bottom-alt: 6.0pt; mso-margin-top-alt: 0cm; text-align: left; text-indent: 36pt;"><span lang="EN-US" style="font-family: times; font-size: small; line-height: 115%;"> </span></p><p class="MsoNormal" style="margin-bottom: 0cm; margin-top: 0cm; mso-add-space: auto; mso-margin-bottom-alt: 6.0pt; mso-margin-top-alt: 0cm; text-align: left; text-indent: 36pt;"><span lang="EN-US" style="font-family: times; font-size: small; line-height: 115%;"></span></p><div class="separator" style="clear: both; text-align: center;"><span lang="EN-US" style="font-family: times; font-size: small; line-height: 115%;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="#" width="320" youtube-src-id="XAi3VTSdTxU"></iframe></span></div><span lang="EN-US" style="font-family: times; font-size: small; line-height: 115%;"><br /> </span><p></p> <span style="font-size: small;"><span style="font-size: small;"><span style="font-family: verdana;"><br /><br /></span></span></span><span style="font-family: times; font-size: small;"><p class="MsoNormal" style="margin-bottom: 0cm; mso-margin-top-alt: auto; text-align: left;"></p></span><p style="text-align: left;"><span style="font-family: times; font-size: small;"><span> <span style="font-family: times; font-size: small;"></span> <span style="font-family: times; font-size: small;"></span> <p><span style="font-family: inherit;"><span style="font-size: small;"><span><span> <a aria-label=" " class="bgblue white ptb5 plr10 f18" href=" " style="background: rgb(0, 93, 164); color: white; margin: 0px; outline: 0px; padding: 5px 10px; text-decoration-line: none;">Kembali</a></span></span></span></span></p><div class="paging mb20" style="background-color: #ebebeb; color: seagreen; margin: 0px 0px 20px; overflow: hidden; padding: 5px;"><div class="pt10 pb5 plr10 ovh bggrey" style="background-color: #eeeeee; margin: 0px; overflow: hidden; padding: 10px 10px 5px;"><div class="pr5 pt7 fbo2 grey2 fl f14" style="color: steelblue; float: left; font-weight: 600; margin: 0px; padding: 7px 5px 0px 0px;"><span style="font-family: inherit;"><span style="font-size: small;"><span>Halaman</span></span></span></div><span style="font-family: inherit;"><span style="font-size: small;"><span><a aria-label=" " class="white bgblue" href="url tujuan" id="pagecurrent" style="background: rgb(1, 111, 186); border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; color: white; float: left; font-weight: 700; margin-bottom: 5px; margin-left: 1px !important; margin-right: 5px; margin-top: 0px; margin: 0px 5px 5px 1px; outline: 0px; padding: 6px 15px; text-decoration-line: none;">1</a></span></span></span></div></div><span style="font-family: inherit;"><span style="font-size: small;"><span>

CARA PENGGUNAAN

Silahkan ganti url gambar dengan url gambar artikel anda. Cara mengambil url gambar bisa lihat di sini.
Silahkan ganti Judul-namablog.com dengan judul artikel dan nama website/blog Anda Silahkan ganti url gambar dengan url gambar artikel anda
Silahkan ganti Judul dengan judul artikel anda
Silahkan ganti isi artikel dengan isi artikel anda
Silahkan ganti angka 600 pada kode height:6000px;"> dengan angka sesuai kebutuhan Anda, semakin Panjang artikel yang akan Anda tayangkan maka angka nya harus semakin tinggi.
Silahkan ganti <iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/iGFbwCznMjY?si=0VwdDacQzOo4QPq4" width="320" youtube-src-id="XAi3VTSdTxU"></iframe> dengan frame video youtube yang ingin Anda tayangkan di artikel anda. Cara mengambil frame video youtube bisa lihat di sini.

FAQ JASA

Cara Upload Gambar di Blogger untuk Disalin URL Gambarnya

Berikut langkah-langkahnya:

1. Login ke “Blogger” > Klik “Entri baru“

2. Klik icon “Insert image” > Upload dari komputer

Klik Pilih file untuk upload gambar dari komputer:

3. Silahkan disesuaikan ukuran gambar menjadi “Besar” atau “Ukuran asli” sesuai kebutuhan, jika untuk ikon sebaiknya ukuran “Kecil”

4. Klik kanan pada gambar yang sudah diupload dan klik “Copy image address“

5. Selanjutnya simpan URL gambar tersebut untuk digunakan di postingan dll.

Sumber : https://sugeng.id/panduan/cara-upload-gambar-di-blogger/

Cara Posting Artikel di Blog untuk Pemula

Untuk cara memposting artikel di blog saja, caranya cukup mudah. Berikut ini Cara Posting Artikel di Blog untuk Pemula:

Pertama login ke Blogger
Pada Dashboard Blogger pilih menu Postingan > + Postingan Baru
Buat Judul Posting artikel yang sesuai dengan topik pembahasan Anda
Tulis isi posting sesuai dengan judul
Buat Label Postingan
Sesuaikan Permalink yang akurat
Input penelusuran Lokasi apabila diperlukan
Masukkan Deskripsi Penelusuran sesuai dengan poin penting yang ditulis
Izinkan Opsi Komentar Pembaca
Untuk Tag Robot Kustom bisa Anda sesuaikan sendiri. Tapi bagi Anda yang masih pemula pilih setelan default saja.
Sebelum mempublikasikan postingan artikel, periksa kembali kesalahan ketik (typo) agar tidak ada kesalahan penulisan
Setelah semua selesai klik Publikasikan
Selesai.

Klik tombol Share pada video YouTube yang akan ditambahkan ke postingan.

Pilih opsi Embed pada popup yang muncul.

Selanjutnya, Anda bisa mengatur tinggi dan lebar frame video yang akan ditampilkan dengan mengedit shortcode yang tersedia. Untuk bisa mengatur ukuran embed video YouTube, sesuaikan saja angka setelah width (lebar) dan height (tinggi) yang ada pada shortcode.
Cara memasukkan video ke WordPress yang satu ini juga memungkinkan Anda mengatur waktu video yang akan di-embed. Di bawah kolom shortcode iframe, terdapat kolom Start at yang bisa Anda checklist.
Jika sudah selesai melakukan konfigurasi, klik tombol Copy yang ada di pojok kanan bawah popup.

Tambahkan paragraf baru pada post yang akan Anda sematkan video. Lalu, paste shortcode iframe.

Sumber : https://www.niagahoster.co.id/blog/cara-embed-video-youtube/

Cara Mendapatkan Template Animasi

Untuk memiliki Template Animasi Blogger, Anda harus memiliki key yang dapat digunakan untuk download template. Setiap 1 key Template Animasi bisa dipakai untuk semua jenis Blog. Untuk proses pembelian dan harga key Template Animasi tertera di keterangan di bawah.

Anda dapat men-transfer pembayaran lewat daftar rekening dan sesuai harga yang tertera di bawah ini.
Setelah transfer, anda harus mengirimkan konfirmasi pembayaran ke nomor WA : 0822-8899-4110, dengan menyertakan nama, tanggal pembayaran dan sebaiknya disertakan bukti transfernya (baik berupa sms/mobile banking, scan/foto slip pembayaran, atau informasi lengkap tentang pembayaran).
Setelah mengirim konfirmasi lewat Whatsapp, anda dapat menunggu key yang akan kami kirimkan Whatsapp anda, kami usahakan dalam 1x24 jam konfirmasi anda akan kami balas
Pertanyaan lebih lanjut bisa kontak Customer Service kami Call/SMS/WA : 0822-8899-4110

DAFTAR HARGA TEMPLATE ANIMASI DAN TEMPLATE POSTINGAN ARTIKEL PREMIUM :

Jumlah Key

Harga

1 key untuk template Animasi Blogger

Rp 20.000

1 key untuk template Artikel Premium Blogger

Rp 50.000

Ketentuan Umum
Dengan memakai template animasi ini berarti Anda setuju untuk terikat dan patuh pada syarat dan ketentuan yang berlaku.
Syarat dan ketentuan ini dapat berubah sewaktu-waktu dan Kami tidak berkewajiban untuk memberitahukannya kepada Anda.
Syarat dan ketentuan ini dibuat untuk kepentingan bersama, untuk menjaga hak dan kewajiban masing-masing pihak, dan tidak dimaksudkan untuk merugikan salah satu pihak.

Dukungan

Pelayanan support hanya melalui WhatsApp
Support hanya berlaku dengan syarat dan ketentuan
Tidak ada jaminan support gratis akan selalui diberikan. Namun begitu, Anda tidak perlu khawatir. Selama Kami masih online, setiap chatt yang masuk akan selalu diusahakan untuk dibalas.

Pemesanan dan Pembatalan

Semua yang sudah dipesan/beli tidak bisa dikembalikan untuk alasan apapun.

Pembayaran

Mata uang yang dipakai untuk pembayaran adalah Rupiah (IDR).
Pembayaran bisa melalui ATM, internet banking, mobile banking, setoran tunai, maupun transfer antarbank ke rekening bank yang telah kami informasikan kepada Anda.
Pembayaran dianggap lunas jika uang telah kami terima sesuai dengan jumlah yang harus dibayarkan. Segera lakukan konfirmasi kepada kami melalui fitur Konfirmasi Pembayaran yang tersedia di Warkasa1919.com atau melalui telepon/WA/email.
Kirim bukti transfer pembayaran dan informasi pemesanan ke WhatsApp

Payment
Accepted Cards

©2023 - Warkasa1919. All rights reserved