Cara Buat Fungsi Scroll Pada Arsip Blog

Untuk membuat arsip blog memiliki fungsi scroll sangat mudah, untuk membuatnya silahkan ikuti langkah-langkah berikut :



Pertama Kita harus membuat dulu Arsip Blog

• Masuk ke blogger
• Klik Tata Letak
• Klik Elemen Halaman
• Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog
• Tapi Anda harus pilih gaya Hierarki


Pada Menu Diatas Itu belum terdapat fungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !

• Setelah itu, klik Edit Html
• Beri tanda centang pada tulisan Expand Widget Template
• Lalu Anda cari kode seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

Anda akan menemukan kode lengkapnya seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut
Kode warna hijau yang dicetak tebal adalah tinggi dari elemen tadi, silahkan kawan ganti agar sesuai dengan blog kawan
Lalu jangan lupa untuk menyimpannya=> Klik Simpan

Read more »

Cara buat Read more Plus Judul Artikel

Pada artikel/Postingan yang lalu kita telah membahas cara Cara buat Read More pada setiap postingan atau jika belum tahu,lihat dulu Lihat di Sini,tetapi pada postingan tersebut tidak ada judul artikel pada read more nya.untuk menambahkannya sangat mudah,masuk ke Account blogger dengan ID anda dan ikuti tutorial berikut ini..
Cari kode read more yang ditambahkan dulu atau kode read more yang lama yang saya jelaskan disini.kira-kira bentuknya seperti ini:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/>

<a expr:href='data:post.url'><strong>ReadMore...</strong></a></p>

</b:if>

Anda tinggal mengubah kode tersebut menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/>

<strong><a expr:href='data:post.url'>ReadMore &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>

Setelah selesai jangan lupa simpan template anda,lalu coba lihat blog anda.

Read more »

Cara buat Red More

Read More ini berfungsi untuk mengecilkan artikel di halaman blog, dengan artian blog anda tidak akan tampail memanjang kebawah kalau di buka halam utamanya, berikut caranya :

1. Buka menu Layout kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut di Template blog kamu(kode dimasing2 template berbeda-beda,jadi cari aja yang hampir sama.

<data:post.body/>

Atau seperti ini(sama saja)

<p><data:post.body/></p>

Atau begini(sama saja)

<div class="post-body">

4. Kalau sudah ketemu,Hapus kode diatas lalu ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>ReadMore...</strong></a></p>
</b:if>

Pada bagian Read More...... dapat anda ganti dengan tulisan yang lain seperti Baca Selengkapnya

5. Simpan hasil Pengeditan

6. Kemudian pilih menu Setting lalu pilih Formatting

7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") sebelum kode ini <span class="fullpost"> dan selebihnya letakan sesudah kode <span class="fullpost"> dan sebelum kode </span>

Letakan postingan yang ditampilkan dihalaman utama disini

<span class="fullpost">

Dan selebihnya tulis disini

</span>

Selamat Mencoba

Read more »

Cara Setting Blog

Untuk sobat yang baru membuat blog,Sobat perlu mengetahui settingan2 yang harus dilakukan pada Blog.ada beberapa settingan yang diperlukan agar blog kita dapat dikenali oleh mesin pencari/search engine seperti google ,yahoo ,msn.untuk men-setting blog silahkan ikuti tutorial berikut.

Silahkan login dulu ke blogger dan pilih tab pengaturan lalu pilih

1.Klik Dasar untuk mengatur Menu Dasar

• Judul = isi dengan judul blog sobat.

• Uraian = isi dengan deskripsi blog sobat. Contoh : It Communities and training Center

• Tambahkan blog Anda ke daftar kami? = pilih ya agar setiap postingan anda selalu masuk di daftar Blogger.com.

• Biarkan mesin pencari menemukan blog Anda? = pilih ya agar blogger memasukkan blog Anda ke dalam Penelusuran Blog Google

• Tampilkan Editing Cepat di Blog Anda? = pilih Ya

• Tampilkan Link Posting Email? = Sebaiknya pilih ya, agar pengunjung Anda dengan mudah mengirimkan posting email dari blog Anda ke teman-teman mereka.

• Konten Dewasa? = Pilih tidak. Kalau blog anda bukan blog untuk dewasa

• Tampilkan Mode Compose untuk semua blog Anda? = pilih Ya

• Aktifkan transliterasi? = pilih Tidak,

• Klik tombol Simpan Pengaturan . Selesai

2. Klik Publikasi untuk mengatur menu Publikasi :

• Alamat Blog*Spot = isi dengan nama blog sobat.(biasanya sudah terisi otomatis)

• Klik tombolSimpan pengaturan. Selesai

3. Klik Format untuk mengatur menu format :

• Tampilkan = pilih angka posting yang ingin anda tampilkan.pada halaman utama

• Format Header Tanggal = pilih model tanggal/bulan yang anda sukai.

• Format tanggal Index Arsip = pilih model untuk peng-arsip-an yang anda sukai.

• Format Timestamp = Pilih bentuk waktu yang anda sukai.

• Zona Waktu = Pilih zona waktu yang sesuai.

• Bahasa = Pilih bahasa yang anda sukai

• Konversi ganti baris = pilih ya

• Tampilkan Field judul = Pilih ya

• Tampilkan kolom link = pilih ya

• Aktifkan perataan float = pilih ya

• Klik tombol Simpan Pengaturan. Selesai

4. Klik Komentar Untuk mengatur menu komentar :

• Komentar = pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

• Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak hanya kepada anggota blogspot saja.

• Penempatan formulir komentar = pilih Disemat dibawah Entri

• Default Komentar untuk Posting = pilih Entri baru memiliki komentar.

• Link balik = Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

• Default Link Balik untuk Posting = pilih Posting baru Memiliki Link Balik.

• Format Timestamp Komentar = pilih yang anda sukai

• Aktifkan moderasi komentar? = pilih Tidak

• Tampilkan verifikasi kata untuk komentar? = pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

• Tampilkan gambar profil dalam komentar? = pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

• Email Pemberitahuan Komentar = isi dgn alamat email anda

• Klik tombol Simpan Pengaturan. Selesai

5. Klik Arsipkan Untuk mengatur menu Arsipkan :

• Frekuensi Arsip = pilih Bulanan.

• Aktifkan Halaman Posting? = pilih ya.

• Klik tombol Simpan Pengaturan . Selesai.

6. Klik Fedd Situs untuk mengatur menu feed situs :

• Izinkan Feed Blog = pilih Penuh.

• Posting URL Pengubahan Arah Feed = di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

• Footer Feed Posting = Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

• Klik tombol Simpan Perubahan. Selesai.

Read more »