Cara Menambahkan Artikel Terkait di bawah postingan blogger

Menambahkan artikel terkait mungkin sudah bukan nhal yang sulit lagi karena sudah banyak sekali di luar sana tentang cara menambahkan artikel terkait pada blogger dll

Pada kesempaa kali ini saya akan ikut meramaikan sebuah tips tentang cara menambahkan artikel terkait pada postingan blogger Sebelumnya saya akan sedikit menjelaskan tentang fungsi dari artikel terkait tersebut ini berfungsi untuk menambahkan beberapa judul artikel yang terkait dengan artikel yang sedang kita baca ini sangat membantu bagi pembaca setia blog anda. langsung saja untuk memulai ikuti langkah langkah berikut ini jangan lupa templatenya di backup dulu soalnya kita akan mengoperasi kode CSS HTML blog kita

Berikut ini tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.
1. Masuk ke Dasboard pilih  ke Layout ( tata-letak ), pilih tab Edit Html.
2. jangan lupa centang “Expand Template Widget”
3 Setelah itu tempatkan script berikut ini di bawah tag ]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

4 trus tinggal  tambahkan seperti kode yang di beri warna

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
</span>

5. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'>

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

Simpan Perubahan ( save template ).



Taq:Cara menambahkan artikel terkait, related post, menambahkan related post, cara menambahkan related post, cara menambahkan artikel terkait, cara menambahkan related post di bawah postingan blog, cara menambahkan related post pada blogger

Read More

Cara mengganti Ikon Blogger

Siapa yang tidak tahu tentang blogger? blogger adalah layanan blog gratis yang paling popular pada saat ini blogger biasanya dapat kita kenali dengan mudah yaitu dengan cara melihat alamatnya tang di ikuti tulisan. blogspot .com berbeda dengan blog wordpress yang alamatnya di ikuti dengan kata .wordpress .com dan bisa juga kita kenali dengan melihat ikon di address bar seperti gambar berikut ini

Pada saat ini saya akan bahas cara mengganti gambar ikon pada alamat address bar untuk blog blogger Berikut langkah mudah yang akan kita kerjakan :

1. Silahan login ke akun blog sobat kemudian pilih design > edit HTML
2. Cari kode <b:include data='blog' name='all-head-content'/> kemudian masukkan kode <link href='alamat link-gambar' rel='shortcut icon'/> setelah kode warna merah di atas
3. Kemudian ganti tulisan alamat link gambar yang berwarna biru dengan alamat url gambar yang akan kita jadikan ikon nantinya pada blog sobat perlu di ingat gambar ini bisa kita cari melalui google atau kita mengupload sendiri gambar tersebut
4. Klik Save dan lihat hasilnya

Langkah yang kedua
langkah yang kedua ini cukup mudah di bandingkan dengan langkah pertama di atas tapi sayangnya langkah yang kedua ini kdang kadang mengalami kegagalan karena hanya support pada beberapa jenis gambar saya langsung saja ikuti sedikit langkah berikut ini :

1.  Silahan login ke akun blog sobat kemudian pilih design > pilih page Element
2. kemudian klik edit pada menu favi ikon bisanya letaknya di sebelah kiri pojok atas untuk lebih jelasnya lihat gambar berikut ini

3. kemudian masukkan alamat URL gambar atau mengupload sendiri gambar kita
4. kemudian klik save

Mudah bukan Cara mengganti Ikon Blogger tidak seperti yang kita bayangkan sebelumnya selamat mencoba dan semoga berhasil.

Read More

Cara membuat blog archive agar bisa di Gulir / fungsi scroll

Pada kesempatan kali ini saya akan share suatu trik blogger yaitu cara memasang fungsi scroll pada blog archive pada blogger langsung aja ikuti langkah - langkah berikut ini

1. langkah pertama Login ke blog sobat
2. Pilih Design dan Edit Hmtl
3. Kemudian sobat Cari kode berikut <b:includable id='main'> agar cepat tekan F3
4. Setelah sobat temukan kode tersebut. sekarang perhatikan kode berikut.
   
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <div id='ArchiveList'>
   
5. Pada deretan kode diatas yang berwarna merah tambahkan style='overflow:auto; height:120px' sehingga lengkapnya seperti ini <div class='widget-content' style='overflow:auto; height:120px'>
6. Selanjutnya save template dan lihat hasilnya.

Begitu muda bukan,sekarang giliran sobat yang mencoba. Nah yang di atas itu buat pasang scroll di blog archive sedangkan yang berikut ini cara pasang scroll pada label atau category bisa di sebut juga taq langsung aja sobat,

1. Login ke blogger dengan ID sobat tentunya.
   
2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul.
   
3. Anggap saja sobat telah membuat judul labelnya dengan nama “Kategori”.
   
4. Sekarang tuju ke Edit HTML.
   
5. Klik Expand Template Widgets.
   
6. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “Kategori”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
   
7. Perhatikan saja tulisan yang berwarna merah dibawah ini, kode itulah yang harus disisipkan kedalam label yang sudah sobat buat.
   
   
   <b:widget id='Label1' locked='false' title='Kategori' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
   <div style='overflow:auto; width:ancho; height:250px;'>
   <b:if cond='data:display == &quot;list&quot;'>
   <ul>
   <b:loop values='data:labels' var='label'>
   <li>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </li>
   </b:loop>
   </ul>
   <b:else/>
   <b:loop values='data:labels' var='label'>
   <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </span>
   </b:loop>
   </b:if>
   <b:include name='quickedit'/>
   </div>

   </div> </b:includable>
   </b:widget>
   
   
8. Jangan lupa Simpan Template.

Beda template mempunyai karakter yang berbeda, mungkin di blog sobat kode yang ada adalah

<div class='widget-content'>

Tidak sama dengan blog saya

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> 

Yang penting letakkan  tersebut dan sisipkan sesuai tempatnya,,,lalu jika anda ingin menambah link atau java sripe yang nanti hasilnya bisa di gulir atau fungsi srollnya aktif langsung aja perhatikan kode di bawah angkah ini
<div style="height: 200px; overflow: auto; width: 100%;">
<ul>



<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</ul>
</div>

Kode yang berwarna merah yang harus sobat tambahkan di antara kode java sript atau html sobat ,,,Giimana mudahkan :)

Read More

Cara Pasang Iklan Google Adsense Dalam posting Blog Di bawah Title

Selamat pagi para Sobat blogger kususnya para publiser google adsense, di kesempatan kali ini saya akan sharing cara pasang iklan google adsense di dalam postingan.
Setelah kemarin saya melihat blog teman yang di dalamnya terdapat dua buah iklan google adsense di dalam postinganya bukan di samping kalo di samping anak tk juga bisa :D langsung aja setelah saya cari beberapa referensi dari beberapa forum dan beberapa artiket dari mbah google saya akhirnya menemukan sebuah cara yang cukup mudah dan efektif untuk di lakukan bagi newbie seperti saya.langsung aja gag pake gono gini ini beberapa hal yang harus sobat persipkan dan ikuti.

1. Siapkan Secangkir Kopi biar nanti sobat ngak ngantuk :D soalnya langkah berikutnya agak membosankan
2. Langsung aja sobat login ke blog sobat , trus langsung menuju ke halaman EDIT HTML, centang Expand Widget Template dan cari  kode <data:post.body/> , Gunakan CTRL+F Biar lebih cepat kalau uda sobat temukan biasanya ada dua hasil kalau blog sobat  sudah mengaplikasikan Readmore, silahkan pilih yang kedua.
3. Tempatkan kode script berikut sebelumnya kode tersebut diatas
   <div style='clear: left; float: left;'>
   <table cellpadding='0' cellspacing='0' class='tr-caption-container' style='float: left; margin-right: 4px; text-align: left;' width='300px'><tbody>
   <tr><td align='left' style='text-align: left;'>
   kode iklan GA anda (300x250)
   </td></tr>
   <tr><td style='text-align: center;'><span style='font-size: xx-small;'><b><a expr:href='data:blog.pagenameUrl' expr:title='data:blog.pageName'><data:blog.pageName/></a></b></span></td></tr></tbody></table>
   </div>
4. setelah itu sipkan kode iklan google adsense sobat yang berukuran 300x350. dan perlu di ingat sebelum sobat masukan kode iklan google adsense. sobat harus mem prase iklan tersebut kemudian baru di masukkan kedalam secrip tersebut langsung aja sobat klik di sini untuk memprase kode iklan sobat dengan cepat tanpa ribet buat newbie :
5. Kemudian klik save dan lihat hasilnya, dan jangan lupa kopinya di minum nanti keburu dingin :D

Read More

Cara Baru Pasang Auto Read more,,,, Baguz

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<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[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<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 - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Read More

Meningkatkan Traffik Dengan Metode Gratis !

Untuk menempatkan perusahaan di posisi atas tentu saja membutuhkan banyak hal, pada intinya, Anda membutuhkan modal. Untuk mendapatkan uang memerlukan uang juga. Tapi tentu saja, dengan fleksibilitas yang menaawarkan internet, ada banyak cara yang Anda dapat temui untuk dapat membantu Anda mengoptimalkan potensi situs atau bisnis Anda dalam menghasilkan traffik.

Meskipun ada banyak cara untuk jumpstart traffik, banyak situs tidak memiliki sumber daya sehingga yang lain harus meningkatkan trrafik pada situs Anda. Nah, Anda tidak perlu menghabiskan satu sen pun, yang Anda butuhkan adalah pola pikir dan banyak semangat. Anda juga memiliki dorongan dan ketekunan untuk melakukan kerja keras dan penelitian untuk lebih meningkatkan traffic pada situs Anda.

Betapa manisnya jika mempunyai lebih banyak traffik untuk situs Anda tanpa menghabiskan satu sen pun. Sekarang hal yang pasti bahwa banyak situs memiliki artikel yang menawarkan tips dan panduan bagaimanan untuk meningkatkan traffic hanya menggunakan metode gratis. Karena itu adalah mungkin, Anda tidak perlu untuk mempercepat satu sen, ini mungkin membutuhkan waktu, sujujurnya, saya tidak akan bertele-tele dengan Anda. Anda mendapatkan kesempatan yang lebih baik dengan membayar untuk iklan Anda, tapi setidaknya Anda mendapatkan kesempatan untuk melawan dengan beberepa metode gratis ini saya akan memberitahu Anda.

Ambillah keuntungan dari forum online dan komunitas online. Hal yang besar tentang forum dan komunitas online adalah bahwa Anda dapat menargetkan kelompok tertentu yang sesuai dengan demografis tertentu yang Anda cari. Anda dapat membahas tentang banyak hal tentang relung yang Anda diskusikan atau tawarkan. Keuntungan besar lainnya? adalah bahwa Anda tahu dimana Anda masuk di dalamnya dan Anda akan siap.

Dengan komunitas online dan forum Anda dapat membangun reputasi untuk perusahaan Anda. Menunjukkan kepada mereka apa yang Anda buat dan wow mereka dengan berbagai keahlian Anda tentang subjek, dengan itu Anda dapat membangun reputasi dan membangun kepercayaan dengan orang-orang dalam keahlian dan pengetahuan.

Anda juga dapat memanfaatkan newsletter. Memberi informasi kepada orang-orang dengan katalog produk dan artikel menarik dan menghibur. Jika Anda membuatnya benar-benar menarik dan menghibur, semakin banyak orang akan mendaftar untuk newsletter Anda dan merekomendasikan hal ini kepada orang lain. Semakin banyak orang yang mendaftar untuk newsletter Anda, semakin banyak pula orang yang ada yang akan mengunjungi situs Anda dan hal ini akan meningkatkan traffic Anda.

Ide bagus lain adalah perdagangan link dengan situs lain. Anda tidak perlu menghabiskan 1 sen. Yang harus Anda lakukan adalah mencapai kesepakatan dengan pembuat situs lain. Dengan bertukar link, upaya ini akan menguntungkan kedua situs. Setiap traffik yang masuk ke situs dapat berpotensi klik pada link situs Anda dan mengunjungi situs Anda juga. Ini bekerja dengan baik terutama ketika kedua fitur situs relung yang sama.

Tuliskan artikel yang dapat menyinggung perhatian orang-orang yang memiliki ketertarikan pada produk Anda. Cobalah menulis artikel yang akan memberikan tips dan panduan untuk para penggemar lain. Menulis artikel yang memberikan pelayanan yang baik dan pengetahuan kepada orang lain akan memberikan jarak tempuh yang diperlukan kebutuhan arus traffik Anda.

Banyak situs menawarkan penyerahan gratis dan posting artikel Anda. Ketika orang-orang tertarik pada artikel Anda, mereka mempunyai kesempatan yang baik mengikuti jejak dengan mencari tahu di mana artikel tersebut berasal. Sertakan link atau deskripsi singkat dari perusahaan Anda dengan artikel dan ada kemungkinan besar bahwa mereka akan pergi ke situs Anda.

Tuliskan konten yang baik untuk situs Anda. Banyak mesin pencari melacak kata kunci dan frase kata kunci situs Anda menggunakan dan bagaimana mereka digunakan. Ini bukanlah persyaratan bahwa konten harus dilakukan oleh penulis konten profesional. Anda dapat melakukannya, namun Anda harus membuat konten untuk situs Anda yang menghibur serta informatif. Ini harus menyediakan syarat tertentu serta kualitas yang hebat. Secara umum, pengguna internet menggunakan mesin pencari untuk menemukan apa yang mereka cari. Mesin pencari ini kembali menggunakan kata kunci dalam membantu mencari hasil pencarian mereka. Dengan kata kunci yang tepat, Anda bisa mendapatkan peringkat tinggi dalam hasil mesin pencari tanpa biaya apapun.

Read More

Keamanan Berinternet dan Virus Blogger

Setelah membaca pada suatu situs di internet, saya melihat ada sebuah artikel yang menerangkan bahwa situs blogger.com telah dihack/dijebol oleh seorang Hakcer.Pemilik blog akan mendapatkan Spam Post/Postingan palsu yang berisi link-link Virus dan mendownload semua data Situs, dan beberapa pemilik situs juga menceritakan bahwa mereka menemukan code-code aneh pada templatenya.Pada artikel ini, saya akan berbagi dengan anda beberapa tips yang telah saya pelajari di tentang keamanan dan perlindungan disunia Internet. Ini termasuk tindakan yang dapat kita lakukan untuk mencegah atau meminimalkan kemungkinan memiliki blog yang mempunyai Virus Blogger atau Situs yang di hacker. Nah saya juga akan membahas sedikit mengenai blog yang memakai blogspot sebagai domainnya, apakah berhasil dijebol/ tersebar virus juga.

Apakah Blogger.com Aman?

Artikel di BBC menuliskan bahwa,melaporkan bahwa peristiwa terbaru adalah karya sekelompok hacker yang telah menyerang sejak bulan Januari silam. Mereka menggunakan pesan spam yang diposting di situs palsu atau dikirim melalui email untuk mengelabui pengguna dan men-download program jahat/merusak. Link kadang-kadang dapat menjadi Link palsu yang beratas namakan link Youtube atau kartu ucapan digital link. Selain itu, email yang berisi pelajaran informal internet dimana penerima berpikir bahwa surat berasal dari teman-teman mereka. Dalam sebuah respon resmi, Eric dari tim Blogger telah mengkonfirmasikan bahwa Blogger tidak terserang. Namun, posting blog blogger yang berasal dari mesin yang yang dikendalikan oleh Trojan horse. Singkatnya, Blogger platform yang aman dan jika ada, pemilik Blog yang harus memastikan bahwa komputer mereka sendiri telah dicentang dan dilindungi terhadap malware.

Bagaimana bisa Virus blogger menyerang?

Sebelum mengalaminya maka kita harus siap untuk mengambil tindakan pencegahan, saya mungkin ingin tahu bagaimana mereka mengirimkan post-post palsu itu ke dalam Blog.




Bila Anda log in ke Blogger, Anda dapat melihat di Settings -> Fitur Email "Mail-ke-Alamat Blogger". Hal ini memungkinkan Anda untuk bisa tahu konten apa yang dibuat oleh sang pelaku ke blog anda, karena bila anda mengaktifkan fitur ini maka setiap post yang anda buat akan terkirim ke email anda.
user.xxxxxx @ blogger.com

Jika Anda telah memeriksa kotak "Publikasikan", setiap pesan yang dikirimkan ke alamat ini akan secara otomatis dapat diterbitkan dalam Blog. Jika "Publish" kotak dicentang, maka pesan akan disimpan dan anda harus log in ke account Blogger Anda untuk mempublikasikannya. Judul subjek email akan muncul sebagai Title dari Blog Post. Walaupun ini adalah fitur yang berguna untuk orang-orang di mana saja, hal ini juga salah satu yang dapat dieksploitasi. Semua yang diperlukan untuk setiap orang untuk mengirim email ke alamat ini dan apa yang ada di dalam email tersebut akan muncul di Blog Anda. Oleh karena itu penting bahwa alamat ini akan tetap rahasia dan siapa saja yang tidak berwenang seharusnya tidak dapat untuk posting di Blog Anda.

Saat mengambil Root virus di komputer Anda, dapat berbahaya mengirim posting ke alamat email yang tersimpan buku alamt dalam sistem anda. Jika alamat email di atas adalah salah satu dari mereka, Anda akan melihat posting di Blog Anda. Sejak Blog Anda adalah sah mili anda, Anda dan teman-teman pembaca dapat membaca posting dan klik beberapa link berpikir bahwa Anda tidak akan meletakkan bahan berbahaya pada Blog Anda. Setelah mereka melakukan itu, komputer mereka akan terinfeksi Virus karena mereka kurang hati-hati dengan malware dan pada gilirannya mereka memiliki link berbahaya muncul di blog sendiri, dan siklus terus berjalan.

Langkah-langkah pencegahan virus tersebut anda harus memastikan keamanan Blog :

Jika Anda melihat post anda perlu dikirim ke blog Anda melalui email, atau orang lain tahu bahwa surat Anda ke alamat blogger, kembali ke Settings -> Email dan memilih / mengubah alamat menjadi sesuatu yang tak dapat dengan mudah guess. Karena maksud dari fungsi ini ialah memiliki posting yang diterbitkan tanpa harus login ke Blogger, ticking the "Publish" merupakan pilihan yang masuk akal. Setelah menyimpan ke Pengaturan, kembali ke email Anda misal melauli sofware Outlook Express, Eudora. Untuk menghapus surat-ke-blogger alamat dari buku alamat. Dan jika Pelaku mencoba untuk merusak blog anda dengan mengirimkan post/artikel yang berisi virus, maka secara otomatis Postingan tersebut tidak akan dikirim ke Blog Anda.

1. Buatlah berbeda alamat email dan login Anda

Untuk kemudahan, banyak orang yang menempel satu nama untuk login mereka semua, email dan tanda tangan. Misalnya, mereka membuat email dan login sama:

nama blog: Gawat.blogspot.com
nama login: Gawat@gmail.com
alamat email yang diberikan kepada pembaca: Gawat@gmail.com
user: Gawat

Jika orang-orang hacking mampir di Blog Anda, maka akan sangat mudah bagi mereka untuk mengetahui apa nama login Anda dengan menggunakan program untuk crack password. Ketika Anda membuat blog berikutnya, mempertimbangkan menugaskan nama-nama yang berbeda atau tidak menggunakan nama sebenarnya :

nama blog: Kuskus.blogspot.com
nama login: makinKuskus@gmail.com
alamat email yang diberikan kepada pembaca: Masteryouw@gmail.com
user: justice

Dengan begini hacker dapat mengalami kesulitan dalam menjebol blog anda.

2. Mengatur keamanan browser

Di Internet Explorer -> Tools -> Internet Options, mengatur tingkat keamanan untuk Internet zona ke Medium atau tingkat-tinggi. Selain itu, dalam versi yang lebih baru, anda dapat mengaktifkan fitur Memeriksa Website Otomatis dalam pengaturan Phishing Filter.

Jika Anda menggunakan Firefox, pergi ke Tools -> Add-ons dan klik "Get Extensions" link. Cari kata yang biasa disebut "NoScript". Apakah ini untuk memblokir JavaScripts dan eksekusi file dan hanya memungkinkan orang-orang yang Anda percaya dapat melihatnya. Hal ini menjadikan jaringan anda aman dari tangan-tangan nakal hacker, dan dapat mengurangi ketidaksengajaan menjalankan skrip berbahaya.

Nah mungkin hanya ini yang dapat saya informasikan, untuk tahu apa yang anda lakukan jika blog anda terkena virus, maka anda harus melajutkan bacaannya lagi..

Apa yang harus dilakukan jika Blog dihacker?

Walaupun semua keamanan dan langkah-langkah preventif, jika hari itu datang ketika isi Blog anda hilang, hal pertama yang harus dilakukan adalah dengan menjauhkan komputer dari virus dan malware. Jangan masuk ke email Anda atau account lain ini mungkin lebih membuka pintu bagi virus. Setelah sistem benar-benar bersih dan aman, Anda dapat login ke Dashboard Anda dan melihat Pengaturan. Mencatat informasi yang telah diubah. Mungkin juga bahwa Anda tidak dapat login karena password telah berubah, atau bahwa Blog dan Posting Blog akan dihapus. Menulis kepada Tim Dukungan Blogger menggunakan account email yang lain. Memberikan rincian sebanyak mungkin dan memberikan waktu untuk menyelidiki penyebab. Server Google akan Membantu data, seharusnya mungkin bagi mereka untuk mengembalikan Blog Anda atas bukti kepemilikan blog. Ketika isi tidak dapat diambil seluruhnya, Anda mungkin harus membuat ulang Blog. Di saat seperti ini, Anda akan menyadari pentingnya menjaga backup dari template kode sumber dan menyimpan salinan dari artikel yang Anda tulis. Selalu buat backup khusus blog anda jiak terjadi suatu hal yang tidak anda inginkan yang membuat semua data dan isi blog hilang anda bisa membuat blog baru dengan isi yang sama persis dengan yang lama.

Read More

Cara Meningkatkan Penghasilan PPC (Pay Per Click anda

PPC (Pay per Click) merupakan cara lain menhasilkan uang lewat internet, pasti dari kebanyakan orang yang memiliki situs web/blog telah mengetahui keadaan PPC. ternyata selama ini anggapa saa terhadap bisnis PTC sangat keliru, ya karena saya menganggap bisnis itu hanya menghabiskan waktu saja karena hasilnya yang sangat minim dan sedikit sekali. nah dengan mengandalkan bisnis PTC ternya banyak sekali orang yang sukses meraup dollar ataupun rupiah. cara untuk meraup dollar lewat program PTC tergolong mudah, asal kita mau telaten dan tentunya butuh kesabaran. soalnya banyak juga orang yang karena ga sabar lalu meninggalkan bisnis PTC tersebut, namun pada akhirnya menyesal ssetelah mengetahui cara sukses bisnis PTC. kunci sukses dalam bisnis PTC adalah kejelian kita dan kesabaran, namun ada hal lain yang sangat mendominasi kesuksesan kita.

Anda pasti juga sedah kenal situs web mana saja yang menyediakan layanan PPC seperti yang diindonesia :
1. Kumpul Blogger
2. Klik Rupiah
3. Klik Saya
4. masih banyak lagi yang lainnya..

Situs luar yang menyediakan layanan yang sama yaitu :
1. Google Adsense
2. Adbrite
3. Bidvertiser
4. Masih banyak lagi yang lain

Nah ingin tahu caranya meninbgkatkan penghasillan PPC anda, sedikit saya berikan informasinya yaiotu dengan :

1. Tingkatkan lah Traficc anda. Ini yang paling utama karena apa? dengan traffic kita tinggi maka semakin banyak kemungkinan pengunjung yang dapat mengklik iklan yang kita punya.
   
2. Ajak teman anda untuk salng bertukaran link. Ini salah satu cara untuk meningkatkan traficc dan penghasilan PPC kita.
   
3. Bahaslah topik mengenai HandPhone, Gadgets, Video apalah yang lainya yang penting sekilas mengenai teknologi, karena bahasan topik mengenai ini sangat rentan dengan pengunjung sehingga dapat juga meningkatkan penghadiln PPC kita.
   
4. Daftarkan blog anda di search engine dengan begitu semakin banyak pengunjung kita dan SEO kita juga menentukan hal tersebut.
5. Nah yang satu ini sangat penting walau sedikit berbahaya untuk Google Adsense, ajaklah teman anda untuk saling mengklik kilan yang ada diblog kita, dengan imbalan kita balik mengklik iklan yang mereka punya. mungkin ini cara yang ampuh untuk meningkatkan penghasilan PPC kita.

Nah sedikit cara in iyang dapat saya berikan walau sedikit tapi mungkin dapat membantu anda sema yang baru belajar untuk menhasilkan uang lewat dunia Internet...

Read More

Mematikan Klik Kanan pada Mouse

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :

<script language=JavaScript>
<!--
 
//Matikan Klik Kanan 
 
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
 
document.oncontextmenu=new Function("return false")
// -->
</script>

Script ini dicopykan ke blog anda dengan cara :

1. Klik Layout dan pilih edit html

2. Cari kode <head> Copykan kode tersebut dibawahnya.

3. Save.

4. Silahkan dicoba!!!

Read More

High-light Pada Postingan

Kalau kita baca buku atau novel pasti disana akan terlihat suatu kata/kalimat yang penting ditulis didalam kotak tertentu, misalnya pada penulisan sebuah surat didalm novel atau kata-kata mutiara, nah mungkin juga highlight ini digunakan untuk meletakkan suatu script atau kode-kode penting yang drasa perlu diingat oleh pembaca,dibawah ini ada sebuah contoh yang bisa anda jadikan bahan, apakah ini cocok dipakai atau tidak.

HTML

BAHASA PEMOGRAMAN

PUISI

nah untuk lebih tahu bisa baca bagaimana cara memakainya dan memasukkan kedalam blog anda.

Cara yang harus ditempuh yaitu :
1. Masuk ke akun blogger anda dan buatlah entri baru untuk menulis postingan.
2. Klik edit html, ada disudut kanan.
3. Tuliskan kode ini disana

<div style="background:#00F5F5; border:1px dashed #3D3DFF; padding:5px;">
TUliskan Textnya Disini...

Silahkan Menulis

</div>

Untuk kode warna bisa dilihat di Code Warna. Simpel kan semoga bermanfaat untuk anda yang membacanya.

Read More

Menambah Icon di Samping Judul Artikel

Bingungkan.. bingungkan apa sih maksudnya menambah icon di samping judul artikel, nah setidaknya anda akan sedikit bahkan banyak
mengerti apa masksudnya setelah anda baca smpai habis artikel ini ya mungkin berguna bagi anda. Menambahkan Icon atau gambar kecil sebelum judl artikel atau lebih jelasnya disamping judul artikel itu dapat menarik perhatian pembaca untuk melihat artikel tersebut itu sepenuhnya kenapa? yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menark mata pembaca yang melihatnya.Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.

Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.

4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa

Read More

Tampilan Adsense berbahasa Indonesia

Ehm.. kalau kita lihat di blog/website terkenal yang mana blog/web tersebut terlihat tampilan google adsensenya berbahasa indonesia seperti Musik-live.net, gudanglagu.com sepintas kita lihat disana terdapat adsense yang berbahasa indonesia. Bagaimana mereka bisa mengubahnya sedangkan tampilan pada blog kita selalu berbahasa inggris yang tak jelas apa itu artinya??, dengan adsense kita terlihat berbahasa indonesia maka besar kemungkinan pengunjung yang mengklik itu lebih banyak karena mereka mengerti dan lebih menganggap kalau tampilan adsense itu merupakan bagian dari blog/web kita, Nah saya akan bahas itu sekarang.

Cara-nya mudah tinggal sedikit menambahkan kode-kode, tapi saya belum yakin dengan ini apalah hal ii menyalahi aturan dari google atau tidak... Tapi setelah di lihat dan di tinjau ke blog/web yang menggunakan ini ternyata menreka asik-asik aja tuh dan tetap memasang adsense yang berbahasa indonesia. Dengan menambahkan kode ini : google_language = "en"; dan letakkan kode ini di :

<script type="text/javascript"><!--
google_ad_client = "pub-5969406634622112";
google_ad_host = "pub-1599271086004685";
/* link blogspot 1 */
google_ad_slot = "3830307582";
google_ad_width = 468;
google_ad_height = 15;
google_language = "en";
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>

Silahkan coba dan hasilnya adsense anda akan berbahasa indonesia..

Read More

Buat Vertical Menu

Vertikal Menu merupakan pilihan menu yang biasa dipakai pada website-website yang mempunyai banyak pilihan menu di dalamnya, vertikal menu berbentuk pilihan menu yang turun kebawah jika kita sentuh dengan menggunakan mouse kita.. dengan kita menggunakan vertikal menu ini maka kita akan dapatkan pilihan menu yang banyak untuk blog kita

Nah saya akan memberikan cara pembuatannya pada blog.. ikuti caranya dan langkah-langkah nya dengan seksama, dengan anda mengikuti pastinya anda tidak akan mendapatkan kesulitan dalam pengeditan kode CSS nya

Masuk ke Akun Blogger Anda dan pilih layout terus cari Edit HTML

Masukkan kode CSS ini di atas kode ]]></b:skin>

/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* lebar dari menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*warna dari menu vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*warna setelah pointer diarahkan (hover)*/
color: white;
border-bottom: 1px solid black;
}

Kemudian SAVE

Anda bisa mengganti warna yang ada dengan warna yang anda sukai

Selanjutnya pilih Page Element dan kli add Page elemnet pilih lagi HTML/java Script

Masukkan kode ini didalmnya

<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://your blog name.blogspot.com">» Tutorial Blog</a></li>
<li><a href="http://your blog name.blogspot.com">» Bisnis Online</a></li>
<li><a href="http://your blog name.blogspot.com">» Free Template</a></li>
<li><a href="http://your blog name.blogspot.com">» Handphone</a></li>
<li><a href="http://your blog name.blogspot.com">» Komputer</a></li>
</ul>

Ganti your blog name dengan nama blog milik anda

Klo sudah klik save

selesai, selamat mencoba

Read More

Menaikkan Posisi web/blog pada SEARCH ENGINE

Search Engine sangat berperan besar dalam mendatangkan pengunjung untuk blog/web kita, karena apa? dimana-mana orang mencari suatu informasi ataupun sesuatu yang ingin mereka cari lewat Search Engine bisanya kebanyakan di Google. Nah untuk menjadi nomor satu di Search Engine bukan merupakan persoalan yang mudah kita harus kerja keras dengan itu, apa lagi klo saingan kita sudah punya Page Rank 4 atau 5 dan seterusnya... sedangkan kita merupakan blogger baru yang ingin cepat naik posisi.

Dengan Search Engine apapun dapat kita cari dari jalan ke-SURGA sampai ke-NERAKA pun ada disana..(haha). Untuk itu ada suatu siasat yang dikeluarkan oleh anak-anak Ilkom
untuk menaikkan Posisi mereka di Search Engine mo tw caranya..

1. Download jawabanya Disini!. dalam Versi PDF.
2. Blom ada Acrobat PDF Readernya.. Download donk!!

Silahkan baca-baca dan dimengerti yah.. selmat mencoba

Read More

Beri Komentar bisa Dapar BACKLINK dan SEO

Banyak cara kita untuk menaikkan Rank kita diantaranya banyak banyak Berkomentar sehingga kita mendapatkan BACKLINK dari pemilik blog yang kita beri komentar, Tahukah anda apa itu BACKLINK?
Backlink merupakan link yang menuju ke-BLOG milik kita yang terdapat pada blog dimana tempat kita memberikan komentar, jadi dengan memberikan komentar maka dengan cara

tidak langsung kita telah memberikan link balik menuju ke BLOG milik kita sendiri, nah ini merupakan keuntungan yang kita dapatkan selain dapat menaikkan jumlah pengunjung kita juga akan dapat menaikkan RANK kita. Karena apa?? setalah beberapa jam setelah kita berkomentar maka GOOGLE akan Meng-Indeks komentar anda di blog mereka, asalkan komentar yang anda berika bukan sebuah SPAM, apabila terdeteksi sebagai SPAM maka tidak akan di indeks oleh google maka dari itu jika memberikan komentar sebaiknya jangan memberikan komentar SPAM karena dapat merugikan kita,"eh sudah cape'-cape' koment tapi ga' dapet BACKLINK". Pastinya anda akan kecewa.

Jadi Sebaiknya kita saling memberikan komentar karena apa.. anda tidak rugi bila memberikan komentar kepada blogger lainya (kita akan mendapatkan BACKLINK dan menaikkan page kita di google jadi termasuk kedalam SEO "Search Engine Optimization") serta dapat menaikkan jumlah GOOGLE ADSENSE kita juga lho.

Read More

Mengganti Tulisan Older Post dan Newers Post

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.

langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

3. Ganti kode tersebut menjadi seperti ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- Icon Archive

3. Selamat mencoba

Read More

Membagi 1 List style menjadi 2 Kolom

Tadi abis jalan-jalan eh ternyata saya baca postingan miliknya si Jaloe
dan saya tertarik jadi saya terusin aja biar makin banyak yang baca dan banyak yang tau. Cara buat 1 list menjadi 2 kolom itu sangat berguna lo apalagi bagi yang punya template 2 kolom dan lebih beruntung lagi kalo punya template 3 kolom jadi bisa hemat tempat, dapat meletakkan 2 widget atau tambahan lainya ke dalam 1 list saja. Jadi penen liat bagaimana bentuknya.. nah begini nih bentuknya

Untuk mendapatkan yang seperti diatas cara mudah ko' tinggal cari kode

]]></b:skin>

Dan letakkan kode ini di atasnya

/* Kode Css List Two Kolom
------------------------------------------------------------------------------------------*/
#catl {
padding :5px 10px;
width : 91%;
background-color : #ffffdd;
border : 1px solid #ccc;
margin : auto;
}

#catl h3 {
display : block; color : #669900; padding-bottom : 5px;
margin-bottom : 5px; border-bottom : 1px solid #666;font-size:14px; }

/* style all the list items here */
#catl ul li {
height : 1em;
list-style-type : none;
color : #333;
padding : 0.3em 0 0.4em 0.25em;
font-size : 0.9em;
border-bottom : 1px solid #ccc;
text-indent:0px;
}

/* every second list item is positioned outward and moved up equal to LI height to even them */
#catl ul li.catl_l2 {
margin-left : 50%;
margin-top : -1.8em;
padding : 0.3em 0 0.4em 0.5em;
border : 0;
}

/* Every other two list items are styled with a background for usability and style */
.catl_alt {
background-color : #fffffc;
}

/* ini merupakan code hacking css untuk Ie 6*/
* html #catl ul li.catl_l2 {
margin-top : -2.3em;
}

Kalau sudah Klik Simpan dan Pilih Page Element Dan pilih Add Page Element/Tambahkan sebuah widget baru dengan pilihan Html/java script.

Kemudian masukkan kode ini di dalamnya:

<div id="catl">
<h3>Satu List Dua Kolom</h3>
<ul>
<li><a href="#">List Item Satu</a></li>
<li class="catl_l2"><a href="#">List Item Dua</a></li>
<li class="catl_alt">List Item Tiga</li>
<li class="catl_l2">List Item Empat</li>
<li>List Item Lima</li>
<li class="catl_l2">List Item Enam</li>
<li class="catl_alt">List Item Tujuh</li>
<li class="catl_l2">List Item Delapan</li>
</ul>
</div>

Catatan penting :

1. Yang perlu di ganti adalah tulisan antara tag <li> dan </li>.
Jika ingin membuat linklist menjadi seperti ini.
<li><a href=�http://alamat url/�> Nama List </a></li>
jika ingin membuat list berupa link gambar seperti ini.
<li><a href="http://alamat url/"><img src="alamat gambar></a></li>
2. Atur tulisan list-nya jangan terlalu panjang. Dan Jika ingin menggunakan gambar atur nilai tinggi dan lebarnya, kira-kira 75px X 10px.

View Source : green-beast

Read More

Buat Huruf Kapital di Awal Paragraf

Membuat huruf besar di awal paragraf bukan suatu hal yang sulit, kenapa saya bilang begitu seperti halnya kita membuat tulisan pada microsoft word yang dimana kita buatkan huruf awalannya dengan huruf besar layaknya koran atau majalah silahkan melihat contohnya disini! pada blog disana terlihat selain tulisan terkesan rapi juga dapat menjadi suatu daya tarik tersendiri. Bagai mana cara membuatnya nah silahkan ikuti langkah berikut :

1. masuk ke layout --> Edit html

2. Cari kode berikut
.post-body {
.....
}

3. Kalau ketemu silahkan letakkan kode ini dibawahnya ( dibawah tanda } ).
.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

4. Saat penulisan postingan terbaru jangan lupa untuk menuliskan kode ini : <bt></bt>. Misalnya huruf awalnya P maka letakkan huruf P di tengah kode tersebut seperti : <bt>P</bt>

Nah mudah bukan lihat contoh dan cara lebih lanjut di http://beautifulbeta.blogspot.com/

Read More

Ide untuk Menulis Blog

Posting lagi Posting lagi... jadi bosen nih, tapi ya mo gimana lagi ini ni resikonya buat para blogger peng-Update-tan posting terbaru itu harus, ya kalau mo blognya selalu dikunjungi oleh orang kita harus bisa meng-Update posting terbaru minimal 1 posting sehari biar mereka tidak bosen dan selalu kembali mebaca-baca dan baca posting dalam blog milik kita. karena apa seseorang yang mengunjungi internet/ mencari berita di internet itu selain cuma games Online, mereka juga mencari sesuatu yang baru apapun topiknya, maka dari itu kita harus bisa mengupdate sesuatu yang baru juga.

Nah, saya akan berika sedikit TIPS bagaimana cara memunculkan ide untuk menulis artikel/Postingan untuk blog kamu:

1. Hal-hal yang baru anda ketahui, misalnya ada yang baru dari GOOGLE yaitu google crome, nah anda bisa menjadikan hal tersebut sebagai bahan postingan kamu.

2. Hal yang kamu sukai. Misalnya kamu lagi suka ngumpulin mainan, nah kamu bisa menuliskan mainan apa saja yang kamu kumpulin dan mungkin pengunjung juga akan tertarik dengan hobi anda. Dengan begitu kalian bisa saling SHARING mengenai mainan kaian.

3. Hal yang tidak kamu sukai. " Uh aku bosen ma makanan yang yang ada dirumah, itu-itu mulu.... pengen cari sesuatu yang baru nih" nah dengan kamu menulis postingan tentang makanan apa saja / sesuatu apa saja yang kamu benci kamu bisa menyalurinya ke-BLOG kamu biar orang laen ga' jadi sasaran kebencian kamu!!! (hehe).

4. Kejadian yang baruuu saja kamu alami. Misalnya kamu baru ketabrak oleh sepeda dan langsung masuk rumah sakit dan sekarat lagi, bisa nih jadi bahan postingan yang seru sekaligus dapat menyimapan suatu kenangan/kejadian yang indah dan tidak terlupakan.

5. Hal yang ingin kamu ketahui. Mungkin selama ini kamu tidak mengetahui apa sebenarnya Blog, atau bisa juga tentang bagaimana keadaan dunia kita sekarang, dengan begitu kamu akan mendapatkan bahan postingan yang harus kamu tulis.

6. Bercerita tentang kegiatan kamu sehari-hari/tentang apa saja yang kamu alamin hari ini, dengan kata lain blog bisa kamu jadikan diari pribadi milikmu yang bisa kamu tuliskan apa saja yang ada dalam pikiranmu.

7. Sesuatu yang kamu karang. Karena kamu tidak ada bahan untuk menulis posting lagi, kamu bisa mengarangnya. Tentang apa saja.

Nah sedikit dari saya, mungkin dapat berguna nih bagi blogger-blogger sejati yang BINGUNG mo nulis apa di blognya.

Read More

Page Navigasi Untuk Blogger

Akhirnya setelah lama menunggu saya mendapatkan hal yang menarik yaitu menampilkan Page Navigasi yang letaknya pada footer. Caranya mudah tinggal memasukkan kode-kode yang ada, dan mengikuti langkah-langkah yang akan saya berikan nah Untuk lebih jelas seperti apa bentuknya Page Navigasi itu.

Nah sekarang mulai langkah-langkahnya :
1. log in ke akun blogger anda dan pilih layout --> Edit html
2. Cari kode ]]></b:skin>
3. Letakkan Kode CSS ini di atasnya :

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

4. Cari Kode ini :
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

5. Masukkan kode ini dibawah </b:section>

&lt;script type=&quot;text/javascript&quot;&gt;

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;


var pageCount=5;
var displayPageNum=3;
var firstPageWord = &#39;First&#39;;
var endPageWord = &#39;Last&#39;;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
&lt;/script&gt;

&lt;script src=&quot;/feeds/posts/summary?alt=json-in-
script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;


<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;
display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/
page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div>

6. Untuk Mengganti seberapa banyak angka/page yang muncul, yaitu dengan mengganti
1 : var pageCount = 5; angka 5 sesuai dengan keinginan anda.

7. selesai

Silahkan coba dan rasakan kenikmatannya...

Merujuk dari Rias techno Wizard

Read More