PTC ku

Cara Membuat Buku Tamu Di Samping

2010-08-03T02:31:00.001-07:00

Berikut saya postingkan cara membuat buku tamu di samping atau sidebar,...langkahnya :

# Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",

# Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",

# Copy-paste kode di bawah ini:

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<br/>

Mau punya buku tamu seperti ini?<br/>

Klik di

sini (Info Blog)

</a>

[tutup]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Silahkan di coba.....

Iklan Baris :: Free Download Lagu Ungu Terbaru Doa

2010-08-03T02:15:00.001-07:00

Judul*:	Free Download Lagu Ungu Terbaru Doa
Kategori*:	DLL
Isi*:	Free download mp3 lagu ungu terbaru Do'a Untuk Ibu Klik Link di bawah ini. http://www.4shared.com/audio/a7RRZOQh/_2__DoaUntukIbu-Ungu.html
Email*:	zaenal_v3@yahoo.co.id
Website:	http://iklankuklik.blogspot.com

Powered by EmailMeForm

Iklan Baris :: Situs Jejaring Baru

2010-06-28T06:17:00.001-07:00

Judul: Situs Jejaring Baru
Kategori: DLL
Isi: Blogwalking sana kemari khirnya saya menemukan situs jejaring baru yang sangat mengesankan, namanaya NETLOG, silahkan yang mau gabung copy paste Link ini dan daftar. Anda bisa Chatting dan lain sbagainya di sini
http://id.netlog.com/zaenalatiq
Email: zaenal_v3@yahoo.co.id
Website: http://

Visitor Ip: 118.97.15.19

Iklan Baris :: Test Posting Automatis

2010-06-26T17:45:00.001-07:00

Judul: Test Posting Automatis
Kategori: DLL
Isi: abcdefghijk
Email: dewiayu20@ymail.com
Website: http://

Visitor Ip: 192.168.0.5

Iklan Baris :: 1 dollar per klik

2010-06-26T17:38:00.001-07:00

Judul: 1 dollar per klik
Kategori: PTC
Isi: http://www.ptcsense.com/index.php?ref=zaenalatiq
nih per 1 dollar
Email: ayhgygs@hmail.com
Website: http://

Visitor Ip: 192.168.0.5

Sedikit informasi cara pembuatan Menu Tab View

2010-06-26T14:48:00.000-07:00

Mempersingkat satu elemen halaman menjadi 3bagian atau lebih yang masih-masing berisi wigget berbeda... itulah pertanyaan yang pernah di lontarkan salah seorang teman pada saya, waktu itu saya jawab...oh itu namanya tabview, klo di blog saya adalah sidebar menu dengan gambar seperti di Samping kiri : Widget tersebut berisi Follower Facebook, Recent Visitor dan Recent Comment. Nah cara membuatnya cukup simpel dan mudah bila anda mempelajarinya secara perlahan, karena menggunakan javascript dan css maka saya sarankan untuk mencobanya dulu pada blog percobaan, silahkan simak tutorial di bawah ini : Login ke tata letak , edit html , chek expand widget template dan cari kode ]]></b:skin> Pastekan kode CSS berikut di atasnya:

div.TabView div.Tabs
    {
    height: 24px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 90px;
    text-align: center;
    height: 24px;
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #000000;
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Arial", Times New Roman, Serif;
    font-weight: 900;
    color: #000080;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #BDBDBD;
    }
    div.TabView div.Pages
    {
    clear: both;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }

Lalu cari kode </head> dan pastekan javascript berikut di atasnya :

<script type='text/javascript'>
    function tabview_aux(TabViewId, id)
    {
    var TabView = document.getElementById(TabViewId);
    // ----- Tabs -----
    var Tabs = TabView.firstChild;
    while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
    var Tab = Tabs.firstChild;
    var i = 0;
    do
    {
    if (Tab.tagName == "A")
    {
    i++;
    Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
    Tab.className = (i == id) ? "Active" : "";
    Tab.blur();
    }
    }
    while (Tab = Tab.nextSibling);
    // ----- Pages -----
    var Pages = TabView.firstChild;
    while (Pages.className != 'Pages') Pages = Pages.nextSibling;
    var Page = Pages.firstChild;
    var i = 0;
    do
    {
    if (Page.className == 'Page')
    {
    i++;
    if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
    Page.style.overflow = "auto";
    Page.style.display = (i == id) ? 'block' : 'none';
    }
    }
    while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
    </script>

Simpan template anda dan selesai di sesi ini, kemudian kita masuk ke elemen halaman, kemudian tentukan di mana anda akan meletakan tabview anda sendiri (Mungkin di sidebar kanan/kiri/bawah/atas), klik add gadget atau tambah gadget, pilih javascript/Html lalu pastekan kode di bawah ini :

<form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 350px;">
    <a>Judul Tab 1</a>
    <a>Judul Tab 2</a>
    <a>Judul Tab 3</a>
    </div>
    <div class="Pages" style="width: 350px; height: 250px;">
    <div class="Page">
    <div class="Pad">
    Isi tab 1
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Isi tab 2
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Isi tab 3
    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>

Setelah selesai, klik aja simpan/save dan lihat hasilnya. Tab view milik anda sendiri telah selesai di buat.

Keterangan :
Warna Merah pada CSS adalah padding, width dan height serta warna dasar dari ini tab view yang harus anda sesuaikan dengan blog anda, maka dari itu coba dulu di blog percobaan yah.....
Warna Biru adalah warna judul dari masing2 tab misal di blog saya (Likes | Visitor | Comment | Post )
Warna Ungu adalah isi dari masing2 tab....pko'e yang berupa script misal script iklan, recent post atau yang lainya, terserah yang ingin anda masukan di situ apa......

Semoga sukses membuat tab view, oh ya di sini hanya di berikan contoh membuat tab view dalam 3 bagian saja, sebenernya bisa di buat menjadi 4 atau 5 bahkan lebih....untuk itu silahkan utak Atik bagian CSS nya sendiri...saya yakin pasti bisa asal berusaha, ya ndak hehe.......

Iklan Baris :: $ 10 per klik

2010-06-04T13:31:00.001-07:00

Judul: $ 10 per klik
Kategori: PTC
Isi: di bayar $ 10 per klik payout $10000
Email: zaenalatiqqurohman@gmail.com
Website: http://www.tendollarclick.com/index.php?ref=zaenalatiq

Visitor Ip: 192.168.0.5