MENAMBAH ADDTHIS

Menambahkan AddThis Untuk Membagikan Tulisan Kita

Addthis merupakan layanan yang memudahkan pengujung untuk menyimpan, berbagi dan mempromosikan konten anda keberbagai macam jaringan sosial. Sama halnya dengan layanan sosial bookmark lainnya.Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform, termasuk blogger tentunya.

Kenapa kita harus menambahkan addthis pada blog kita? Salah satu alasan kenapa kita memasang widget bookmark & share adalah sebagai salah satu upaya untuk meningkatkan traffic (pengunjung). Widget bookmark & share Addthis ini setelah Anda “instal” nanti akan terpajang di bawah setiap postingan yang efeknya memudahkan pengunjung blog Anda untuk membookmark atau menyebarluaskan content blog Anda pada berbagai directory yang tergabung dalam bookmark & share Addthis.

Cara Menambahkan AddThis di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kde berikut ini di bawahnya

<!-- AddThis Button BEGIN --><br /><div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><br /><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a8b947c53d5c175"></script></div><br /><!-- AddThis Button END -->

7. Simpan Template

di kutip dari : belajar ngeblog di Blog

»»  READMORE...

CARA MEMBUAT SPAILOR

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler. (berlaku juga untuk web).

Contoh Posting spailor

Berikut adalah kode javascipt yang harus ditambahkan dalam posting:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>JUDUL></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Keterangan:

• "isi spoiler" dapat di ganti dengan text, gambar, musik, atau video
• Untuk musik dan video yang dimasukan adalah embed kode
• Apa bila spoiler berupa gambar maka di upload terlebih dahulu lalu di ambil linknya di "edit HTML" atau mengambil link upload seperti di photobucket, bannerbreak dll seperti ini:

Kupu> :

»»  READMORE...

CARA POSTING KODE HTML

Ketika aku mecoba posting artikel yang memiliki kode HTML. Setelah aku tulis kodenya eh setelah publish ternyata kodenya hilang dan terjadi error. Dari situ aku tau kalau untuk posting kode html harus memparse dulu kode HTML nya.

Caranya adalah :


1. Kunjungi salah satu alamat berikut untuk memparse kode HTML कामू


Ø Centricle

Ø Blogcrowds

Ø Eblogtemplates

Ø Accessify



2. Setelah masuk salah satu di atas. Copas kode kamu kemudian parse. Setelah itu ada kode baru

yang muncul. Kemudian Copas kode itu di halaman posting.

3. Selesai. Semoga berhasil

»»  READMORE...

READ MORE OTOMATIS

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :



cari kode </head>kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog।pageType == &quot;item&quot;'><data:post.body/></b:if>


KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

»»  READMORE...

LANGKAH MENGANTI TEMPLET

Langkah Mengganti Template
Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML. Bahasa XML adalah masih keluarga dari HTML dan XHTML dan merupakan standar bahasa web yang bisa diterjemahkan oleh browser internet menjadi susunan yang sedemikian rupa sehingga membentuk sebuah layout atau desain dari website/blog.
Silakan Login menggunakan account blogger/Google Anda, lalu pilih salah satu blog Anda (maaf tutorial ini menggunakan setting bahasa Inggris, jika Anda menggunakan bahasa Indonesia maka letak dan posisinya adalah sama).
Langkah 1:

Pilih menu Layout - Edit HTML

Langkah 2:
Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

Langkah 3:
Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

Langkah 4:
Klik tombol SAVE TEMPLATE

Silakan lihat perubahannya, sebelumnya:

Berubah menjadi:

»»  READMORE...