Teman

Cara Membuat Kotak Permalink Di Bawah Postingan Blog


Senin, 20 Juni 2016

Jika sobat tertarik untuk membuat dan memasang permalink di blog sobat, silahkan ikuti langkah-langkahnya sebagai berikut:
1. Silahkan sobat >> Login/Masuk >> ke Blogger.com menggunakan akun sobat.
2. Pada Dasbor tampilan Blogger baru, klik pilihan Menu >> Template.

Keterangan:
  • Lingkaran No 1 adalah Tombol Menu pada dasbor blog.
  • Lingkaran No 2 adalah Pilihan Menu pada dasbor blog.
3. Setelah sobat masuk pada Template, klik >> Edit HTML.
4. Langkah selanjutnya sobat cari kode ]]></b:skin> (Gunakan CTRL + F pada keyboard sobat, untuk mempermudah pencarian).
5. Setelah ketemu, silahkan sobat copy dan paste semua kode dibawah ini tepat sebelum atau diatas kode ]]></b:skin>
.permalink {border: 1px dotted #EFF0F1; padding: 5px; background: #AAFFA0;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
Catatan:
  • AAFFA0 adalah Warna Background Permalink, silahkan sobat ganti sesuai dengan keinginan sobat, Kode Warna yang lain bisa sobat lihat pada artikel Kode Warna HTML.
6. Masih dalam Edit HTML, langkah yang selanjutnya silahkan sobat cari lagi kode <data:post.body/> (Gunakan CTRL+F lagi pada keyboard sobat, untuk mempercepat pencarian).
7. Kemudian sobat copy dan paste semua kode dibawah ini tepat setelah atau dibawah kode <data:post.body/>

Bila pada blog sobat menggunakan READ MORE, maka taruh kodenya tepat setelah atau dibawah kode <data:post.body/> yang kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'> <center><small> <u>PERHATIAN:</u> Sobat sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan sobat bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya. By KUCOPAS Terima Kasih <img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/></small></center></div></b:if>
Keterangan:
  • Warna PINK adalah Bagian Kalimat yang akan keluar pada Permalink. Silahkan sobat ganti kata-katanya sesuai dengan keinginan sobat.
8. Setelah semua langkah-langkah diatas sudah sobat lakukan dengan benar, silahkan klik >> Preview (Pratinjau) terlebih dahulu, demi untuk menghindari kesalahan Error waktu Edit Template pada blog sobat.
9. Jika hasil dari Preview (Pratinjau) sudah seperti yang sobat inginkan, maka silahkan sobat klik SAVE (Simpan Template).
10. Selesai dan lihat hasilnya.

0 komentar:

© 2020 TUTORIAL · BebasBayar