Download Template PINKTONG dan Cara Setup

Aspireblack - Baiklah saya pikir anda tertarik menggunakan template ini, buktinya anda mampir kehalaman ini. hehehe. semoga saja dengan menggunakan template ini blog kalian akan langsung di Approve oleh Adsense seperti yang saya alami dan juga sekali lagi ini bukan jadi patokan mutlak bahwa dengan menggunakan template ini blog kalian langsung di approve tapi setidaknya kalian mencoba saja siapa tau bisa langsung diterima.

Disini saya akan menjelaskan cara download nya beserta dengan cara setupnya....

1. Download Template

Pertama - tama silahkan Download templatenya Disini

2. Instal Template

1. Ekstrak templatenya dan Masuk ke dashboard blog kalian dan pergi ke menu Tema

2. Klik Pulihkan dan pilih Upload

3. Jika dalam proses upload mengalami kegagalan, maka cara yang kedua adalah kalian buka fle templatenya dengan Notepad dan salin semua kodenya.

4. masuk ke Tema dan pilih edit HTML, hapus semua kode yang ada di dalam dan pastekan semua kode yang tadi kalian copy ke dalamnya kemudian klik simpan. karena pada kasus tertentu kadang terjadi kegagalan dalam mengupload filenya

3. Cari lokasi kalian menyimpan file templatenya dan klik Open. Tunggu hingga selesai. template berhasil di instal.

3. Cara Setup

Nah ini bagian paling penting dari template ini, sebelum mengajukan lagi ke adsense, sebaiknya kalian perhatikan lagi kesiapan blog kalian, di bawah ini merupakan beberapa unsur penting yang menjadi pertimbangan Adsense dalam menyetujui blog kalian

1. About

2. Contact

3. Sitemap

4. Disclaimer

5. Privacy Policy

6. Terms and Condition

7. Terms of Service

8. Feed Burner (ini opsional sih karena sekarang blogger sudah menonaktifkan layanan ini, tp ada baiknya kalian coba saja membuatnya sebagai pelengkap fitur blog kalian)

Kemudian jika blog kalian memiliki beberapa niche, perhatikan setiap link/halaman yang menuju ke label kategori kalian...semuanya harus jelas jangan sampai ada broken link, jika terjadi demikian maka otomatis tidak akan di approve oleh adsense

Beberapa point di atas adalah menu yang paling penting untuk syarat daftar di adsense jadi pastikan kalian membuatnya sebelum daftar di adsense.

untuk cara membuatnya bisa kalian cari referensi di google karena saya tidak sempat membuatnya di karenakan semalam ada banyak sekali permintaan akan template ini jadi tutornya tidak sempat saya sertakan namun kalian bisa langsung cari aja di google.

Berikut beberapa tutorial jika ada elemen yang ingin kalian rubah.

1. Meta Tag

Untuk menambahkan Meta Tag bisa mengcopy kode ini :

<meta content='YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE' name='keywords'/>

2. Merubah Warna Background, Kolom Berlangganan, Label, Warna Link dan Tombol

Kalian cari kode warna 75539e dan silahkan kalian ganti sesuai dengan selera kalian masing - masing. untuk warna Header menggunakan warna Gradient, kalian bisa merubahnya secara manual pada kode #header

3. Lazy Load pada Gambar

Silahkan masuk pada mode html pada saat membuat postingan dan tambahkan lazy load, rubah src menjadi data-src kemudian tambahkan src baru dengan url png base.

contoh :

Sebelum :

Sesudah :

4. Komentar

Memasang Komentar Disqus

masuk ke mode html dan tekan ctrl+f dan cari kode "disqusmu" dan ganti dengan shortname disqus kalian. jika kalian ingin menyembunyikan komentar blogger, silahkan masuk ke menu Setelan > Postingan, Komentar dan Berbagi > Lokasi Komentar lalu pilih sembunyikan

Mengganti Komentar Disqus dengan Komentar Blogger

Masih di mode html dan cari kode ini :

<b:include data="post" name="disqus-comments"/>

Lalu rubah menjadi :

<b:include data="post" name="comments"/>

5. Kotak Berlangganan

Silahkan kalian cari kode uri=Pinktong lalu kalian ganti Pinktong dengan url feed burner kalian

6. Iklan

Kalian cari tulisan  nanti di bawahnya ada kode seperti ini :

<div class='testad' style='width:100%;height:200px;background:#eee'/>

Ganti kode tersebut dengan kode iklan adsense kalian. Jika iklan kalian masih baru, cari tulisan Async ubah menjadi async='' atau async='async' agar tidak terjadi error.

7. Memindahkan Gambar Di Atas judul Postingan

Untuk memindahkan gambar ke atas judul postingan silahkan masuk ke mode html dan cari gambar yang akan dipindahkan kemudian tambahkan id='desc'. contoh :

Namun jika kalian tidak membutuhkan fitur ini, silahkan hapus kode javascript ini agar tidak ada report error di google console

var newParent = document.getElementById('top-img');

var oldParent = document.getElementById('desc');

8. Tampilan Mobile

Masuk ke menu Tema dan pilih Setelan Seluler

Kemudian pilih Dekstop

Lalu klik Simpan

9. Kontak Whatsapp

Untuk mengganti nomor WA yang ada di bagian Footer silahkan cari NO-WAMU dan ganti dengan nomor wa kalian.

10. Box Rainbow Berlangganan

Untuk membuat custom Box Berlangganan seperti yang ada di blog saya, silahkan copy kode di bawah ini ke blog kalian. box rainbow ini memiliki efek animasi di tiap tepinya, ada efek pelangi yang akan mengelilinginya. simak tutornya:

Efek animasi box Subscribe

Masuk Ke mode html dan tambahkan kode berikut sebelum kode </head>

PEHATIAN : Jika klian tidak menemukan kode </head> itu karena di template ini kode scriptnya telah di pharse sehingga telah berubah, jadi jika ingin menemukan kode </head>, kalian bisa cari kode ini:

1. </head> berubah menjadi kode berikut </head>

2. </body> berubah menjadi kode berikut </body>

3. </style> berubah menjadi kode berikut ]]></b:skin>

<style type='text/css'>

/* Subscribe Box with Animation */

@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}

.rainbow{position:relative;z-index:0;overflow:hidden;padding:3px}.rainbow::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#2ecc71;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#2ecc71,#2ecc71),linear-gradient(#fbb300,#fbb300),linear-gradient(#e74c3c,#e74c3c),linear-gradient(#3498db,#3498db);animation:rotate 8s linear infinite}.rainbow::after{content:'';position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff}#HTML99{padding:0}#HTML99 h2{color:#222;padding:0}#HTML99 h2:before{display:none}.subscribe-wrapper{color:#222;line-height:20px;margin:0;padding:20px}.subscribe-form{clear:both;display:block;margin:10px auto;overflow:hidden}.subscribe-wrapper p{margin:0;font-size:14px}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#222;margin:0 0 18px;padding:12px;width:100%;border:1px solid rgba(0,0,0,0.1);outline:0;font-size:14px;text-indent:10px;line-height:20px;border-radius:3px;transition:all .6s}.subscribe-css-email-field:hover,.subscribe-css-email-field:focus{border-color:rgba(0,0,0,0.3)}.subscribe-css-button{background:#1181d1;color:#fff;cursor:pointer;font-weight:500;padding:7px;text-transform:none;width:100%;border:none;font-size:16px;border-radius:3px;transition:all .3s}.subscribe-css-button:hover{background:#2c699e}

</style>

kemudian save. Selanjutnya ke menu Tata Letak > Tambahkan Widget > HTML/Javascript

<div class="rainbow">

<div id="subscribe-css">

<div class="subscribe-wrapper">

<h2>Newsletter</h2>

<p>Jika anda ingin mendapatkan artikel gratis lainnya, silahkan subscribe lewat email.</p>

<div class="subscribe-form">

<input name="uri" type="hidden" value="XXXXX" />

<input name="loc" type="hidden" value="en_US" />

<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>

<input class="subscribe-css-button" title="" type="submit" value="Subscribe" />

</form>

</div>

</div></div></div>

Perhatikan di dalam kode tersebut ada kode XXXX, ganti semua kode tersebut dengan url feed burner kalian, jika kalian belum memiliki feedburner silahkan buat terlebih dahulu, tutornya cek di google ada banyak. kemudian Simpan

Selanjutnya kembali ke tema dan masuk ke mode html. Tema > Edit Html dan cari kode ini:

<div class="rainbow">

Ganti kode id widget dengan HTML99, misalkan kode id widget tersebut adalah HTML1 kemudian ganti ke HTML99. Klik simpan dan lihat hasilnya.

Untuk mengatur Navigasinya, Silahkan cek tutorialnya Disini

PERHATIAN

Sebelum mengcopy kode diatas untuk di masukan ke blog kalian, harap pastekan lebih dulu di Notepad agar kode script dari blog ini hilang, setelah di pastekan ke Notepad barulah kalian copy lagi dan terapkan/pastekan ke blog kalian. MAAF karena saya sudah tidak sempat menaruh kode scriptnya ke dalam Text Area karena terburu - buru karena saat pembuatan artikel ini sudah banyak sekali inbox yang masuk unutk menanyakan tutorialnya. wwkwkwkw

Lain - Lain

Pengaturan diatas tidak perlu kalian terapkan semua, gunakan saja apa yang kalian anggap perlu. demikian tutorial setup template Pinktong dan semoga bermanfaat.

Saran

Jika semuanya sudah di setup dan dirasa sudah cukup, sebaiknya Setelah menggunakan Template ini jangan langsung buru - buru di daftarkan ke adsense, tunggu minimal beberapa hari sambil mengecek apakah ada link yang rusak atau ada setingan yang salah, jika sudah benar semuanya barulah coba di daftarkan kembali.

3 komentar untuk "Download Template PINKTONG dan Cara Setup"

Dwi Wahyudi2 Juli 2021 pukul 12.53
Bro, kalau minta setingkan templatenya di blogspot saya bisa kah? Berapa biaya jasanya? Thanks...
BalasHapus
Balasan
Anonim28 Juli 2022 pukul 11.55
Kok ribet amat boz,
BalasHapus
Balasan

Tambahkan komentar

Berkomentarlah Yang Baik & Bijak. harap tidak memasukan Link Aktif