CONTOH SITEMAP OTOMATIS DI BLOGGER / BLOGSPOT

Nah ini dia contoh sitemap blogger / blogspot sobat yang di buat dengan kode sitemap otomatis , jadi untuk menuliskan sitemat gak susah susah lagi yaa, karena sitemap di bogger bida di buat otomatis dan mudah

Read more »

CARA MEMBUAT SITEMAP OTOMATIS PADA BLOGGER

Daftar Isi atau yang sering kita sebut Sitemap pada umumnya kita gunakan sebagai petunjuk atau informasi sudah berapa banyak artikel yang selama ini sudah kita buat di dalam blog kita. Kadang kita merasa malas apabila kita harus membuat dan mengisi daftar isi tersebut secara manual setiap kali kita selesai meng update artikel. Maka dari itu kali ini saya akan berbagi informasi tentang bagaimana cara membuat daftar isi atau sitemap berdasarkan label secara otomatis mengisi sendiri setiap kita selesai membuat artikel. Berikut tutorialnya.

Pertama masuk dahulu ke dalam akun Blogger anda. Buka menu Posting atau Posts kemudian kita klik Entri Baru atau New Post. Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose. Lalu copy paste kan kode di bawah ini ke dalam halaman editor posting :

<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://www.katabijak.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti text yang berwarna merah diatas dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label dari blog katabijak.blogspot.com.

Namun misal anda menginginkan menggunakan fungsi scroll karena daftar isi dirasa sudah terlalu banyak dan terlalu banyak memakan tempat (memanjang ke bawah) maka bisa menambahkan kode berwarna biru di bawah ini.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script><script src="http://www.katabijak.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Jangan lupa untuk mengganti teks berwarna merah dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label menggunakan fungsi scroll dari blog katabijak.blogspot.com.

NIH  yang sudah jadi sitemap bloggernya yang di buat otomatis ... Sitemap linkmatic
Selamat mencoba dan Semoga Bermanfaat.

Read more »

BUAT SPOILER TULISAN PADA BLOG / WEB

Blog | Fungsi spoiler Pada Blog

Membuat Spoiler | Cara Membuat Spoiler pada Blog | Fungsi spoiler pada blog


Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar. Oke langsung Saja

"Letakan script dibawah ini pada postingan sobat"


=======================================

Spoiler: 55px

; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">

Letakkan kode script, HTML dan teks anda disini









=====================================


Keterangan :

1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Read more »

CARA MEMBUAT KODE HTML UNTUK BERTUKAR LINK

Informasi Bisnis Online

Cara Membuat Script/kode tukar link atau link exchange
atau blogroll di blog/Web


 

Bagi rekan netter, kini bertukar link juga bisa untuk meningkatkan page rank
blog/web anda. Terkadang kita merasa kesulitan untuk melakukan tukar link
tersebut karena anda harus copy/paste link blog dari blogger lain ke blog anda.

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda.

<a href="http://linkmatic.blogspot.com" target="_blank"><img border="0" alt="Tips, Triks AdSense, Tutorial Blog, Tutorial SEO, Download Template Blogger, cara membuat blog, daftar google adsense, bisnis internet, pusat bisnis online, pulsa murah" src=" http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif "/></a>

Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain
agar lebih mudah dalam bertukar link. Mereka tinggal copy/paste script blogroll tersebut sidebar blog mereka atau bisa juga ditempatkan kebagian lain pada blog. Anda bisa sesuaikan sesuai dengan kebutuhan tampilan blog anda.
Bagaiman cara membuat script tukar link? Nah, ini dia cara membuat script/kode tukar link atau link exchange atau blogroll di blog/web. Ikuti langkah-langkah berikut :

1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos, hingga muncul seperti pada gambar
    dibawah ini:

3. Pilih/klik logo yang anda suka
4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
    melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk mentukan ukuran logo, jika sudah selesai
    klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo
    selesai, seperti gambar dibawah ini.

6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk
    atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan
    tetapi anda diminta untuk register terlebih dahulu.
    sebaiknya pilih cara pertama saja Klik Download Image.

7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online
    atau penyimpanan online. Misalnya :
7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online
    atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum
    punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat
    banyak pilihan kode HTML yang tersedia, pilih pilihan paling bawah seperti contoh :
    http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif

8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget,
    HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke
    sidebar blog atau bisa juga dibuat posting khusus untuk bertukar link seperti ini.

Berikut Contoh Script yang yang bisa dipakai untuk menampilkan widget tukar link pada blog/web anda :

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

http://linkmatic.blogspot.com/
" target="_blank">Tips & Tutorial" src="http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif" border="0" />

<a href="</font><font color="#0000FF" size="2">http://linkmatic.blogspot.com</font><font color="#000000" size="2">" target="_blank"><img border="0" alt="</font><font color="#FF00FF" size="2">Tips, Triks AdSense, Tutorial Blog, Free Download E-Book, Bisnis Penghasil Dollar, cara buka Paypal/Alertpay, tips google adsense, bisnis internet, pusat bisnis online, pulsamurah</font><font color="#000000" size="2">" src=" </font><font color="#87A002" size="2"> http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif</font><font color="#000000" size="2"> "/></a>




Keterangan:
Ganti yang warna Biru dengan URL blog dan descripsi blog anda, Warna merah judul image anda sedangkan yang warna hijau ganti dengan URL logo/image tempat anda menyimpan image yang baru saja anda simpan di http://www.photobucket.com

Ketika dipasang di sidebar blogger/Website hasilnya akan terlihat seperti ini:

Mau Tukar Link? Copy/paste code HTML berikut ke blog anda.

<a href="http://linkmatic.blogspot.com" target="_blank"><img border="0" alt="Tips, Triks AdSense, Tutorial Blog, Free Download E-Book, Bisnis Penghasil Dollar, cara buka Paypal/Alertpay, tips google adsense, bisnis internet, pusat bisnis online, pulsamurah" src=" http://i653.photobucket.com/albums/uu258/k12tronik/k12tronik.gif "/></a>


9. Bagaimana Mau Mencoba? Salam Sukses.

Read more »

MEMBUAT WIDGET SEARCH / PENCARIAN KATA DI BLOG / WEB /BLOGGER

 Saya yakin temen-temen semua pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari. Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -&gt; Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -&gt; HTML/Java script


3. Masukkan kode dibawah ini kedalam kotak dan klik Save

ALAMAT URL BLOG

/search" style="display:inline;" method="get"&gt;
NAMA KOTAK


Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://creatingwebsite-maskolis.blogspot.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari &gt;artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.


Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut. Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.

Semoga bermanfaat

sumber : www.maskolis.com

Read more »

Cara Buat Kotak Scroll dengan HTML

Cara Membuat Kotak Scroll di Blog
Cara Membuat Kotak Scroll di Blog  - Kegunaan Kotak scroll adalah untuk menghemat tempat atau ruang penyimpanan pada blog seperti gambar, artikel pilihan, atau widget yang lainnya yang ingin menggunakkan kotak scroll agar menghemat ruang penyimpanan di blog, untuk cara membuat kotak scroll  tersebut silahkan sobat simak langkah di bawah ini.

Pertama Cara Membuat kotak scroll artikel pilihan dengan background yang biasa di simpan sidebar.
Kodenya seperti ini

1. simpan di sini Postingan yang ingin di tambahkan

Hasilnya seperti ini.

1. Cara Membuat Rating Bintang Rich Snippets
2. Membuat Kotak Pemasangan Iklan di Sidebar
3. Cara Membuat Komentar Facebook Berdampingan
4. Tutorial Cara Membuat Footer Tiga 3 Kolom Di Blogspot
5. Mengatasi Masalah Halaman Statis Karena Auto Readmore
6. Breadcrumbs Terindex Google
7. Memasang Fitur Reply Comments
8. Cara Membuat Recent Posts
9. Mengatur Jumlah Karakter Teks Readmore
10. Cara Membuat Contact Form
11. Cara Membuat Komentar Facebook Berdampingan Dengan Komentar Blog
12. Cara Membuat threaded Comment

Cara Membuat Kotak scroll gambar kodenya seperti ini.

Simpan gambar di sini sesuaikan ukuran gambar

Hasilnya seperti ini.

Demikian postingan saya Cara Membuat Kotak Scroll di blog, Cara Membuat kotak scroll dengan gambar, Cara membuat kotak scroll artikel pilihan semoga bermanfaat.

Read more »

membuat kode HTML UNTUK TUKAR LINK

Pada postingan kali ini saya akan membahas seputar tips blog lainnya. Hal ini karena banyak dari teman2 saya menanyakan kenapa tips blog-nya masih sedikit.
Pada tips blog yang akan dibahas ini akan dibahas cara Membuat Kotak Tukar Link. Tukar link atau dengan istilah kerennya Links Exchange adalah salah satu cara meningkatkan pagerank atau jumlah kunjungan ke blog kita.
Terkadang kita merasa kesulitan untuk melakukan tukar link tersebut karena anda harus copy/paste link blog dari blogger lain ke blog anda.
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

<a href=”http://supriatno.blogdetik.com” target=”_blank”><img border=”0″ alt=”Belajar Dengan Menulis” src=” <a href="http://images.cooltext.com/929532.gif" title="http://images.cooltext.com/929532.gif" target="_blank">http://images.cooltext.com/929532.gif</a> ”
Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain agar lebih mudah dalam bertukar link. Mereka tinggal copy/paste script blogroll tersebut sidebar blog mereka atau bisa juga ditempatkan kebagian lain pada blog. Anda bisa sesuaikan sesuai dengan kebutuhan tampilan blog anda.
Bagaiman cara membuat script tukar link? Nah, ini dia cara membuat kotak tukar link atau link exchange atau blogroll di blog/web . Ikuti langkah-langkah berikut :
1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos,
3. Pilih/klik logo yang anda suka
4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk menentukan ukuran logo, jika sudah selesai klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo selesai, seperti gambar dibawah ini.

6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan tetapi anda diminta untuk register terlebih dahulu. Silahkan register dulu.

7. Tahap selanjutnya adalah login ke acount blog anda, saya ambil contoh blogdetik, pada menu Dashboard, klik widget, pilih Text, lalu pada Text tersebut klik Edit. Lalu copy/paste script dibawah ini ke sidebar blog atau bisa juga dibuat posting khusus untuk bertukar link seperti ini.
Berikut Contoh Script yang yang bisa dipakai untuk menampilkan widget tukar link pada blog/web anda :
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda
<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda</p>
<p><a href=”http://supriatno.blogdetik.com/” target=”_blank”><img alt=”Belajar Dengan Menulis” src=”http://images.cooltext.com/846202.gif ” border=”0″ /></a></p>
<p><textarea rows=”3″ cols=”20″><a href=”http://supriatno.blogdetik.com” target=”_blank”><img border=”0″ alt=”Belajar Dengan Menulis” src=”http://images.cooltext.com/863910.gif ” ></a></textarea></p>
Keterangan:
Ganti yang warna Biru dengan URL blog dan descripsi blog anda, Warna merah judul image anda sedangkan yang warna hijau ganti dengan URL logo/image tempat anda menyimpan image yang baru saja anda download di http://cooltext.com. Lalu Klik DONE, dan Save
Ketika dipasang di sidebar blogger/Website hasilnya akan terlihat seperti ini:
Mau Tukar Link? Copy/paste code HTML berikut ke blog anda

<a href=”http://supriatno.blogdetik.com” target=”_blank”><img border=”0″ alt=”Belajar Dengan Menulis” src=” <a href="http://images.cooltext.com/929532.gif" title="http://images.cooltext.com/929532.gif" target="_blank">http://images.cooltext.com/929532.gif</a> ”
9. Bagaimana Mau Mencoba? Salam Sukses.
Jangan lupa kalau sudah sukses kita tukaran links biar menambah teman baru atau KLIK DISINI untuk keterangan bagaimana caranya tukaran link dengan blog saya
Semoga tips sederhana Membuat Kotak Tukar Link ini bisa membantu anda. Dan dapat mempererat tali silahturahmi antar blogger lainnya. Jangan lupa juga untuk blogwalking ke blog teman, dan minta blog teman untuk menaruh blog kita

Read more »