Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Sunday, January 2, 2011

Tutorial Blog , Membuat Blog di www.blog.com


Tutorial Blog , Membuat Blog di www.blog.com
Diposkan oleh Kampus Baca di Sunday, January 02, 2011 0 komentar
Label: ,

Saturday, December 4, 2010

Cara membuat iklan melayang / mengikuti gerakan mouse di blog

Ingin iklan anda diklik banyak orang,sehingga anda dapat keuntungan?
Tips ini memang agak memaksa...hahahhahah
Yaitu dengan memasangkann iklan mengikuti gerakan mouse, sehingga pengunjung akan menutup atau tidak sengaja klik iklan anda,
  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya…





berikut contohnya kode htmlnya

<style type="text/css">

#topbar{

position:absolute;

border: 1px solid #666666;

padding: 2px;

background-color: transparent;

width: 2000px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

barheight=document.getElementById("topbar").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

var d = document;

function ml(id){

var el=d.getElementById(id);

if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopLeft=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("topbar");

stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<div id="topbar">

<a href="" onclick="closebar(); return false"><span style="float:right">[X]</span></a>

<script src="http://kumpulblogger.com/scahor.php?b=138082" type="text/javascript"></script>

</div>




Nah contoh yang sederhana,,dengan warna yang transparant sehingga pengunjung juga dapat melihat halaman/postingan di belakangnya.
Diposkan oleh Kampus Baca di Saturday, December 04, 2010 4 komentar
Label: ,

Friday, December 3, 2010

Cara mudah membuat menu daftar isi pada blog

Daftar isi pada website/blog berfungsi sebagai alat navigasi bagi pemilik maupun pengunjung untuk menjelajahi isi dari website/blog.Posting ini akan membahas khusus soal alat navigasi berupa Daftar Isi seperti pada Blog kampus baca ini, contohnya seperti di bawah ini:


 

Pada umumnya jenis daftar isi ada 2 (dua) macam yaitu daftar isi manual dan daftar isi otomatis. Perbedaan dari kedua daftar isi tersebut adalah jika daftar isi manual sesuai dengan namanya dipasang dan diatur secara manual sesuai keinginan pemilik blog, sedangkan jika daftar isi otomatis akan secara otomatis menampilkan isi blog berdasarkan urutan abjat pada lable dan judul postingan.



Baiklah saya rasa penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Cara Pasang Daftar Isi Manual Di Blogspot, silahkan ikuti langkah-langkahnya sebagai berikut :


  1. Login ke Blogger, Klik Rancangan/Design;


  2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;


  3. Cari dan pilih HTML/Javascript;


  4. Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :


    • <style>

      .list {

      background: url("http://cdn4.iconfinder.com/data/icons/fatcow/32x32_0160/bullet_go.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;

      }

      </style>

      <div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:333px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/12/memasang-tombol-share-dan.html">Cara memasang tombol share dan bookmark</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/12/cara-menuliskan-kode-html-pada.html">Cara menuliskan kode HTML pada blog</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/12/memasang-email-subscriptions.html">Cara memasang email subscriptions</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/12/meningkatkan-traffic-dengan-membuat.html">Cara membuat banner tukeran link </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/12/cara-ikut-kumpul-blogger.html">Cara ikut kumpul blogger</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/cara-mengganti-favicon-di-blogger.html">Cara mengganti logo favicon di blog</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/membuat-sidebar-dalam-kotak-kotak.html">Cara membuat sidebar dalam kotak-kotak </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/buat-kolom-dibawah-header-pada-magazine.html">Cara buat kolom di bawah header pada magazine</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/free-html-dan-php-editor.html">free HTML dan php editor </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/tutorial-pasang-widget-alexa-di-blog.html">tutorial pasang widget alexa di blog </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/tips-meningkatkan-alexa-rank.html">tips meningkatkan alexa rank pada blog </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/apa-sih-situs-social-bookmarking.html">apa sih situs sosial bookmarking itu? </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/solusi-mengatasi-kotak-komentar-yang.html">solusi mengatasi kotak komentar yang bermasalah </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/tutorial-membuat-horizontal-navigasi.html">tutorial membuat horizontal navigasi menu </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/buat-logo-image-button.html">cara buat logo image button pada blog </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/cara-pasang-musik-pada-blog-mohon-maaf.html">tutorial memasang background musik pada blog </a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/pasang-statistik-dan-tracker.html">cara pasang statistik dan tracker di blog</a></div>

      <div class="list">

      <a href="http://kampusbaca.blogspot.com/2010/11/membuat-foto-animasi.html">Cara membuat foto animasi di blog </a></div></div>



    6. Klik Tombol Save/Simpan.

 

 

Diposkan oleh Kampus Baca di Friday, December 03, 2010 2 komentar
Label: , ,

Thursday, December 2, 2010

Cara menuliskan kode HTML pada postingan di blog

Ada teknik tersendiri untuk menuliskan kode-kode/script HTML ke dalam postingan ( ga boleh sembarang lho nulis kode/script dalam postingan). Maksudnya ga boleh sembarangan gimana?Gini lho, Kode HTML maupung script HTML bila kita posting dengan menuliskan kode/script tersebut apa adanya, maka yang muncul di blog kita tidaklah seperti yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;head&gt;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?

Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?



Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:



Cara Pertama :

- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.

- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.



Cara Kedua :

- Tuliskan semua kode/script ke dalam notepad

- Kemudian ganti/replace kode-kode berikut



Kode
Kode Pengganti
<
&lt;
>
&gt;
"
&quot;
- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.

- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.
Diposkan oleh Kampus Baca di Thursday, December 02, 2010 0 komentar
Label: ,

Cara ikut kumpul blogger

Kumpul blogger merupakan cara dapat uang lewat blog,dll,dengan cara memasangkan iklan dll. Misalkan pengunjung mengeklik iklan kamu,maka kamu akan dapat imbalan, biasanya jumlahnya berbeda-beda. Semakin banyak orang yang klik iklanmu, semakin banyak pula rupiah yang kamu kumpulkan. Nah kalo kamu pengen gabung, tinggal klik gambar dibawah ini. Mudah kok...tinggal klik terus isi formulir, n selesai



semoga bermanfaat,,,thank,s
Diposkan oleh Kampus Baca di Thursday, December 02, 2010 0 komentar
Label: , ,