related random post dengan tumbnail

sebelumnya postingan tentang retalted post random telah bisa menampilkan posting kita secara rondom di bawah posting yang di buka, cara kali ini adalah menampilkan related post dengan thumbnail yang adapada post  jadi berkesan kebih menarik untuk di baca

Cara Membuat Random Post dengan Thumbnail
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<style>.rp-post-link {font-weight: bold !important;font-size: 120% !important;}.rp-summary {margin-top: 3px !important;font-size: 100% !important;line-height: 1.3em !important;word-wrap: break-word !important;}.rp-thumbnail {margin: 5px 5px 2px 0px !important;float: left !important;width:65px;height:65px;}.rp-pubdate {font-style: italic !important;margin-bottom: 3px !important;}</style><script type="text/javascript">var randarray = new Array();var l=0;var flag;var lengthsummary = 180;var numofpost=5; function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0; i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<div>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];var item ="";var posttitle = entry.title.$t || "[Untitled]";"[Untitled]"for(k=entry.link.length -1; k >= 0 ; k--){if(entry.link[k].rel=='alternate'){item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";break;}}item += "<br"item += "/>"var pubdate = new Date(entry.published.$t).toDateString();item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"var summary = "";if ("content" in entry) {summary = entry.content.$t;}else if ("summary" in entry) {summary = entry.summary.$t;}var re = /<\S[^>]*>/g;summary = summary.replace(re, "");item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";document.write(item);}document.write('</div>');}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

5. sebelum di simpan setting nilai pada html di atas sesuai kebutuhan

width:65px;height:65px; --> 65 adalah ukuran thumbnail
lengthsummary = 180; --> 180 adalah jumlah karakter isi post
numofpost=5; --> 5 adalah jumlah post yang ditampilkan


6. Simpan jika sudah selesai.

Read More

memasang Random post di bawah postingan

kalau kita lihat telah banyak blog atau web yang pasti menyertakan random post di setiap halaman web nya.
fungsi nya adlah mempromosikan postingan kita yan gtelah lama ...

di blogger telah ada fungsi widget related post yang di sertakan namun cenderung yang terbaru yang di tampilkan dan cenderung statis

sebelumnya
Cara Menampilkan Random Post di Bawah Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode <data:post.body/>, jika blog memakai auto read more mungkin kamu akan menjumpai 3 tag kode seperti itu. Pilih yang sesuai di mana kamu biasanya menaruh widget di bawah post. Lalu taruh kode berikut di bawahnya;

nah coba anda masukkan code di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h3>Baca juga tulisan menarik lainnya</h3>
&lt;script type=&quot;text/javascript&quot;&gt;
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i &lt; numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&amp;&amp;l!=0){acakarray[i++]=l;}}document.write(&#039;&lt;ul&gt;&#039;);
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k &lt; entry.link.length; k++){if(entry.link[k].rel==&#039;alternate&#039;){var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot; + entry.link[k].href + &quot;&gt;&quot; + entry.title.$t + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;
document.write(item);}}
}document.write(&#039;&lt;/ul&gt;&#039;);}
&lt;/script&gt;
&lt;script src=&quot;/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</b:if>

angka 7 di atas menunjukkan jumlah post yang akan di tampilkan

nah setelah itu di simapan makan anda akan melihat related post random dari blog atau web kamu.

Read More

membuat spoiler di Blog

sebagian dari kita pasti sudah tahu apa itu spoiler, bagi yang sering menggunakan forum online pasti telah banyak tahu fungsi dan kegunaannya yang menjadi mempermudah dalam membaca.

bagaimana untuk di blog, fasilitas ini bisa kita buat sendiri dengan mengedit HTML posting yang akan kita masukkan. cara nya cukup mudah

1. buka post yang baru
2. pilih tab html dan
3. gunakan kode di bawah ini :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan teks atau kode script (gambar atau video) di sini
 <br></div></div>

4. nah silahkan edit kode yang berwana merah dengan kalimat sesuai dengan kebutuhan
 mudah kan
contoh hasil

Judul Spoiler:

bahan bacaan hadifun

Read More

cara cepat terindexs di google atau mesin pencari

networkFun- banyak cara yang bisa membuat web atau blog kita cepat di kenali oelh mesin pencari seperti google dan Bing, artikel ini sedikit mengulas cara cepat agar blog atau website kita terindex, karena bila telah terindex oleh mesin pencari, maka pengunjung akan lebih mudah menemukan web atau blog kita di mesin pencari yang di gunakan . 

cara pertama : 

1 . mendaftarkan URL web atau blog kita ke mesin pencari google. 

• masukkan ke alamat ini https://www.google.com/webmasters atau http://www.bing.com/toolbox/submit-site-url
• ikuti petunjuknya daftar dan masukkan alamat web atau blog anda

2. melakukan ping otomatis pada alamat web anda

    cara ini di lakukan agar mesin pencari segera menjelajah web atau blog anda jka ada pembaruan artikel atau update posting 

3. submit alamat link kebanyak web site 

    cara ini di lakukan agar mendapat banyak back link satu arah, kalo web atau blog baru , submit pada jumlah terkecil dulu. 

Read More

submit ke banyak link (3000 lebih )

cara agar mendapat backlink adalah dengan mensubmit web/blog anda pada web lain, cara yang praktis adalha dengan Imtalk. 

IMtalk bisa mensubmit lebih dari 3000 web, 

jika masih web baru di saran jangan terlalu banyak dan sering mensubmit web nya. lakukan dengan bertahap, 50, 100, 200, dst. kalo submit satu satu pasti repot gunakan link ini saja. 

cara nya adalah 

1. masuk ke alamat IMtalk.org 

2. masukkan alamat URL web / blog kamu ke kolom yang sudah di sediakan. 

3 masukkan kata kunci web kamu, usahakan berbahasa inggris karena web nya adalah web internasional semua. 

4. pilih Limit the number of created pages (optional). terserah kalian mau berapa web dahulu 

5. klik submit dan biarkan porses selesai(jangan menutup browser) , akan ada beberapa yang faild tapi 95% yang lain berhasil tersubmit 

selamat mencoba. 

bahan bacaan

Read More

memberi tags di blog

Cara Membuat & Memasang Meta Tag Di Blogger

• Pertama log in ke Blogger, lalu klik Template dan pilih Edit HTML.

Lalu cari kode di bawah ini :

<b:include data='blog' name='all-head-content'/>

Terus copy kode dibawah ini dan paste dibawahnya .

<meta content='DESKRIPSI BLOG' name='description'/>

<meta content='KATA KUNCI BLOG' name='keywords'/>

penjelasan : 

• Utuk pengisian deskripsi blog, isi sesuai dengan blog loe. Misal blog tentang kucing, contoh deskripsinya seperti ini "blog tentang makanan  " misal kayak gitu gan. Usahain panjang deskripsi antara 150-160 karakter.

• Lalu untuk meta keywordsnya isi dengan kata kunci yang mengacu pada judul blog buat memaksimalkan pencarian di mesin pencari. Misal dari contoh di atas keywordnya "harga , daging , ikan , bumbu "
  Pastiin keywordsnya jangan banyak-banyak, maksimal 15 kalo bisa antara 8-10 aja biar lebih SEO friendly.

selesai di save aja . 

Cuma sekedar info gan, Google gak make keywords meta tag di mesin pencarinya. Jadi meta keywords ini gak berpengaruh terhadap rangking di Google. Untuk infonya loe bisa cek disini. ( penjelasan dari Matt Cutts kepala web spam di Google ).

http://seociyus.blogspot.com/2012/12/cara-membuat-memasang-meta-tag-di-blogger..html

Read More