Cara Membuat Meletakan Footer di Sisi Kanan atau Kiri Blog

Cara Membuat / Meletakan Footer di Sisi Kanan / Kiri Blog - Beberapa hari ini serasa dilema bro!!!  Semangat memposting artikel yang sebelum membara di awal tahun 2012 kini mulai luntur, entah apa yang membuat saya sampai se jenuh ini. Namun hal tersebut coba saya siasati dengan sesuatu ( rahasia ).
setelah sebelumnya memposting artikel tentang Cara Mengetahui Blog Dofollow atau Nofollow, kali ini saya akan coba memposting artikel yang sedikit aneh, yaitu membuat atau meletakkan footer di sisi blog entah itu di sebelah kanan blog, sebelah kiri blog, ataupun tengah. namun khusus pada tutorial ini kita hanya akan membahas tentang cara membuat footer berada di sisi kiri blog atau bisa di bilang sidebar ke duanya. hehehe.

Postingan aneh dengan judul yang aneh pula ini saya posting dengan harapan bisa mengobati rasa bosen ngeblog. sobat yang tertarik untuk ber eksperimen dengan trik ku ini, silahkan ikuti tutorial berikut.

DEMO

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML
3. Cari kode yang mirip dengan kode berikut.

#outer-wrapper {
  width: 950px;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

4. ganti kode tersebut dengan kode berikut.

#outer-wrapper {
  width: 950px;
margin-left:350px;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

( kode di atas hanya ada tambahan pada margin, karena kita membutuhkan space untuk meletakkan footernya.)

5. Ganti  kode footer-wrapper template sobat dengan kode berikut.

/* footer */
#footer {
clear:both;
width:950px;
position:relative;
text-align:left;
color:#000000;
font-family:julee;
background:#252525;
border:1px solid #000000;
margin:0 auto;
padding:0;
}

#footer {
width:300px;
clear:both;
float:center;
line-height:1.6em;
margin:0 auto;
padding:0;
}

.footer-bot {
padding:0px;
}

.footer-bot ul {
color:#222;
margin:0;
padding:0;
}

.footer-bot ul li {
list-style-type:none;
background:;
padding-left:15px;
margin-bottom:8px;
}

.footer-bot a {
color:#222;
text-decoration:none;
}

.footer-bot a:hover {
border-bottom:1px solid #222;
color:#000;
}

#footer-right {
width:250px;
float:left;
padding:5px;
margin-left:15px;
margin-bottom:10px;
background:#ffffff;
border:1px solid #222;
}
#footer-center {
width:250px;
margin-bottom:10px;
float:left;
margin-left:15px;
padding:5px;
background:#ffffff;
border:1px solid #222;
}
#footer-left {
width:250px;
background:#ffffff;
margin-bottom:10px;
padding:5px;
margin-left:15px;
margin-top:10px;
float:left;
border:1px solid #222;
}

6. Kemudian letakkan kode berikut di atas kode ]]></b:skin>.

#trik_tatelu {
position:fixed;_position:absolute;top:0px; background:#000000; left:px;  width:320px;
border:1px solid #000000; height:585px;;overflow:auto;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Letakkan kode berikut di atas kode </body>

<div id=trik_tatelu>
<div style=font-size:30px;font-family:Felipa;color:#ffffff;>
<h3><blink>Hai!!!!</blink></h3>
</div>
<div id=footer>
<div id=foot>
<b:section class=footer-bot id=footer-left>
</b:section>
<b:section class=footer-bot id=footer-center>
</b:section>
<b:section class=footer-bot id=footer-right>
</b:section>

</div><div style=clear:both/>
</div>
</div>

8. Klik save.

Perhatian!

1. Sebelum sobat menggunakan trik ini, ada baiknya download terlebih dahulu template blog sobat.
2. Cara ini di anjurkan pada template dengan lebar yang sesuai dengan outer wrapper 950px, untuk lebar kurang dari atau lebih dari 950px, sobat perlu ketelitian dan pengetahuan tentang html. ( bukan newbie ).
3. Trik ini akan menggeser posisi outer wrapper blog sobat.
4. Trik ini saya coba pada template minima yang telah di hilangkan sidebarnya.
5. Mohon sobat atur sebaik mungkin jika setelah jadi hasilnya kurang bagus atau kurang cocok.
6. Semoga cara membuat footer berada di sisi kanan atau kiri blog bisa membantu sobat blogger.

Read more

Cara Menghapus Blog di Blogger

Cara Menghapus Blog di Blogger atau Blogspot mungkin bagi sebagian orang akan menjadi hal yang menyulitkan, akan tetapi bagi blogger berpengalaman hal seperti ini bukan masalah besar atau memang jarang digunakan sama sekali. Apabila kita menghapus blog pasti memiliki alasan sendiri karena tidak mungkin setiap blog kita hapus, ini mungkin cara terakhir bagi blog yang sudah lama tidak dipakai.Pada kesempatan kali ini tutorial blogz akan membuat sebuah tutorial terkait bagaimana cara menghapus blog di blogger, artikel ini tidak banyak yang mencarinya akan tetapi hal ini bisa dijadikan sebagai referensi bagi kalian semua . Nah bagi sobat yang ingin menghapus blognya tinggal ikuti Langkah - langkah berikut .

Langkah-langkahnya :

1. Login ke Blogger masing - masing
2. Pilih Dashboard blog yang ingin dihapus

3. kalau udah klik "Setting/Setelan" , nah kalau sudah klik tulisan "Delete blog/Hapus Blog" (Lihat gambar dibawah ini)

4. Nah kalau sudah diklik disitu ada tulisan lagi "Delete this Blog/Hapus Blog ini" dan kamu klik tulisan tersebut (Lihat gambar dibawah ini)

Nah jika sobat masih tidak mengerti tinggal lihat video tersebut :

Banyak yang menanyakan tentang "Bagaimana jika bagi Blog yang template nya sudah di upload ke template yang baru?" sebenarnya tidak terlalu susah ... anda tinggal ikuti tutorial berikut ini :

1. Login ke Blogger anda

2. Pilih "Setting/Setelan" dan klik "Others/Lainnya"  nah disitu sama seperti cara dashboard blog yang lama, kamu tinggal klik "Hapus Blog" (lihat gambar di bawah ini)

3. dan kamu klik tulisan Hapus Blog ini (lihat gambar dibawah ini)

Kalau masih tidak mengerti silahkan berkomentar di kotak komentar dibawah ini .

Read more

Membuat maksimal unjuk kerja Blog di Blogger

Pada tulisan-tulisan lalu, sudah dijelaskan sejumlah tips untuk membuat blog kita menjadi google friendly, mudah ditangkap mesin pencari (search engine) google dan saudara-saudaranya. Tips berikut ini sebagian akan mengulang tulisan lalu secara lebih detail plus sejumlah tambahan bagaimana untuk memaksimalkan cara kerja blog kita. Saya urut dari awal.

Setting-an Blog

Setelah log-in dg id Anda, klik link blog. Setelah itu:

(a) Klik SETTING dan klik BASIC.


Title --> Isi judul blog Anda. Sebaiknya nama Anda sendiri. Contoh: Tasar-Zulfikar Blog
Description --> Deskripsi singkat isi blog Anda. Sebaiknya tidak terlalu panjang dan berisi kata-kata yg paling mewakili isi blog Anda. Contoh: Blog Tasar-Zulfikar GAM, Aceh. Dua saudara yg selalu rukun dan sepakat untuk berbagi dan bersaing dalam segala hal.
Add your blog to our listing? --> klik YES. Supaya setiap posting kita selalu masuk di daftar blogger.com.
Show quick editing on your Blog? --> klik YES
Show Email Post Links? --> klik YES
Show Compose Mode for all your blogs? --> klik YES
Klik SAVE SETTINGS dan REPUBLISH. Selesai.
(b) Klik SETTINGS dan klik PUBLISHING.


Notify Weblogs.com --> klik YES. Tujuan: setiap kita mengupdate blog kita, search engine khusus blog yaitu weblogs.com akan mengupdate otomatis databasenya.
Klik SAVE SETTING dan REPUBLISH. Selesai.
(c) Klik SETTINGS dan klik FORMATTING

Show --> pilih posts (jangan days). Kemudian pilih angka posting yg Anda inginkan untuk tampilan di blog Anda. Contoh: Show: 4 posts, berarti posting yg tampil di halaman blog Anda sebanyak empat posting.
Date Header Format --> pilih model tanggal/bulan yg sesuai dg selera. Format tanggal/bulan ini akan selalu tampil di bagian atas posting kita.
Archive Index Date Format --> pilih model peng-arsip-an. Blog kita akan dibuatin arsip setiap bulan. Contoh: February 2006.
Timestamp Format--> pilih bentuk waktu yg Anda suka. Sebaiknya yg pendek. Contoh: 7.50 PM.
Timezone --> pilih zona waktu yg sesuai. Contoh untuk WIB: [UTC-+7.00]Asia/Jakarta.
Encoding --> pilih Universal (Unicode UTF-8). Ini adalah kode format yg dipakai kebanyakan search engine besar termasuk google, yahoo dan MSN. Dg kode ini, Google, dll akan lebih mudah mendata setiap update di blog kita.
Converts Linebreaks --> pilih YES.
Show Title field --> pilih YES.
Show Link Field --> pilih NO. Tapi andai dipilih YES juga tak ada pengaruhnya.
Enable float alignment --> pilih YES. Pilih NO juga tidak apa-apa.
Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(d) Klik SETTINGS dan klik COMMENTS.

COMMENTS --> pilih SHOW.
Who Can Comment? --> pilih ANYONE. Supaya semua pengunjung baik yg anggota blogspot maupun yg tidak dapat ikut berkomentar.
Comments Default for Posts --> pilih New Posts Have Comments.
Backlinks --> pilih SHOW. Supaya tahu kalau ada yg ngelink ke artikel di blog kita.
Backlinks Default for Posts --> pilih New Posts have Backlinks.
Comments Timestamp Format --> pilih format jam yg singkat. Contoh: 8.00 PM.
Show comments in a popup window? --> pilih YES. Supaya ketika di klik, blog kita pengunjung, blog kita tidak hilang.
Show word verification for comments? --> pilih YES. Untuk menghindari komentar otomatis oleh robot spam.
Enable comment moderation? --> pilih NO (sebaiknya). Kalau Anda termasuk orang yg "jaga wibawa", pilih YES (kalau YES, setiap komentar akan disensor dulu oleh Anda, baru bisa muncul di kotak komentar).
Show profile images on comments? --> pilih YES. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
Comment Notification Address --> isi dg alamat email Anda, kalau Anda ingin dapat notifikasi dari blogger.com setiap ada komentar baru di blog Anda.
Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(e) Klik SETTINGS dan Klik ARCHIVING

Archive Frequency --> pilih Monthly.
Enable Post Pages? --> pilih YES.
Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

(f) Klik SETTINGS dan Klik SITEFEED.

Publish Site Feed --> pilih YES. Supaya setiap memposting, blog kita memiliki dua database: versi website dan versi feed. (Untuk soal feed akan diterangkan di kesempatan lain).
Descriptions --> pilih FULL.
Site Feed URL --> ini adalah alamat feed Anda yg bisa disindikasikan di tempat lain seperti di http://my.yahoo.com, http://reader.google.com atau di http://360.yahoo.com. Lihat contohnya di sini atau di sini . Jadi, sekali kita update blog, postingan kita akan tampil di dua tempat dalam waktu bersamaan dan ini akan menambah "daya tangkap" google pada blog kita.
Article Footer --> kosongin saja.
Klik SAVE SETTINGS. Klik REPUBLISH. Selesai.

Apabila selama ini blog di blogger atau blogspot Anda kurang di "lirik" sama google atau yahoo search, maka dg mengimplementasikan tips di atas, blog Anda akan lebih dikenal dalam waktu tidak lama lagi.(Mario Gagho http://kolom-mario.blogspot.com)

Read more

Cara Membuat Anti Klik Kanan Pada Blog

Cara Membuat Anti Klik Kanan Pada Blog - Sekarang saya akan share Cara Membuat Anti Klik Kanan Pada Blog. Pasti kalau artikel anda di copy paste (copas) oleh orang lain anda akan merasa kesal, betul kan? saya juga merasa begitu..  kita sudah capek - capek nulis, ehh mereka malah sembarangan copas aja, yaahhh mau di apain lagi.. biarkan saja lah. Nah, maka dari itu sekarang saya akan berbagi ke teman - teman Cara Membuat Anti Klik Kanan Pada Blog. 

DEMO

Berikut Cara Membuat Anti Klik Kanan Pada Blog :

1. Login ke Akun Blogger
2. Pilih Layout => Add a Gadget => HTML/JavaScript
3. Copy kode dibawah ini tepat didalamnya.

<script>

var message="Hayooo!! mau ngapain?? mau COPAS ya??? eitth.. ora isoooo!!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")

    </script>

4. Save.

Selesai!!

Semoga bermanfaat!!

Read more

Cara membuat Twitter follower Box di Blog

Update - Dulu saya pernah share tentang cara memasang like box Facebook di blog. Nah sekarang saya akan share tentang cara membuat dan memasang Twitter Follower Box di blog.Mungkin menampilkan akun twitter anda di blog maka  orang akan merasa lebih mudah mendapatkan akun twiter anda jika akun ada terpampang di blog anda . Terkadang orang mungkin hanya menampilkan tulisan Follow me , tapi berbeda dengan yang satu ini dia menampilkan gambar profile-nya , dan disertakan dengan Followers nya .Tampilannya nanti seperti like box Facebook, bisa Anda lihat gambar disamping itulah contoh Twitter box untuk blog anda . udah deh .. saya cape ga usah basa-basi lagi langsung aja kita lihat tutorial nya di bawah ini!

Ok, langsung aja Berikut cara membuat Twitter follower Box di Blog :

1. Login ke Blogger

2. Klik Dasbor  >  Rancangan  > Tambah Gadget

3. Pilih wiadget HTML/JavaScript

4. Masukan kode ini

<!-- Twitter Follower Box -->
<script type=text/javascript>
function fanbox_init(screen_name){document.getElementById(twitterfanbox).innerHTML=<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=+screen_name+" class="FB_SERVER_IFRAME" scrolling="no" style="width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>;}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("Tutorialblogz");
<!-- End Twitter Follower Box --></script
type="text>

5. Ganti Tutorialblogz dengan Username anda di Twitter.

6. Untuk merubah ukuran, sesuaikan width dan height-nya

7. Save dan Selesai . 

Semoga Berhasil ya Sob :)

Read more

Cara Menampilkan Total Postingan di Blog

 Cara Menampilkan Total Postingan Blog - Dulu saya pernah memposting tentang Cara Menampilkan Total Komentar di Blog .. Nah Kali ini yang akan kita bahas adalah "Cara Menampilkan Total Postingan Blog". Fungsinya agar pengunjung dapat mengetahui jumlah postingan blog kita . Menampilkan Total postingan sebenarnya Sedikit sama dengan Menampilkan Total Komentar , Hanya saja kalau menampilkan total komentar ia menampilkan jumlah komentar dari pengunjung ,, sedangkan kalau Menampilkan Total postingan ia menampilkan jumlah postingan ..  Nah bagi sobat yang ingin tau cara menampilkan total postingan di blog , tinggal ikuti langkah - langkah berikut :
 

1. Login ke Blogger sobat

2. Rancangan

3. Tambah Gadget

4. HTML/Javascript

5. Copy kode dibawah ini dan pastekan di HTML/Javascript

<script style="text/javascript">function showpostcount(json) {document.write(Total Posts : <b> + parseInt(json.feed.openSearch$totalResults.$t,10) + </b><br>);}</script><script src="http://.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Keterangan : yang berwarna merah ganti dengan url blog sobat ..

6. Simpan

Selesai dan Selamat Mencoba ! ! !

Read more