Sabtu, 04 Juni 2011

Duit Gratis di Dunia Maya

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>



* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.


Kalo ada kesalahan pada blogger ini. mohon kritik dan sarannya.

Selamat Belajar !!     

Senin, 23 Mei 2011

Memasang Tulisan Terkait

Cara Memasang Tulisan Terkait Pada Blogger - Ada yang bilang menampilkan tulisan terkait (related post). Jadi setiap halaman atau saat kita melihat salah satu posting, maka widget akan secara otomatis menampilkan posting terkait.

Ada dua macam menampilkan related post (tulisan terkait), bisa per label (category) atau tanpa label. Untuk kali ini, cara edit akan membahas menampilkan tulisan terkait dengan label. Lebih jelasnya sebagai berikut :

Caranya, masuk ke edit HTML, dan kasih centang pada expand Widget.
Cari kode <data:post.body>

Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode berikut


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

<div class='similiar'>

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>


Simpan dan lihat hasilnya. Semoga tulisan terkait akan tampil sempurna. 

Kalo ada kesalahan pada blogger ini. mohon kritik dan sarannya.

Selamat Belajar !!    

Cara Memasang Read More Otomatis

Cara Memasang read more otomatis - Bisa juga membuat read more otomatis. Intinya adalah menampilkan tulisan sebagian dan sisanya akan ditampilkan keseluruhan saat masuk ke halaman (postingan) yang dimaksud. Tulisan yang lengkap disembunyikan

Cara Edit menyarankan untuk menggunakan read more otomatis seperti yang Cara Edit pakai dibanding dengan read more manual. Karena anda tidak perlu repot-repot, hanya memasukkan tulisan ke kolom posting dan akan langsung tampil sebagaimana yang diinginkan.

Begini caranya Memasang Read More Otomatis :
1. Masuk ke Edit HTML, jangan lupa centang Expand widget template
2. Masukkan kode dibawah ini sebelum kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


3. Simpan, dan Ganti kode <data:post.body/> dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More >> </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


4. Simpan, dan lihat hasilnya


Kalo ada kesalahan pada blogger ini. mohon kritik dan sarannya.

Selamat Belajar !!   

Langkah Pertama Buat Blog di Blogspot.com

Inilah Langkah Pertama Buat Blog di Blogspot.com, atau cara pertama yang anda harus ikuti saat buat blog di blogger.com. Penasaran? ikuti langkahnya berikut ini

Silahkah buka http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.
ciptakan blog sekarang juga
Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
  2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
  3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
  4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password
  5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
  6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
  7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
  10. Tulis nama situs anda pada form Alamat Blog (URL)
  11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
  12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
  13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".
Blog anda sudah jadi, dan kini anda tinggal mengisinya. Jangan takut, silahkan baca tulisan pada tombol-tombo yang ada dan klik saja jika ingin mengetahuinya. Selamat

Cara Memasukkan Gambar pada Tulisan

Cara Memasukkan Gambar pada Tulisan - Barangkali ada yang bingung bagaimana cara memasukkan gambar pada tulisan (postingan). Untuk itu, inilah cara memasukkan gambar pada tulisan di blogspot:
  1. Login seperti biasa dengan id anda
  2. Klik Posting
  3. Klik Entri Baru (bila sebelumnya anda telah mempunyai posting-an)
  4. Klik toolbar yang bergambar seperti ini
  5. Kemudian anda bisa memilih Memasukkan Gambar dari komputer atau gambar dari web internet (url).
  6. klik Browse dan ambil file gambar anda
  7. Lihat pengaturannya ( di sana ada pilihan peletakan gambar dan juga berbagai ukuran gambar). Silahkan dipilih salah satunya
  8. Kemudian klik Unggah Gambar
  9. Selesai dan lihat hasilnya !
Sekali lagi, anda jangan ragu untuk memulai. Klik saja, dari sana anda akan belajar banyak bagaimana anda dapat ngeblog dengan benar !

Memasang Kategori Untuk Tiap Tulisan

Kadang ada yang belum tahu cara memberi kategori untuk tiap tulisan. Oleh karenanya, berikut cara membuat atau memasang kategori untuk tiap tulisan. Bisa juga disebut menampilkan label untuk tiap postingan.

Caranya mudah, anda tinggal menambahkan tulisan (kategori) apapun yang anda mau di kolom di bawah kolom posting.



Jika satu tulisan ingin anda masukkan dalam beberapa kategori atau label, maka tinggal menambahkan kata (kategori) lagi dan memisahkannya dengan tanda "koma".

Kalo ada kesalahan pada blogger ini. mohon kritik dan sarannya.

Selamat Belajar !!