Spirit 89 Blog Penganut Dofollow

Halo sobat - sobat sekalian, udah lama gak posting lagi nih,, akhir - akhir ini otak saya lagi blank, alias lost idea untuk nulis. Sampai sekarang juga masih bingung buat bikin postingan. Nah postingan kali gak ada tutorialnya, cuma sekedar info buat teman - teman nih

Apakah infonya..?


Infonya adalah Blog saya ini  berubah ke penganut paham dofollow, katanya sih  (setahu saya tentang  dofollow) kalau blog dofollow itu akan banyak yang berkunjung dan populer namun mempunyai resiko tertentu pastinya, diantara mbah goole tidak suka dengan blog dofollow karena blog dofollow memberikan link keluar yang banyak, sehingga blog kita susah menempati halaman di google bahkan beresiko tidak terindex lagi di google.
Terus katanya juga sih mudah diserang SPAMMER ,Wah berat juga ya resikonya,

Namun gak apa - apalah coba - coba pindah kealiran dofollow, saya kan juga mau blog ini ikut terkenal atau populer kaya para blogger-blogger master,,, hiii,,,, hiii,,, (ngarep banget)
Jadi ditunggu komentar - komentarnya ya di blog saya ini , karena anda akan mendapatkan gratis gelas cantik dari saya,, eh mendapatkan baclink gratis dari saya maksudnya

Postingan kali ini dikit aja ya, just tell you ,, Salam sukses

Selengkapnya

Membuat Daftar Isi Melayang

Seperti yang ditanyakan sohib saya Cuirast , "bagaimana membuat daftar isi melayang seperti diblog saya ini.?", maka kali ini saya akan memposting cara membuatnya.

Sebetulnya widget ini adalah gabungan dari widget - widget yang saya dapat dari blog - blog tetangga, mohon maaf ya bagi yang buat widget - widgetnya,, saya pinjam scriptnya,, he , he.

Bagi anda pengguna blogger sudah pada tahukan widget bukutamu melayang yang banyak banget tuh tutorial membuatnya.

Nah untuk widget daftar isi melayang ini, saya hanya menggabungkan widget buku tamu melayang  dengan widget daftar isi punyanya infoblog

Berikut cara membuat daftar isi melayang :

1. Login ke akun blogger anda
2. Masuk dasbor ->tata letak
3. Tambah Gadget HTML/Javascript
4. Copykan script dibawah ini

<style type="text/css">
#di{ position:fixed; top:10px; z-index:+1000; }
* html #di{position:relative;}

.ditab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://imgur.com/Ly9Fh.jpg') no-repeat; }

.dicontent{ height:400px; float:left; border:2px solid #CCCCCC; background:#F5F5F5; padding:10px; }
</style>

<script type="text/javascript">
function showHideID(){
var di = document.getElementById("di");
var w = di.offsetWidth;
di.opened ? moveID(0, 30-w) : moveID(10-w, 0);
di.opened = !di.opened;
}
function moveID(x0, xf){
var di = document.getElementById("di");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
di.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveID("+x+", "+xf+")", 10);}
}
</script>

<div id="di">
<div class="ditab" onclick="showHideID()"> </div>
<div class="dicontent">
<div style="padding: 1px; overflow:auto; height: 400px;width: 300px;">
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>

<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="http://dede-spirit89.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>
Modif By <a href='http://dede-spirit89.blogspot.com/2010/04/membuat-daftar-isi-melayang.html'>Spirit 89 Blog</a>
</div> </div></div>

<script type="text/javascript">
var di = document.getElementById("di");
di.style.right = (30-di.offsetWidth).toString() + "px";
</script>

Ganti http://dede-spirit89.blogspot.com yang bercetak tebal berwarna hitam pada script diatas ,  gantikan dengan url blog anda dan simpan template anda.

Selamat Mencoba....!!!! keep spirit...!!!

Selengkapnya

Apakah Blog Anda Belum Mempunyai Breadcumb (Menu Navigasi) . ??

Apakah Blog Anda Belum mempunyai Menu Navigasi atau istilah lainnya Breadcumb,?? Breadcumb ini berfungsi untuk mengetahui dimana posisi artikel yang sedang anda baca. Trik ini memang sudah basi dikalangan para blogger yang sudah master,  saya hanya mencoba untuk mengarsipkannya saja, tentunya dengan referensi dari sumber - sumber yang sudah mahir dibidang blog. Biasanya breadcumb berada di atas judul artikel dan akan muncul jika kita mengklik salah satu judul artikel kecuali, halaman utama. .

Inilah contoh dari breadcumb dari blog saya (didalam lingkaran hitam)  :

Namun blog saya ini breadcumb - nya sudah tersedia di template yang saya gunakan, tapi saya akan coba membahas cara membuatnya.

Cara pembuatannya sebagai berikut

• Login ke akun blogger anda,, jangan akun orang ya... :D

• Masuk ke Tata Letak, kemudian pilih tab Edit HTML

• Backup dulu template dengan mengklik download template lengkap.

• Beri tanda centang  Expand Template Widget.

• Cari kode ]]></b:skin>

• Copy-kan kode berikut di atas kode ]]></b:skin>

                      .breadcrumbs{
                      padding:6px 6px 6px 6px;
                      margin:0;font-size:90%;
                      line-height:1.3em;
                      border-bottom:3px double #CC0000
                      }

•  Cari Kode dibawah ini

                     <div class='post hentry uncustomized-post-template'>

• Kalau sudah ketemu copykan kode ini dibawah kode tersebut

                    <b:if cond='data:blog.homepageUrl == data:blog.url'>
                    <b:else/>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <div class='breadcrumbs'>
                    <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
                   <b:if cond='data:post.labels'><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>
                   </b:loop>
                   </b:if> &#187; <data:post.title/>
                   </div>
                   </b:if>
                   </b:if> 

•  Simpan template anda.

Nah kalau sudah selesai, silahkan lihat blog anda,klik salah satu judul artikel :).

Selengkapnya

Membuat Link Pop Up di Blog Anda

Setelah hampir dua minggu blog ini tanpa ada postingan baru, akhirnya hari ini saya dapat menuliskan kalimat – kalimat lagi di catatan dunia mayaku ini. Banyak kendala yang membuat saya tidak bisa untuk meng-update blog ini dan ditambah juga saya lagi pulang kampung sehingga saya dilanda krisis koneksi internet (di rumah cuma ada tel*k*mn*t inst*n*, ya anda tahulah kelambatannya ,, eh kecepatannya maksudnya, sehingga membuat saya malas untuk melakukan kegiatan blogging).
Wokelah kalau begitu langsung to the point aja. Link Pop up merupakan link yang dapat membuka jendela baru pada browser kita dan menuju ke URL suatu website , kita dapat menggunakan link ini untuk membuka situs yang lain dengan window baru yang akan terbuka saat kita menklik link ini, sebagai contohnya penerapannya anda dapat mengklik  link Isi Buku Tamu klik disini dan Chat klik disini yang ada pada side bar disebelah kanan postingan ini.
Membuat link pop up ini sangat mudah, anda dapat membuatnya dengan bantuan Generator khusus yang dapat membuat link pop up, anda bisa mengujunginya disini . Tugas anda setelah mengunjungi situs ini hanya memasukkan URL yang dinginkan , memberikan centang pada fungsi toolbar ,scrollbars , location , statusbar , menubar , resizable , dll.  Jika anda mencentang pilihan ini berarti anda mengaktifkan fungsi ini  pada window yang akan terbuka melalui popup ini, Anda juga dapat  mengatur lebar, tinggi dan posisi  dari jendela yang akan terbuka.  
Setelah  selesai dengan pengaturannya anda dapat menklik generate , dan  anda akan diberikan script java seperti dibawah ini :

<!-- TWO STEPS TO INSTALL POPUP WINDOW:
   1.  Paste the first into the HEAD of your HTML document
   2.  Use the code to open the popup page on your site  -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 200');");
}
// End -->
</script>
<!-- STEP TWO: Use the following link to open the new window -->
<A HREF="javascript:popUp('http://www.domainanda.com')">Open the Popup Window</A>
<!-- Script Size:  0.73 KB  -->
Saya akan coba jelaskan bagian – bagian yang dapat kita atur secara manual
Pada bagian 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar… dst  kita dapat mengubah nilainya menjadi 1, ini berarti anda mengaktifkan dari fungsi tersebut,  begitu juga pada fungsi – fungsi yang lain yang bernilai 0 ,  ,, di bagian width dan height anda dapat menentukan lebar dan tinggi jendela browser yang akan terbuka nanti ,, left dan top merupakan posisi dari window yang terbuka,.

<A HREF="javascript:popUp('http://www.domainanda.com')">Open the Popup Window</A>

http://www.domainanda.co.cc dapat di ganti dengan URL yang ingin anda tuju,, Open the Popup Window dapat anda ganti dengan nama link yang ingin anda buat.

Setelah semuanya selesai anda dapat menambahkannya pada blog anda, masuklah  ke akun blogger anda dan tambahkan widget baru html/javascript, tinggal copas deh scirpt yang sudah dibuat tadi .
Demikian dulu postingan kali ini , semoga bermanfaat,
Salam Sukses Selalu untuk kita semua

Selengkapnya

Cara Backup Data Pada Blogspot

Apakah Anda mempunyai postingan yang banyak…???.. Apa yang tejadi bila suatu saat semua postingan anda bermasalah atau suatu saat lenyap seketika.
Bagi anda pengguna blogspot dapat membackup semua postingan blog anda,,. Semua postingan dapat anda ambil kembali suatu saat bila anda mengiginkannya.
Berikut langkah – langkah untuk membackup semua postingan di blog anda :

Selengkapnya

Toolbar Gratis dari Wibiya

Nih ada toolbar buat blog/website kamu yang  keren banget.. coba lihat lah di blog saya ini di bagian navbar paling bawah,, keren kan seperti di Facebook eaaa…!!! Salah satu yang saya suka dari toolbar wibiya  ini adalah semua tool bantuan hadir di bagian bawah dan penempatannya juga tidak menganggu . Anda hanya perlu membuat akun di situs ini .
Yaitu wibiya penyedia layanan ini . situs  ini adalaah Situs yang membawa semua bantuan ke jejaring sosial terkemuka saat ini yaitu Facebook dan Twitter.
Ada beberapa fitur yang bisa kita gunakan untuk website / blog kita dengan toolbar Wibiya ini. Di antaranya adalah bisa connect ke Facebook, tampilin Facebook Fan Box, Twitter, RSS Feeds, langganan RSS  Sharing ke Social Bookmarking, langganan RSS, translate ke berbagai bahasa, dll.
Di bawah ini adalah tampilan dashbordnya dari toolbar ini

Selengkapnya

Membuat Related Post

Related post atau artikel terkait dan sebutan lainnya adalah daftar link artikel, dimana daftar link ini berhubungan berhubungan didalam kategori atau label yang sama.

Berikut cara memasang realted post pada blogger :

• 1. Login di Blogger.
• 2. Klik Layout>>Edit HTML.
• 3. Centang 'Expand Widget Template'.
• 4. Cari kode <p><data:post.body/></p>.
• 5. Tambahkan kode di bawah ini tepat di bawah kode <p><data:post.body/></p> tadi.

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

<div class='widget-content'>
<h3>Related Post</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>

• 6. Save Template.

-- Tulisan Related Post bisa anda ganti dengan  'artikel terkait', 'post terkait' atau apa aja terserah anda..
-- 'Max number posts per label' dan 'Max number of labels' bisa diganti jumlah postingan yg diinginkan.

Selengkapnya

Membuat Favicon dan Mengganti Favicon pada blogger

Apa itu Favicon, Favicon (favourite icon) yaitu icon kecil yang berada di samping alamat blog atau website anda.
apakah anda bosan dengan icon kecil  blogger default yang berada di samping alamat blog anda seperti ini :

Anda dapat menggantinya dengan icon buatan anda sendiri.
berikut langkah - langkahnya:

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :
   
   
   
2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
   
3.  Klik pada tombol Browse...
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
5. Klik pada tombol Generate Favicon.
6. Setelah proses selesai, klik pada Click Here to Download your favicon.
7. Save ke komputer anda.
8. Langkah Selanjutnya anda harus mengupload Favicon yang sudah dibuat ini ke tempat hosting gambar,, kalau saya sering sih upload di www.imgur.com
9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
   http://i.imgur.com/7M4zu.jpg
10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :
    
    
    
    <link rel="shortcut icon" href="http://i.imgur.com/7M4zu.jpg"/>
    
    
11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
    
12. Klik pada Tata Letak.
    
13. Klik Edit HTML.
    
14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).
    
15. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :
16. 
    
    
    
    <link rel="shortcut icon" href="http://i.imgur.com/7M4zu.jpg"/>
    
    
17. Klik tombol Simpan Template.
    
18. Selamat Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Selengkapnya

Membuat Recent Posts dan Recents Comments via Feed

Kita dapat menggunakan feed untuk dapat menampilkan Recent Posts dan Recent Comments
Recent Posts
Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudian pada Add Url masukan alamat Feed kamu,:
http://namablog.blogspot.com/feeds/posts/default

Selengkapnya

Membuat Read More pada Blogger

Untuk membuat readmore ikuti langkah dibawah ini :


Langkah Pertama:
Buka Template --> Edit HTML -->Berikan tanda centang pada "Expand widget template"


Langkah Kedua:
Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap" ntar kalo ada kesalahan, huhehe


Langkah Ketiga:

Selengkapnya

Cara Merubah Height dan Width Form Komentar

Bagi anda pengguna layanan blogspot dari blogger, penampilan kotak komentar (seperti gambar dibawah) tidak asing lagi.Hanya saja penampilan kotak komentar seringkali ingin diatur height dan widh.Sebagian orang juga ingin agar kotak komentarnya langsung muncul dibawah postingan.Hal ini untuk memudahkan pengunjung blog bila akan memberi komentar tidak akan membuka windows baru lagi.Nah, untuk mengubah ukuran height dan widh sesuai selera, ikuti langkah-langkah berikut.

Selengkapnya

Cara Memasang Tag Cloud Delicious Pada Blog

Bagi anda yang mempunyai account pada Delicious dapat dimanfaat untuk menampilkan tag clouds pada blog.Delicious sendiri adalah layanan yang memungkinkan pengguna untuk menyimpan, mengelola dan berbagi halaman web dari sumbernya .Pemasangan tag pada blog akan lebih memudahkan bagi anda untuk bisa menemukan tag yang diinginkan .Berikut cara memasang tag cloud delicious.

Selengkapnya