Kumpulan Kode warna html di blog





Masih di Variasi Blogger share Kumpulan Kode warna html di blog cekidot

Silahkan sobat Copy Paste script di bawah ini simpan di blog sobat

Cara Pasang tombol atas bawah beranda sederhana di blog





Masih di Variasi Blogger share Cara Pasang tombol atas bawah beranda sederhana di blog cekidot

Silahkan sobat Copy Paste script di bawah ini dan simpan di blog sobat

tombol ke atas


Sebelumnya saya pernah posting tentang Membuat Daftar Isi Blog, pada tutorial kali ini daftar isi tersebut akan kita pasang pada widget di sidebar blog dengan mode Show Hide.
Buat yang ingin mencobanya, silakan ikuti tutorial berikut :
  1. Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.
    Membuat Widget Daftar Isi Tersembunyi
  2. Klik Add a Gadget, pilih HTML/Java Script
    Membuat Widget Daftar Isi Tersembunyi
  3. Lalu masukkan kode berikut :
    <div class="widget-content">
    <div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Daftar Isi&#39;; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

    <script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>

    </div></div></div></div></div></div></div>
    Keterangan :
    blue : warna background, silakan ganti sesuai keinginan Anda.
    width: 270px; height: 200px; : Ukuran lebar dan tinggi widget, sesuaikan dengan sidebar Anda.
    alamatblog.com : Ganti dengan alamat blog Sobat.
    Widget diatas daftar isi berdasarkan label, untuk Daftar Isi Berdasarkan Tanggal berikut kodenya :
    <div class="widget-content">
    <div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Daftar Isi&#39;; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div class="alt2"><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);">

    <script src="http://post-xml.googlecode.com/files/feed-dates.js"> </script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

    </div></div></div></div></div></div></div>
  4. Lalu klik Save.
    Membuat Widget Daftar Isi Tersembunyi
    hasilnya akan seperti ini, silakan di klik.

    Daftar Isi

    • Judul Postingan
    • Judul Postingan
    • Judul Postingan
    • Judul Postingan
    • Dan Seterusnya
Sekian tutorial tentang Membuat Widget Daftar Isi Tersembunyi.

Widget i love indonesia di pojok blog





Masih di Variasi Blogger share Widget i love indonesia di pojok blog cekidot

Silahkan sobat pilih dan Copy Paste script di bawah ini simpan di blog sobat

posisi Pojok kanan atas


Dari hasil Tes Valid XHTML lewat validator.w3.org, widget Follower default dari blogger dinyatakan tidak valid. Widget ini mengandung error. Pada tutorial kali ini kita bahas cara memasang widget Google Followers yang Valid XHTML, caranya kita gunakan kode asli dari google friend connect.
Berikut Tutorialnya :
  1. Masuk ke situs http://www.google.com/friendconnect/, dan Login menggunakan account gmail anda.
  2. Pilih blog Sobat yang ingin di pasang widget Google Followers, lalu klik pada Tambahkan Gadget Anggota.
    Widget Google Followers
  3. Atur lebar widget,font dan warnanya, sesuaikan dengan sidebar blog Anda.
    Widget Google Followers
  4. Kalau sudah selesai, tekan tombol Buat Kode pada bagian bawah halaman.
    Widget Google Followers
  5. Copy kode yang diberikan oleh Google Friend Connect tersebut.
    Widget Google Followers
  6. Selanjutnya, Login ke blogger. pilih Design / Rancangan > Page Element.
    Design Page Element
  7. Kemudian pilih Add a Gadget.
    Add Gadget
  8. Pilih HTML/Javascript dan masukkan kode yang diberikan oleh Google Friend Connect tadi.
    Html JavaScript
  9. Lalu klik Save. Selesai...
Supaya benar-benar valid, Masuk ke menu Edit HTML, dan beri tanda centang pada box Expand Widget Template, Cari kode <b:include name='quickedit'/>, dan hapus semua kode tersebut dari template anda.
Selanjutnya akan saya buat tutorial tentang Widget Google Followers Hide Show.
Sekian tutorial tentang memasang Widget Google Followers Valid XHTML.

Cara Menghapus Waktu Postingan

Cara Menghapus Waktu Postingan | Tutorial Blog

Settingan waktu / jam secara default pada blogspot akan muncul di setiap postingan, beberapa blogger tidak senang dengan adanya waktu / jam postingan tersebut, pada tutorial kali ini saya akan berbagi cara menghilangkan waktu / jam postingan tersebut secara permanen.
Berikut langkah-langkahnya :
  1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Cara Menghapus Waktu Postingan
  2. Beri tanda centang pada Expand Template Widget.
    Cara Menghapus Waktu Postingan
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  3. Kemudian cari kode di bawah ini :
    <span class='post-timestamp'>
    <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
    <a class='timestamp-link' expr:href='data:post.url'
    rel='bookmark' title='permanent link'><abbr class='published'
    expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></
    a>
    </b:if>
    </b:if>
    </span>
    Akan lebih mudah untuk menemukan kode di atas dengan menggunakan fungsi Ctrl+F (find) dan cari kode <span class="post-timestamp">, Jika sudah ketemu, delete kode yang ada di dalam kotak berwarna biru diatas.
  4. Terakhir klik Save / Simpan Template.
    Cara Menghapus Waktu Postingan
Perhatian, cara ini akan menghilangkan waktu / jam pada postigan secara permanen.
Sekian dan terima kasih...

Cara Pasang translate bendera di blog





Masih di Variasi Blogger share Cara Pasang translate bendera di blog cekidot

Silahkan sobat Copy Paste script di bawah ini dan simpan di blog sobat


Cara Efect Blog Muter - Muter ketika Pengunjung masuk ke Blog





Masih di Variasi Blogger share Cara Efect Blog Muter - Muter ketika Pengunjung masuk ke Blog cekidot

Silahkan sobat Copy Paste script di bawah ini dan simpan sebelum kode script di blog sobat


Jumlah Pengunjung