content top

Membuat Tempat Iklan Di Blog Kamu

Posting kali ini tentang gimana cara bikin wadah iklan di sidebar yang tersusun rapi 2 kolom.
Sebenarnya membuat tempat iklan seperti itu bisa kita akali dengan cara membuat table, cukup dengan memasukkan kode ini ke dalam gadget sidebar:


<table border="0">
<tbody>
<tr>
<td><a href="url tujuan"><img src="url gambar" /></a></td>

<td><a href="url tujuan"><img src="url gambar" /></a></td>
</tr>
<tr>
<td><a href="url tujuan"><img src="url gambar" /></a></td>
<td><a href="url tujuan"><img src="url gambar"/></a></td>
</tr>
</tbody>
</table>


Sayangnya aku sama sekali gak memakai trik tabel dalam membuat wadah iklan.
Aku lebih memilih memakai trik CSS berikut:

  • Masuk ke Edit HTML pada Tata Letak
  • Paste kode dibawah ini diatas kode ]]></b:skin>
.adspost {
background:#fff;
float: left;
width: 578px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #f3f1eb;
}

/* Ads Spots 125x125 */
#adspot {
overflow: hidden;
padding:0;
}
.ad1, .ad3, .ad5, .ad7{
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4, .ad6, .ad8{
float: right;
margin-bottom: 5px;
padding-right:0px;
}



Kalau sudah kamu simpan templatenya!
Lalu pergi ke elemen halaman untuk tambah gadget HTML, paste kode dibawah ini:

<div id='adspot'>

<!-- Ad1 start -->
<a class='ad1' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad2 start -->
<a class='ad2' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad3 start -->
<a class='ad3' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad4 start -->
<a class='ad4' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<div class='clearer'/>
</div></div>



Naaaah, selesai deh. Gampang kan?

Membuat Numbered Page Pada Page Blog Kamu

Sebenarnya trik kali ini bisa dibilang trik yang lumayan zadul juga sih sebab trik ini udah ada dari dulu.
Apa itu Numbered Page Navigation?
Coba kamu lihat pada daerah postingan bagian bawahpada Blog kamu!
ada sebuah menu navigasi yang akan menuntun pengunjung ke postingan berikutnya kan?
nah itulah yang disebut dengan Page Navigation
Lalu pada post kali ini kita akan mencoba untuk membuat Page Navigation dengan menampilkan angka yah kurang lebih seperti di bawah iniOkay langsung aja deh ke tutorialnya!

  • Pertama masuk dulu ke Blogger lalu menuju ke "Rancangan" dan "Edit HTML"
  • Copy kode CSS dibawah ini dan paste sebelum kode ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
  • Silahkan edit CSS tersebut sesuai kebutuhan!
  • Lalu langkah berikutnya adalah memasukkan script berikut sebelum tag </body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
  • Kode hijau adalah jumlah halaman yang ditampilkan, kode berwarna merah adalah kode banyaknya angka yang ditampilkan, dan yang biru adalah kata/teks yang keluar pada menu navigasi
  • Kamu simpan dulu template kamu
  • Tunggu! belum selesai! kamu tandai "Expand Widget Template"
  • Cari kode 'data:label.url' dan ganti dengan
'data:label.url + &quot;?&max-results=5&quot;'
  • Simpan Template dan selesai!
Coba kamu cek deh! kalau gagal coba kamu ulangi! siapa tahu ada yang terlewat
Eah met beraktivitas kawanku semua!!!!

Memasang Widget Recent Post Dengan Animasi (JQuery)

Pagi sahabat blogger. Dah lama ya aku ga posting? Heheheh.. Sebenarnya aku mau ngepost sesuatu, tapi karna aku lagi malas, jadinya aku tunda tunda deh.. Pada postingan kali ini, aku ngasih sedikit ilmu nih tentang bagaimana bikin widget recent post di blog kita..

Cara membuatnya sangat mudah karena tinggal menambahkan widget seperti biasa.







  • Masuk ke menu Rancangan lalu pilih elemen laman
  • Klik "tambah gadget"
  • Pilih HTML/Javascript
  • Paste kode berikut ke dalamnya

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
    border:1px solid #ddd;
    }

    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }

    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->
    </style>

        <script language='JavaScript'>

    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;

    thumbheight = 70;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = true;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 10;

    home_page = "http://blog-kedua.blogspot.com/";

    limitspy=4
    intervalspy=4000

    </script>

    <div id="spylist">
        <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
    </div>



  • Kode berwarna merah ganti dengan alamat blog kamu
  • warna hijau gantu dengan jumlah post yang ingin ditampilkan
  • Klik tombol simpan lalu lihat hasilnya!
  • Mudah kan? Selamat mencoba!

Download AVG PC Tuneup

AVG. Mungkin sebagian dari kamu menafsirkan bahwa ini adalah antivirus kan? Ya emang sih ada produk antivirus dari AVG. Tapi tak selamanya produk AVG itu antivirus loh. Contohnya saja ini, postingan kali ini aku berikan software AVG PC Tuneup.

Kalian tau ga apa itu PC tuneup, atau apa itu kegunaan PC tuneup? Nih sedikit ilmu kukasih, tuneup itu kegunaannya buat mengoptimalisasikan (panjang bener) kerja komputer, atau bahasa pasarannya mempercepat kerja komputer. Sebenarnya tak hanya itu sih, masih ada yang lain, tapi intinya itu.

Udah cukup deh basa basinya, dibawah ini ku kasih link download AVG PC Tuneup yang udah ada crack didalamnya, jadi kagak perlu repot repot lagi cari crack, patch, atau serial apa lah itu sgala.

Berbagai Macam Jenis Dan Sifat Blogger

Sebenarnya kali ini aku cuma repost (alias copy paste) dari http://komunitaskami.com/komunitas-blogger/berbagai-macam-blogger-jenis-dan-habitatnya/ karena postingannya bagus kayaknya gak salah deh kalau dipost di sini.
Sebenarnya aku agak jarang Copy-Paste tapi kayaknya post kali ini memang bagus buat dishare di sini

Berikut macam, jenis dan habitat beberapa Blogger: 


Blogger Sejati
Blogger yang memang gemar menulis buku harian. Sebelum adanya teknologi blog, orang – orang yang termasuk aliran Blogger Sejati adalah orang – orang yang punya buku diary dan rajin mengisinya tiap hari. Blogger aliran ini biasanya tidak perduli akan SEO, Page Rank, Alexa Rank, Hit Pengunjung, apalagi online earning. Pokoke apa pun yang terjadi, nge-blog jalan terus. Tidak aneh bila kita membaca blog jenis ini biasanya terbawa arus mengikuti [baca:mengamati] kehidupan pribadi sang blogger.

Blogger Selebriti
Blogger aliran ini umumnya berasal dari orang yang memiliki potensi untuk terkenal tetapi tidak mendapat kesempatan terkenal di dunia offline sehingga banting setir jadi blogger dengan harapan bisa jadi selebriti di dunia blogger. Kalau ditanya kenapa mereka banting setir, jawabannya mudah, karena blogger di Indonesia jumlah masih sedikit, sehingga mudah untuk menjadi selebriti di dunia blog daripada bersaing jadi selebriti beneran.
Blogger aliran ini biasanya agak idealis, suka menonjolkan profil pribadi, tidak suka berbicara masalah uang, online earning, dll hingga rata – rata blognya bersih dari iklan ( tapi kalau sekali – sekali diundang jadi pembicara seminar, tidak pernah nolak ). Lebih suka berbicara tentang kegiatan – kegiatan yang bersifat sosial. Sering memberikan pencerahan – pencerahan dan nasihat – nasihat yang bijak.

Blog Maker
Sebenarnya aliran ini tidak termasuk Blogger penuh, karena tidak selalu nge-blog. Nge-blog bila ada order 
Aliran ini memang sangat memperhatikan hal – hal teknis seperti code – code html, script php, design, Hosting Server, SEO, Alexa Rank, Visitor, dll karena memang pekerjaan blogger seperti ini adalah tukang buat blog atau web buat orang lain.
Blogger aliran ini biasanya akan merasa puas lahir dan bathin bila blog/web yang dibangun cantik, SEO friendly, SERP tinggi di google, apalagi bila yang order web / blog merasa puas, walau tak jarang menjadi kecewa di kemudian hari karena bayaran yang murah dan tidak seimbang dengan capeknya bergadang. 
Blogger aliran ini sangat rentan ( baca:gatal ) ingin menguji kemampuannya. Apalagi bila melihat blog buatan orang lain lebih bagus dari karyanya, biasanya meraka akan habis-habisan menambah ilmu agar bisa membangun blog yang lebih baik.
Bila ada kesempatan, mereka tak sungkan saling test kemampuan ( walah bahasanya ), misalnya mengikuti kontes blog, kontes SEO macam Busby SEO Test ( ini kontes tingkat dunia lho… ), atau kejar mengejar keyword tertentu di google.com misalnya keyword SEO, Konsultan SEO, Tukang SEO, dll.
Ada yang unik dari blogger jenis ini. Bila blog pribadinya sering diupdate, sering gonta ganti design, SERP nya tinggi, dll artinya mereka lagi sepi order


Blogger Komersil
Blogger aliran ini adalah blogger yang punya intuisi bisnis yang tinggi, memiliki kemampuan advertising yang handal dan tentunya memilki kemampuan teknis per-SEO-an juga karena umumnya mereka sangat memperhatikan hal – hal yang berkaitan dengan SEO, SERP, Visitor Traffic karena bisa berdampak langsung terhadap earning ( baca:uang ) yang dihasilkan.
Blogger komersil juga terbagi menjadi beberapa sub jenis :

    - Full Online Earning
Murni mendapat penghasilan dari online seperti iklan, membership, dll. Mereka akan membuat sebuah web yang bisa menarik banyak pengunjung dan berharap iklan yang dipasang ada yang nge-klik atau membuat sebuah web yang mengharuskan pengunjungnya membayar iuran anggota.
    - Semi Online / Offline
Blogger jenis ini adalah memadukan advertising online dari blog untuk sebuah produk atau layanan yang bersifat offline. Misalnya blog yang berbentuk toko online ( e-commerce ), travel online, dll.
Namun ada juga blogger yang melakukan promosi berapi – api secara online tapi tidak jelas produk atau jasa yang dijual. Biasanya mereka menawarkan cara cepat untuk menjadi kaya dari dunia online.
Biasanya mereka akan membentuk sebuah komunitas dengan membership berbayar. Anggota komunitas biasanya mendapat panduan atau tips – tips cara cepat menjadi kaya dari dunia online. Tapi anehnya, tidak jarang mereka menjadi kaya justru dari membership fee downline yang mereka rekrut.

Menurut kamu, aku blogger yang mana ya?????
Kamu sendiri juga paling pantas diposisikan di blogger yang mana???
Silahkan komentarrrrrrr!!!!!!

Cara Membuat Gambar latar belakang untuk Sidebar

Langsung saja ya, tak perlu repot, apalagi sampe pusing tujuh keliling


Silahkan ikuti langkah-langkah Berikut ini:


1.Login ke blogger2.Pada Dasbor klik Tata letak/rancangan3.klik Edit html->>expand template widget4.Kemudian Cari code seperti ini
#sidebar-wrapper {


5.Tambahkan code maka selengkapnya seperti di bawah ini
#sidebar-wrapper {
background-image: url(URL GAMBAR ANDA);


KET: Code yang berwarna MERAH adalah code yang harus anda tambahkan...6.klik simpan template jika sudah selesai...

Gaya - Gayaan Pakai CBox

Selamat malam sobat bloggerku yang setia. Pada postingan kali ini aku bakalan ngasih tau sobat sekalian tentang CBox, khususnya buat efek tulisan pada CBox. Sebenarnya sih ini postingan blog aku yg sebelumnya, tapi kali ini aku posting lagi. Heehehe

Ngomong ngomong udah pada tau belum apa itu CBox? Itu loooh, kalo blogger Indonesia bilangnya buku tamu, atau buku saran. Nah, pada waktu mengisinya kita diminta nama kita (tak perlu sign up kok), website/email, dan isi pesannya. (Ooooo, yg ituuuu). Dah pada tau kan?


Hmm..setelah baca artikel ini,mungkin sobat blogger bakalan punya hasrat pindah ke cBox, hehe.. Setelah saya pikir-pikir, memang tampilan dari cBox ini lebih ciamik dari pada ShoutMix. Masing-masing tentu punya kekurangan dan kelebihannya sendiri.



Kelebihan ShoutMix yaitu dapat merubah themes sesuka hati kita, sedangkan cBox tidak dapat mengembangkan themes sendiri, tetapi cBox punya style tersendiri yang unik. 




Mungkin kelebihan masing-masing bakal gak sama kalo yang versi berbayar, hehe..maklum premium sih..



Kalo biasa kode HTML diawali "<>" dan diakhiri dengan "", cBox juga begitu hanya berganti tanda aje diawali "[]" dan diakhiri "[/]".

Oke langsung saja..berikut beberapa style dalam cBox:





1. Teks Bergerak/ Marquee Text
    Letakkan teks di tengah di antara [scroll]...[/scroll]
    Contoh: [scroll] Medanese Do More!!! [/scroll]

2. Teks miring/ Italic Text
    Letakkan teks di tengah di antara [i]...[i]
    Contoh: [i] Medanese Do More!!! [/i]

3. Teks tebal/ Bold Text
    Letakkan teks di tengah di antara [b]...[/b]
    Contoh: [b] Medanese Do More!!! [/b]

4. Teks bergaris bawah/ Underline Text
    Letakkan teks di tengah di antara [u]...[/u]
    Contoh: [u] Medanese Do More!!! [/u]

5. Teks bergaris tengah/ Strikethrough Text
     Letakkan teks di tengah di antara [s]...[/s]

    Contoh: [s] Medanese Do More!!! [/s]



6. Teks ukuran kecil/ Small Text

    Letakkan teks di tengah di antara [small]...[/small]

    Contoh: [small] Medanese Do More!!! [/small]


7. Teks ukuran besar/ Big Text
    Letakkan teks di tengah di antara [big]...[/big]

    Contoh: [big] Medanese Do More!!! [/big]

8. Teks rata tengah/ Center Text
    Letakkan teks di tengah di antara [center]...[/center]
    Contoh: [center] Medanese Do More!!! [/center]

9. Teks berlink/ Link Text
    Letakkan teks di tengah di antara [url=link yang dituju]...[/url]
    Contoh: [url=http://blog-kedua.blogspot.com/] Medanese Do More!!! [/url]

10. Teks berwarna/ Color Text
    Letakkan teks di tengah di antara [color=kode warna]...[/color]
    Contoh: [color=green] Medanese Do More!!! [/color]

    Kode warna lainnya:
    [color=green]
    [color=red]
    [color=gold]
    [color=silver]
    [color=yellow]
    [color=blue]
    [color=black]
    [color=aqua]
    [color=lime]
    [color=bronze]
    [color=purple]
    [color=orange]
    [color=navyblue]





Ingat yang pertama ditulis terakhir ditutup kodenya ya..





Selamat mencoba..

Membuat Postingan Bergaya Scroll

Waaaah, kemarin aku tak sempat ngeposting secuil pun ke blog ini ya? Pada kangen ya karna aku ga posting apa pun kemarin? Ya sudah, ini aku bikin postingan yang baru.


Sebenarnya sih postingan ini punya nya sobat blogger aku, namanya (tiiiiiiiiiiiiiit) (nama disamarkan), alamat blognya http://blog.yudhaime.co.cc. Langsung saja ya, nih dia.


Kali ini aku ingin berbagi tentang tutorial bagaimana cara untuk membuat area postingan agar menjadi model scroll.
Kurang jelas? 
Maksudnya, kita akan mebuat tulisan di postingan menjadi bermodelkan scroll, dimana pengunjung nantinya tidak perlu repot menggulung layar blog hingga ke bawah. contohnya seperti gambar dibawah ini:



dan cara membuatnya sebagai berikut (chek it out):

  • Di sini kita hanya merubah CSS dari bagian posting saja
  • Masuk ke Blogger kamu, lalu ke menu Rancangan -> edit HTML
  • cari kode berikut:
.post { 
margin:.5em 0 1.5em;border-bottom:1px dotted #000000;padding-bottom:1.5em;}
  • Nah kita modifikasi kodenya dengan menambahkan kode
height:200px; 
overflow:auto;
  • Catatan: pada height:200px menunjukkan tinggi dari post yang ingin dibuat scroll kamu bisa merubahnya sesuai keinginan kamu!
  • Sehingga kode keseluruhan menjadi
.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted #000000; 
padding-bottom:1.5em; 
height:200px; 
overflow:auto; 
}
  • Simpan template dan lihat hasilnya!
Semoga bermanfaat ea!

content top