Senin, 12 Maret 2012

Mengunakan Fungsi Scroll Pada Arsip Untuk Permudah Menemukan Arsip


Penampilan blog dan kemudahan menelusuri blog adalah menjadi salah satu asalan
membuat pengunjung betah berlama-lama pada blog kita. Kemudahan untuk menemukan postingan yang dicari dengan tampilan berbentuk scroll pasti akan lebih mudah, sehingga pengunjung akan lebih belama-lama menelusuri blog yang kita miliki. Bagaimana cara membuat tampilan arsip dengan bentuk scroll, nah, perhatiakan langkah demi langkah dibawah ini.

Langkah awal, 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


Tahap berikut adalah fungsi scroll, nah ikuti langkah-langkah berikut,

• 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'>

jika sudah ketemu, maka kode lengkapnya akan 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>

Perhatikan dalam kode tersebut temukan posisi kode beriktut:
<div class='widget-content'>
pada bawah kode tersebut tambahkan kode berikut :
<div style='overflow:auto; width:ancho; height:100px;'>

kode heigh tulisan tebal 100px dapat diganti sesuai kebutuhan.

Perhatiakan <div style= diatas harus diakhiri dengan penutupnya </div>
dan pada kode diatas ditambahkan dengan cetak tebal.

Nah, kalau sudah selesai, silahkan di simpan. Selamat mencoba.

Membackup Postingan Dan Blog Untuk Selamatkan Blog

Mungkin anda belum pernah mengalami hack pada blogger, data posting sudah banyak sampai ribuan, tampilan sudah dibuat cantik dan menarik dan pengunjung sudah banya, pageranknyapun sudah tinggi, pokoknya blognya sudah bagus dan mungkin sudah berpenghasilan, eh, tiba-tiba suatu ketika dicari melalui mbah google.com tidak ditemukan, bahkan dicoba browsing dari mozila ferefox juga tidak ketemu. Kalau kejadian sudah seperti itu, kita hanya dapat berdoa agar tidak menjadi stress. Sudahlah capek kita mikirin itu, nah, bagaimana cara mengantisipasinya? jawabanya hanya ada satu, yaitu backup blog kita dan sama isi-isinya. Caranya bagaimana, mari ikutilah langkah berikut:

Yang pertama backup data atau postingan kita

1. Login ke account blogger anda
2. Pilih Setting --> Basic (seperti gambar berikut)

3. Lalu klik tulisan Export blog. tampil gambar berikut:

4. Klik button Download Blog.
Kemudian pilihlah tempat dimana anda akan menyimpan file Anda.
5. Selesai.

Yang Kedua adalah Backup Template Blog
1. Langkah-langkahnya hanya tinggal anda klik di dashboard tulisan Design. Perhatikan gambar di bawah ini:

2. Klik Edit HTML
3. Beri tanda Centang pada kotak expand widget
4. Blok semua script yang ada dalam kotak, kemudian copy dan pastekan di tempat baru seperti notepade, wordpade, notepade++ .
5. Selesai.

Jika anda melakukanya secara berurutan dengan benar, mudah-mudahan cara ini akan berhasil Silahkan dicoba, semoga sukses.

Rabu, 18 Januari 2012

Membuat Posting Bergaris Biru Pada Blogger

Blogger punya beberapa keterbatasan. Terutama soal fungsi HTML. Tidak semua harapan Anda bisa ditampung oleh blogger. Namun coba Anda masuk lewat draft.blogger.com. Dari lokasi ini keterbatasan itu bisa dieliminir. Bahasa HTML bisa sesuai seperti yang Anda mau. Mari kita coba membuat inovasi dengan membuat posting bergaris lewat draft.blogger.com...


• Klik http:
• Login seperti anda masuk blogger
• Klik dashboard
• Klik link Post
• Pilih artikel yang telah Anda posting untuk digarisi
• Setelah terbuka, Klik Edit HTML
• Masukkan kode <hr color=”#ffffff”> di bawah postingan
• Klik Publish Post

Caba aja gan, tidak sulit, semoga berhasil

Menyimpan Posting Ke Email Pada Blogger


Sebetulnya ada dua cara untuk menyimpan postingan. Pertama dengan menggunakan draft.blogger.com dan kedua, dengan memanfaatkan email. Keduanya berlangsung automatis, namun khusus penyimpanan menggunakan email perlu sedikit upaya tambahan...
• Sign in ke blogger
• Di halaman Dashboard, klik Setting
• Klik link email
• Muncul kotak BlogSend. Masukkan alamat email Anda

Mudah, silahkan dicoba, semoga sukses.

Menempatkan Simbol Copyright Blogger


Menulis lambang copyright blogger
Ada beberapa karakter yang tidak tersedia di keyboard Anda. Seperti contohnya © à biasanya dipakai sebagai lambang copyright atau hak cipta. Masih banyak ratusan lambang yang perlu Anda gunakan.
Cara memasukkan lambang tersebut haru lewat lembar HTML ...
• Login Blogger
• Klik Dashboard
• Klik New Post
• Dalam Lembar posting, Klik HTML
• Selahkan ketik salah satu lambang
• Pindah ke Rich Text
• Silahkan melanjutkan postingan Anda di rich tex

Selasa, 17 Januari 2012

Bagaimana Menghapus Tanggal Posting Pada Blogger


Beberapa jenis postingan tidak akan basi. Contohnya tulisan tentang tips dan tricks untuk sebuah topik. Atau artikel dengan susunan seperti wikipedia. Semakin hari, semakin dilengkapi oleh komentar dan submitter. Namun tanggal menjadi penting saat tulisan terkait dengan suatu peristiwa aktual.
Ini bisa disiasati dengan menulisnya di dalam artikel atau postingan Anda. Jika Anda masih ingin menghapus tanggal postingan,...
• Sign in ke blogger
• Di halaman Dashboard, klik Layout
• Klik Edit HTML. Jangan lupa centang Expand Widgets Templates
• Cari, lalu hapus kode
<data:post.dateHeader/>
• Klik Save Templates

Selamat Mencoba Semoga Sukses

Bagaimana Menghilangkan Link Bergaris Bawah


Link tidak harus menyolok. Keberadaannya bisa disamarkan tanpa garis bawah. Namun tetap bisa diklik. Pembeda link dan bukan link terletak pada perubahan kursor yang Anda arahkan ke sebuah karakter atau kata tertentu. Untuk membuat link tanpa garis bawah, bisa Anda lakukan dengan upaya berikut ini...
• Sign in ke blogger
• Di halaman Dashboard, klik Layout
• Klik Edit HTML.
• Cari kode berikut...
A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:underline;
}

Ubah kode tersebut menjadi...
A:hover {
Color:$mainVisitedLinkColor;
Text-decoration:none;
}

• Klik Save Template
Recheck ke blog Anda dengan cara mengarahkan mouse ke sebuah link. Jika penulisan kode benar, maka link tersebut tidak bergaris bawah. Namun tetap bisa diakses. Selamat Mencoba Semoga Sukses.

Linkwithin

Related Posts Plugin for WordPress, Blogger...

Mari Gabung Disini

My Pagerank

Powered by  MyPagerank.Net
Yahoo bot last visit powered by MyPagerank.Net
Counter Powered by  RedCounter

  ©Template by Dicas Blogger.

TOPO