Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Friday 7 September 2012

Cara Memasang Template Di Blogger

Okke langsung aja tanpa basa basi
1. langkah pertama pilih Template
2. kemudian pilih Backup/Restore
3. pilih Choose File, kemudian pilih template yang ingin di pasang, disini saya menggunakan Carzilla Blogger Tempalte (Without Slider) silahkan langung disedot disini :) kira-kira seperti ini tampilannya


4. klik Upload and wait a minute dan langsung preview blog anda, inget ya harus di preview tidak boleh track blog sendiri hehe :)
semoga bermnafaat maaf kalok ada salah kata,,..

Thursday 31 May 2012

Cara Menambahkan Widget Yahoo Messenger Di Blog/Web

Mempercantik tampilan blog dengan widget memang gag ada habisnya kali ini saya akan share tentang cara menambahkan Widget Yahoo Messenger di blog atau web Sobat. tentu kalo sobat ingin menmbahkan widget ini, sobat harus punya akun Yahoo.
caranya simple, Login ke Dashboard sobat, kemudian Pilih Tata Letak, pilih Tambah Gadget, dan pilih HTML/JavaScript, kemudian Copas Script di bawah ini

<a href="ymsgr:sendIM?dan_exsotic"> <img src="http://opi.yahoo.com/online?u=dan_exsotic&amp;m=g&amp;t=0&amp;l=us"/></a>

Script yang berwarna merah ganti dengan username sobat misalnya uprizal_729, dan script yang berwarna biru (t=0) ganti dengan kode dibawah ini sesuai gambar yang sobat ingin gunakan. 
Cukup mudahkan,,, Selamat mencoba :)




t=0
t=1
t=2

t=3

t=4

t=5

t=6


t=7

t=8
t=9

t=10

t=11
t=12

t=13
t=14

t=15

t=16

Wednesday 30 May 2012

Cara Membuat Read More 100% Tested


Cara membuat Read More kali ini ampuh, biasanya ada script-script lain yang tidak bekerja, namun dengan script yang saya sediakan ini pasti bisa dan costumizeable :) silahkan dibaca dan di apply caranya,,
1. Login ke dashboard, dan masuk ke akun blogger anda
2. Pilih Template dan klik Edit HTML
3. Jangan lupa centang Expand Widget Template
4. Cari kode </head> (untuk mempermudah pencarian kode HTML tekan CTRL + F)
5. Tambahkan atau sisipkan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>

Bila ingin costumize ukuran, banyak kata yang ditampilkan atau thumbnail nya, silahkan edit bagian script dibawah ini sesuai keinginan.

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

6. Next step cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script 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>

7.And final touch untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

Setelah dipastikan semua sudah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihat hasilnya.

Wednesday 9 May 2012

Cara Membuat Artikel Show Hide Di Blog

Cara membuatnya cukup mudah, copy kode dibawah ini

<div><div style="margin-bottom: 2px;"><b><small></small></b>
<input value="Show Article" style="margin: 0px; padding: 0px; width: 100px; 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>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
up7fold.blogspot.com (Tulis Artikel Disini)
</div></div></div>

Dan paste pada HTML bukan di compose seperti di gambar

Edit teks yang berwarna merah untuk pesan show hidenya, dan teks warna hijau tempat untuk menulis artikel sobat
Contohnya seperti dibawah ini


up7fold.blogspot.com (Tulis Artikel Disini)

Thursday 26 April 2012

Cara Menghapus Blog

Hallo sobat, hari ini aku akan membuat artikel tentang bagaimana menghapus blog di blogspot, mungkin artikel ini tidak terlalu penting buat yang sudah advanced di blog, tapi tidak ada salahnya membuat artikel simpel ini, karna artikel ini saya buat untuk para newbie seperti aku ini hehe :)
Cara ini adalah yang terupdate karna interface dashboard sudah dirubah.
Ok langsung aja ya tanpa pajang lebar,,
1. Langkah pertama login ke dashboard sobaat pilih blog mana yang ingin di hapus
2. Pilih Setelan seperti pada gambar

3.Kemudian pilih Lainnya seperti pada gambar
4.Kemudian pilih opsi Hapus blog seperti pada gambar

5.Di bagian ini ada 2 opsi seperti pada gambar, yaitu apakah sobat ingin mengUnduh isi blog dulu, atau langsung menghapusnya, sebaiknya sobat unduh dulu (recommended), setelah itu pilih Hapus Blog Ini
Tunggu beberapa saat  and you're done,,,
Semoga artikel ini bermanfaat bagi sobat :)