Cara Pasang Menu Daftar Isi di Bawah Header

Kali ini saya akan berbagi artikel tentang MEMASANG MENU DAFTAR ISI DIBAWAH HEADER. Disini ada yang menggunakan fungsi scroll dan fungsi biasa.
Lihat perbedaannya pada gambar dibawah ini :

Fungsi Scroll

Fungsi Biasa

Adapun untuk langkah-langkahnya sbb :
A) Fungsi Scroll =

• Masuk ke akun Blogger agan
• Klik "Laman"
• Klik "Laman Baru" => Laman Kosong
• Beri judul Daftar isi atau terserah sesuai dengan keinginan agan
• Kopas kode berikut dan simpan di dalamnya.

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sites.google.com/site/codegogle/file-cabinet/contents.js"></script><script src="http://coretan-noepoez90.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Note:

coretan-noepoez90 : Ganti dengan nama blog agan.

width:430px : Lebar scroll yang bisa agan ganti dengan selera agan.

height:120px : Tinggi scroll yang bisa agan ganti dengan selera agan.

B) Fungsi Biasa:

• Masuk ke akun Blogger agan
• Klik "Laman"
• Klik "Laman Baru" => Laman Kosong
• Beri judul Daftar isi atau terserah sesuai dengan keinginan agan
• Kopas kode berikut dan simpan di dalamnya.

<script src="https://sites.google.com/site/codegogle/file-cabinet/contents.js"></script><script src="http://coretan-noepoez90.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Cara Mengganti Tulisan Older - Newer - Home Dengan Navigasi Gambar

Sesuai dengan judul diatas, postingan kali ini saya akan berbagi info tentang bagaimana cara mengganti tulisan "OLDER - NEWER - HOME" Menjadi navigasi gambar. Selain itu juga, saya akan berbagi gambar-gambar yang cute yang bisa kalian pilih untuk menggantikan ketiga tulisan tadi. Oke, tanpa harus panjang lebar lagi saya akan kasih tau cara'y. SIMAK YACH.

Langkah - Langkahnya sbb :
•    Masuk terlebih dahulu pada akun blog sobat
•    masuk template, Edit HTML dan lanjutkan.
•    setelah itu sobat cari kode seperti dibawah ini
Cari kode ini    Ganti dengan kode ini    Keterangan
<data:newerPageTitle/>    <img src='MASUKAN URL GAMBAR'/>    Next
<data:oldePageTitle/>    <img src='MASUKAN URL GAMBAR'/>    Back
<data:homeMsg/>    <img src='MASUKAN URL GAMBAR'/>    Home

Silahkan kalian pilih gambar dibawah ini, untuk mengetahui URL GAMBAR-nya, kalian cukup arahkan kursor pada gambar yang telah kalian pilih, kemudian klik kanan dan klik COPY IMAGE LOCATION.

PILIHAN PERTAMA

PILIHAN KEDUA

PILIHAN KETIGA

Love Quote Glitter

Bagi sobat yang ingin memasang LOVE QUOTE GLITTER yang ada di bawah ini, silahkan kalian COPAS code-nya di blog sobat.

A. CAN'T LET YOU GO

Kode Script :

<a href="http://www.glitterfy.com/graphics/love_quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/135/cannot_let_you_go.gif" border="0"><br />

B. I LOVE YOU

Kode Script :

<a href="http://www.glitterfy.com/graphics/Love_Quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/135/i_love_you.gif" border="0"><br /> <br />

C. LOVE AS LONG AS YOU LIVE

Kode Script :

<a href="http://www.glitterfy.com/graphics/Love_Quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/136/love_as_long_as_you_live.gif" border="0"><br /> <br />

D. LOVE STARTS WITH YOU AND ME

Kode Script :

<a href="http://www.glitterfy.com/graphics/love_quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/135/love_starts_with_you_and_me.gif" border="0"><br /> <br />

E. LOVE YOU LIKE CRAZY

Kode Script :

<a href="http://www.glitterfy.com/graphics/love_quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/136/love_you_like_crazy.gif" border="0"><br /> <br />

F. YOU AMAZE ME

Kode Script :

<a href="http://www.glitterfy.com/graphics/Love_Quote/" target="_blank"><img src="http://img10.glitterfy.com/graphics/135/you_amaze_me.gif" border="0"><br /> <br />

Cara Memasang Kotak Admin Di Bawah Postingan

Lama tidak menulis artikel, kali ini saya berniat untuk berbagi kepada sobat tentang cara menambahkan Kotak Admin dibawah postingan. Apabila sobat belum terbayang tentang artikel yang akan saya posting ini, maka lihatlah gambar berikut:

Adapun langkah-langkahnya memasang Kotak Admin tersebut adalah sbb:

1.     Buka blog

2.    Klik “Template”, kemudian “Edit HTML”

3.    Cari kode <div class='post-footer'>  

4.    Copy dan paste kode script berikut di atas kode <div class='post-footer'>  

<!-- Kotak Admin -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://coretan-noepoez90.blogspot.com/</h4>

<div class='kontainer'>

<img src=’http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/643939_383251611750381_613835255_n.jpg'/>

Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> Bermanfaat .. ^_^

<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://putupunyablog.blogspot.com/' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

Keterangan :

Warna ungu : ganti dengan url blog sobat

Warna merah : ganti dengan url foto sobat

5.    Kemudian cari lagi kode ]]></b:skin>

6.    Setelah itu COPY kode script berikut diatas kode ]]></b:skin>

.admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #000000;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Comic Sans Ms;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0000FF;
    border:none;
    border-bottom:2px solid #000000;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FEEA83;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

7.    Simpan template

Semoga artikel diatas bermanfaat. Happy Blogging !!!