Senin, 19 Juli 2010

Blogspot EmpireLet say you are moving from an old blog to another blog/website. And you want to redirect the visitors from your old blog to the new one. Here it is a simple way to do it. Just add a meta tag and that's all.

Go to Edit HTML page and search for <head> tag and paste this code below right after the <head> tag.


<meta HTTP-EQUIV="REFRESH" content="0; url=http://your_new_url_here/">

"content" = number of seconds to wait before redirect and default setting is 0.

Save the template!

Source: Introblogger

Selasa, 29 Juni 2010

Membuat Recent Comment


Langkah-langkahnya:
  • Login ke Blog Kamu
  • Pilih Rancangan
  • Pilih Tambah Gadget
  • Pilih Menu HTML/JavaScript
  • Copy Paste Code di bawah ini kedalam HTML/JavaScript
<script style="text/javascript" src="http://sites.google.com/site/anasku2000/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
  • Ganti tulisan NamaBlogKamu dengan nama blog kamu yang berwarna biru di atas
  • Selesai

Minggu, 27 Juni 2010

Menghapus Judul Widget HTML/JavaScript


Pernah mengalami seperti di atas yaitu saat mau menambahkan HTML/Javascript namun tidak menampilkan judul HTML/Javascript. Solusi untuk permasalahan ini yaitu sebagai berikut:
  • Login ke blogger
  • Pilih Rancangan
  • Tambah Tambah Widget
  • Buat widget HTML/Javascript dan tulis judul terserah anda. misalkan COBA
  • Simpan.
  • Masuk ke Dasbor > Rancangan > Edit HTML.
  • Centang Expand Template Widget.
  • Cari kode berikut:
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='test' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>
<data:content/>
</div>
  • Hapuas Kode Yang berwarna biru
  • Simpan Template

Membuat Gadget Tool Parse HTML


Biasanya anda memarse kode html di http://centricle.com/tools/html-entities/
Tapi sekarang kita bisa memasang gadget tersebut di blog anda sendiri. Caranya sebagai berikut:

  • Silakan copy kode di bawah ini :
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=320&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
  • Login ke blogger
  • Pilih Rancangan
  • Tambah Tambah Widget
  • Pilih HTML/Javascript
  • Paste kan kode yang sudah di copy tadi
  • Simpan

Cara Membuat Widget SMS Gratis

Sepertinya yang tertera pada judul posting ini yaitu Membuat Widget SMS Gratis jadi Widget ini gunanya untuk kita kirim SMS Gratis melalui blog. Lumayanlah sambil ngeblog bisa sambil SMS-an.



Caranya :
  • Silakan copy kode di bawah ini :
<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
<a href='http://de2azhar.blogspot.com/2010/06/cara-membuat-widget-sms-gratis.html' rel='nofollow'>Buat Widget</a>
  • Login ke blogger
  • Pilih Rancangan
  • Tambah Tambah Widget
  • Pilih HTML/Javascript
  • Paste kan kode yang sudah di copy tadi
  • Simpan

Sabtu, 26 Juni 2010

Download Al-Qur'an Digital


Al Qur’an digital ini berisi indeks Al Qur’an berdasarkan nomor surat dan ayat, pengelompokkan berdasarkan topik, dan fasilitas pencarian (search) dengan kata kunci tertentu. Misalnya dengan mengisi kata kunci dengan puasa, anda akan menemukan berbagai ayat tentang puasa.



Download Quran Auto Reciter


Software sederhana namun cukup canggih yang wajib untuk di miliki oleh setiap umat muslim!
Software ini dapat membantu anda untuk belajar "membaca" sambil "mendengarkan" Al-Qur'an. Quran Auto Reciter juga di lengkapi dengan pengingat "sholat 5 waktu".

Membuat Tombol Show / Hide DI Sidebar








Caranya gampang koq, tinggal Copy Paste Code di bawah ini di HTML JavaScript pada Sidebar kalian.

<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik disini'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">


MASUKKAN JAVASCRIPT ATAU TULISAN APA SAJA

</div></div>


Hasilnya seperti ini:






MASUKKAN JAVASCRIPT ATAU TULISAN APA SAJA


Menambah Widget HTML/Javascript Tanpa Judul


Bagi anda yang ingin menambah widget HTML/javascript tanpa diberi judul. Berikut caranya:

  1. Buat terlebih dahulu widget HTML/Javasript yang ingin anda tambahkan pada blog anda denga judul apa saja terserah.
  2. Kalau sudah, masuk ke menu Design -> Edit HTML. Beri centang pada "Expand Widget Templates".
  3. Cari kode <h2 class='title'><data:title/></h2>
  4. Hapuas Code tersebut
  5. Simpan Template

Cara Menulis Kode HTML Java Script di Posting


Bagi blogger pemula seperti saya ini mungkin pernah menulis kode html/javascript pada postingan namun pada saat di posting hasilnya tidak seperti yang diinginkan bahkan html / javascript nya tidak ikut terposting.

Supaya
html/javascript bisa ikut terposting, html/javascript harus di convert dulu. Caranya sebagai berikut:
  1. Kunjungi Encode Decode HTML Converter di sini
  2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”
  3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.


Cara Membuat Widget Popular Post














Langkah-langkahnya sebagai berikut:
  • Login di Blogger anda
  • Pilih Rancangan terus Elemen Laman
  • dan Add a Gadget/Tambah Gadget
  • dan Pilih HTML/JavaScript dan Copy Code di bawah ini:
<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://www.bloggerbuster.com/";
</script>
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/popularpost/popularpostblogger-min.js' type='text/javascript'></script>


Catatan
  • Ganti home_page to Nama homepage Kamu

  • numposts : Berapa banyak artikel yang ditampilkan




Sumber: http://www.abu-farhan.com/2009/08/popular-post-for-blogger/

Cara Membuat Widget Recent Post













Postingan kali ini ditujukan untuk Membuat Widget Recent Post dengan menampilkan gambar mini. Untuk demonya bisa diliat Samping kanan pada blog ini. Postingan ini saya Editan dari webnya abu-farhan

Langkah-langkahnya sebagai berikut:
  • Login di Blogger anda
  • Pilih Rancangan terus Elemen Laman
  • dan Add a Gadget/Tambah Gadget
  • dan Pilih HTML/JavaScript dan Copy Code di bawah ini:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://de2azhar.blogspot/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
Catatan:
Rubah http://de2azhar.blogspot/ menjadi http://namabloganda.blogspot.com