Showing posts with label blogspot. Show all posts
Showing posts with label blogspot. Show all posts
Monday, January 30, 2017
Membuat Daftar Isi Blog di Blogspot
Membuat Daftar Isi Blog di Blogspot
Hello netters kali ini neTasik akan memberi Tutorial/Belajar Membuat Daftar Isi Blog di Blogspot.
contoh Daftar isi:
Kode Script Daftar Isi Blogspot:
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"><script src="http://netasik.xtgem.com/bwget/daftarisi/di.js"></script><script src="http://netasik.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
*Yang dikasih warna merah ganti dengan nama blogspot kalian.
Cara Menggunakan Script:
1. Buka laman / pages, lalu bikin laman baru/ New Pages
2. Isi bagian 1 dengan Judul Laman / Pagesnya | bagian 2 pastikan di mode HTML | Bagian 3 disini pastekan kode yang diatas.
3. Setelah itu publikasikan.
tags: Membuat Daftar Isi di Blogspot | Daftar isi Blogspot | Script Daftar Isi Blog | Kode HTML Daftar Isi untuk Blogspot
Available link for download
.png)
Saturday, January 28, 2017
Membuat Tombol Klik Show di Blogspot
Membuat Tombol Klik Show di Blogspot
Hello netters, sekarang neTasik akan membuat Tutorial "Membuat Tombol Klik Show di Blogspot".
Berikut contoh Klik show:
Sebelum di Klik:
Sesudah di Klik:
Kode Script:
<div><div style="margin-bottom: 2px;"><b><small>Klik LIHAT untuk melihat Konten</small></b>
<input value="Lihat" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display != ) { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = ; this.innerText = ; this.value = Hide; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Show; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">Konten Disini</div></div></div>
*Keterangan
+Edit yang diberi warna merah dengan konten yang diinginkan.
Cara menggunakan:
Jika ingin digunakan di Laman ataupun Posting Pastikan kolom pengisian mode HTML
Tags: Membuat Tombol Klik Show di Blogspot | Membuat tombol klik show | Klik Show
Available link for download
Wednesday, January 25, 2017
Memasang Logo Di Header Blogspot
Memasang Logo Di Header Blogspot
Memasang Logo Di Header Blog - Untuk membuat atau mengganti titel/judul blog dengan logo atau gambar, saya akan menggunakan Edit HTML di dalam template blogger/blogspot. Tidak terlalu sulit untuk merubah titel blog sebuah logo atau gambar dan yang terpenting anda harus membuat dahulu logo atau gambar dengan ukuran yang sesuai dengan tempat / ruang untuk logo di header blog anda, membuatnya bisa menggunakan photoshop atau program lainnya.
Mengganti Judul/Titel Blog Dengan Logo / Gambar
1. Login ke Blogger.com
2. Pilih Templates
3. Pilih Edit HTML => Lanjutkan
4. Cari kode seperti dibawah ini
<h1 class=title><b:include name=title/></h1> <b:else/> <p class=title><b:include name=title/></p> </b:if> </div> <b:include name=description/>
5. Lalu hapus semua kode diatas dan ganti dengan kode dibawah ini
<h1 class=logo><a rel=nofollow expr_href=data:blog.homepageUrl><img expr_alt=data:blog.title expr_title=data:blog.title src=http://4.bp.blogspot.com/--lRRxap6DKM/UKCSkPXVLCI/AAAAAAAALNw/0mlYLIno7xA/s1600/logo.jpg border=0/></a></h1> <b:else/> <p class=logo><a rel=nofollow expr_href=data:blog.homepageUrl><img expr_alt=data:blog.title expr_title=data:blog.title src=http://4.bp.blogspot.com/--lRRxap6DKM/UKCSkPXVLCI/AAAAAAAALNw/0mlYLIno7xA/s1600/logo.jpg border=0/></a></p> </b:if> </div>
Keterangan :
Ganti kode yang berwarna merah dengan URL Logo / Gambar yang sudah anda buat
Sekian dahulu tutorial yang begitu singkat dan selamat mencoba untuk mengganti titel / judul blog dengan logo atau gambar, happy blogging.
Available link for download
Saturday, October 22, 2016
Membuat Daftar Isi Blog Menurut Abjad di Blogspot
Membuat Daftar Isi Blog Menurut Abjad di Blogspot
Hello netters sebelumnya neTasik sudah memberika tutorial Membuat Daftar Isi Blog di Blogspot. Kali ini neTasik akan memberikan Tutorial "Membuat Daftar Isi Blog Menurut Abjad di Blogspot"
Contoh Daftar Isi:
Kode Script:
Klik Lihat untuk melihat.
Keterangan:
*ganti yang di beri tanda merah dengan yang di inginkan untuk normal jika tulisannya ingin biasa anda juga bisa menjadikan tebal ganti dengan bold , garis bawah dengan underland dan fungsional lainnya
*Untuk document.write(pComment); //to remove comment count delete this line bisa menghapusnya jika tidak ingin disampingnya terdapat jumlah komentar
*Ubah http://netasik.com dengan URL blog anda
Cara Menggunakan Script:
1. Buka Laman / Pages, lalu bikin Laman Baru/ New Pages
2. Isi bagian 1 dengan Judul Laman / Pagesnya | bagian 2 pastikan di mode HTML | Bagian 3 disini pastekan kode yang diatas.
3. Setelah itu publikasikan.
tags: Membuat Daftar Isi Blog Menurut Abjad di Blogspot | Daftar Isi Blogspot | Daftar Isi berdasarkan Abjad di Blogspot | Daftar isi Blogspot dengan Abjad
Available link for download
Subscribe to:
Posts (Atom)