Kamis, 25 Februari 2010

PASANG IKLAN DIATAS POSTINGAN

Selamat berjumpa kembali kita pada postingan berikut ini yaitu kita membahas masalah peletakan iklan diatas atau dibawah postingan saya yakin tidak semua blogger tahu cara pemasangan iklan tersebut banyak diantara kalian yang ada di jagad dunia maya ini belum tahu termasuk saya ini baru tahu dan sudah memperaktikannya dalam blog saya hasilnya memuaskan, baik diantara sahabat-sahabat yang ingin mengutak atik akan saya beritahu caranya

Kamu boleh percaya ataupun ngga itu hak kamu, tp yang pasti.. yang dialamin oleh sy y kaya
gini. Penempatan posisi iklan yang menurut sy muantapp yaitu "Dipasang di bawah setelah read more di klik" (ini sudah pernah dibahas disini) dan satu lagi yaitu yang akan trik yuwie bahas kali ini "Dipasang diatas posting setelah read more di klik"

1. Log in di blog kamu

2. Masuk "LAYOUT / Tata Letak" ------- > "Edit HTML"

3. Jangan lupa seperti biasa "Back Up dulu templatenya" ,

4. Centang kotak "Expand Template Widget"

5. Cari kode Read Morenya , biasanya kaya di bawah ini :


<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style> <p><data:post.body/></p>
<a expr:href='data:post.url'>.:. Read More..</a>
</b:if>


(Buat yang belum tau caranya pasang read more, liat dulu disini ya kawan..)

6. Klo udah ketemu, untuk menampilkan iklan diatas posting tadi maka kamu tinggal menambahkan aja kode ini

<div style='float:up;'>
Kode Iklannya simpan disini
</div>

Dan selanjutnya simpan tepat di bawah kode

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

7. Nanti hasilnya seperti ini :

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

<div style='float:up;'>

Kode Iklannya simpan disini

</div>

<style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style> <p><data:post.body/></p>
<a expr:href='data:post.url'>.:. Read More..</a>

</b:if>I

Keterangan :
  • Jangan lupa kode iklan yang mau dipasang harus merupakan kode iklan yang sudah di "PARSE", apa itu parse.. baca infonya disini..

  • Untuk warna merah (UP) bisa kamu ganti misalnya dengan kata LEFT (maka iklan tampil di bagian kiri posting.. buka blognya lalu lihat salah satu postingnya), atau bisa kamu ganti dengan RIGHT.. terserah deh cocoknya yang mana .




  • Minggu, 21 Februari 2010

    MENGUBAH JUDUL SIDEBAR JADI HURUF KECIL/BESAR

    Pada Postingan kali ini kita akan membahas mengenai judul tersebut diatas kita sering bosan dengan judul yang kecil mau huruf besar semuanya atau huruf besar di awal huruf judul nya nanti kita bahas semuanya namanya juga manusia tak akan puas maunya ada perubahan, sama dengan saya kalau saya lain lagi penampilan Blog sering di rubah kalau tempaletenya warnanya dirubah tak pernah puas he he he penampilan.

    Baik caranya kurang lebih seperti ini mudah kok :

    1. Logen ke Blogger ID anda
    2. Pilih Tata Letak
    3. Pilih Edit HTML
    4. Download Template lengkap agar data template aman ada datanya
    5. Silakan cari code ini : .sidebar h2

    .sidebar h2 {

    font-size:110%;

    font-weight:bold;

    text-transform:uppercase;

    text-align:right;

    border: 1px solid #000;

    background:#6df466;

    padding;5px;

    }

    Keterangan :

    Kode font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat kita ganti sesuai selera kita

    Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat kita ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.

    Kode text-transform:uppercase; : kata uppercase ialah huruf kapital (besar). Anda dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar). pilih sesuai selera kita

    Kode text-align:right; : Letak judul sidebar di bagian kanan. Anda dapat mengganti dengan left atau center. kanan kiri dan tengah

    Kode border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. kita bisa mengganti ukuran dan warnanya dari garis tersebut.

    Kode background:#6df466; ; untuk menampilkan warna latar dari judul sidebar. ini bisa diganti dengan warna kegemaran kita

    Kode padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, supaya tidak mipit kepinggir

    Untuk yang berwarna merah silakan di ganti salah satu atau keseluruhan cari di keterangan tersebut diatas.

    Bagi anda silakan di coba dulu tanpa dicoba pekerjaan kita tak akan sukses

    Sabtu, 20 Februari 2010

    MENGHILANGKAN/UMPETIN BUKU TAMU

    Selamat berjumpa kembali dengan saya untuk membahas mengenai hasil blogking hasil jalan-jalan hari ada beberapa oleh-oleh yang saya bawa pulang kampung salah satu yang akan kita bahas kali ini adalah menghilangkan Buku Tamu ata bisa juga untuk yang lain tapi belum saya praktikan entar sajalah yang penting kita fokuskan yang ini aja dulu nah ini code scriptnya ya, lumayan panjang karena sama code Buku Tamu anda dipasangnya biasa ajalah di sidebar juga cukup asal masih dilihat orang/pengunjung karena yang kelihatan hanyalah tulisan "BUKU TAMU" atau apa tulisannya terserah anda ya, seperti Buku Tamu Melayang bedanya mungkin letak saja.
    Inilah caranya :
    • Pilih Tata Letak
    • Pilih Tambah Gadget
    • HTML/Javascript
    • Copy Code script dibawah ini

    <center>
    <div><div style="margin: 15px;">
    <div style="margin-bottom: 1px;" class="bigfont"><input style="margin: 0px; padding: 10px; width: 200px; " value="BUKU TAMU" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP BUKU TAMUNYA&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKU TAMU&#39;; }" type="button" />
    </div>
    <div style="border: 0px inset ; margin: 0px; padding: 0px;" class="alt2">
    <div style="display: none;">



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

    .gbtab{
    height:150px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat; ________ : yang ini boleh diganti gambar guestbooknya temen. http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png
    }
    .gbcontent{
    float:left;
    border:2px solid #FAFD02;
    background:#FAFD03;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    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>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <!-- BEGIN CBOX - www.cbox.ws - v001 -->
    <div id="cboxdiv" style="text-align: center; line-height: 0">
    <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=520437&amp;boxtag=v9bckq&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;" id="cboxmain"></iframe></div>
    <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=520437&amp;boxtag=v9bckq&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform"></iframe></div>
    </div>
    <!-- END CBOX -->
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>

    Warna Merah bisa anda ganti sedangkan warna biru itu adalah code Buku Tamu anda sendiri silakan ganti kalau tidak diganti itu buku tamu saya mau punya saya ?

    Keterangan :
    Ini Contohnya :
    width:
    200px; : Panjang Kolom Buku Tamu
    padding:
    10px; : Tinggi Kolom Buku Tamu seperti di bawah ini

    Kemudian Simpan Selesai Selamat mencoba

    Untuk lebih baiknya Buku Tamu yang lama dibuang saja karena akan mengganggu kinerja Buku Tamu yang baru




























    Jumat, 19 Februari 2010

    MEMBUAT SLIDE HEADLINE

    Mat Malam Selamat Bertemu Kembali dengan saya selaku pemilik Blog ini kepada pengunjung setia Blog Code Script bersedia melowongkan waktunya untuk sekedar berkunjung ke Blog saya ini sebelumnya terima kasih yang sebesar-besarnya atas kunjungannya.
    Baik dalam kesempatan kali ini tepat pada malam ini Jum'at malam tanggal 19 Pebruari 2010 kita akan membahas mengenai Pembuatan Slide Headline, baik apa bila anda ingin membuat slide ini lihat caranya sebagai berikut :

    1. Login terlebih dahulu ke Blogger
    2. Masuk ke bagian Tata Letak/Layout
    3. Pilih Tab menu Edit HTML
    4. Centang tulisan Expand Widget Template
    5. Cari code ini ]]></b:skin> (untuk memudahkan pencarian tekan Ctrl+F)
    6. Copy Paste code CSS dibawah ini
    sebelum code diatas :

    #slider {
    background:#101010;
    height: 153px;
    text-align:center;
    overflow: hidden;
    position: relative;
    margin: -5px 0px;
    }

    #mover {
    width: 600;
    position:absolute;
    overflow:hidden;
    }

    .slide {
    padding: 15px 0px;
    width: 1000px;
    float: left;
    position: relative;
    height:130px;
    }

    .slide h2 {
    font-family:Georgia, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight:bold;
    text-align:left;
    color: #FFFF00;
    padding:0px 0px 0px 0px;
    margin:0px 0px;
    width:440px;
    overflow:hidden;
    }

    .slide h2 a:link, .slide h2 a:visited {
    color:#E1771E;
    background-color: transparent;
    }

    .slide h2 a:hover {
    color: #ff0000;
    background-color: transparent;
    }

    span.slmet {
    color: #ee0909;
    font-size: 10px;
    font-family:Tahoma, georgia, Helvetica, Sans-Serif;
    line-height: 20px;
    width: 200px;
    padding:0px 0px 0px 30px;
    margin:0px 0px;
    text-transform:uppercase;
    }
    .slide p {
    color: #FFFFFF;
    font-size: 12px;
    text-align:left;
    font-family: Georgia, Helvetica, Sans-Serif;
    line-height: 20px;
    width: 440px;
    padding:0px 0px 0px 0px;
    margin:0px 0px;
    }

    .slide img {
    position: absolute;
    top: 20px;
    left: 225px;
    background:;
    padding:10px 10px;
    }

    #slider-stopper {
    position: absolute;
    font-family: Georgia, Helvetica, Sans-Serif;
    top: 1000px;
    right: -125px;
    color: #FF0000;
    padding: 3px 8px;
    font-size: 14px;
    font-weight:bold;
    text-transform: uppercase;
    z-index: 1000;
    }

    7. Langkah selanjutnya cari code ini </head>
    8. Copy Paste code berikut
    sebelum code </head>

    <script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
    <script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
    <script type='text/javascript'><!--//--><![CDATA[//><!--
    sfHover = function() {
    var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    //--><!]]></script>

    9. Simpan hasil kerja anda
    10. Langkah selanjutnya klik tab menu Elemen Laman
    11. Buat klik Add a Gadget, pilih HTML/Javascript
    12. Paste code dibawah ini didalamnya


    <!-- Casing -->
    <div id="casing">
    <!-- Slider -->
    <div id="slider">
    <div id="mover">
    <div class="slide">
    <h2><a href="http://www.seiparing.blogspot.com/">JUDUL SLIDE 1</a></h2>
    <p>isi artikel slide 1</p>
    <img src=""/>
    </div>
    <div class="slide">
    <h2><a href="http://www.seiparing.blogspot.com/">JUDUL SLIDE 2</a></h2>
    <p>isi artikel slide 2</p>
    <img src=""/>
    </div>
    <div class="slide">
    <h2><a href="http://www.seiparing.blogspot.com/">JUDUL SLIDE 3</a></h2>
    <p>isi artikel slide 3</p>
    <img src=""/>
    </div>
    </div>
    <!-- /Mover -->
    </div>
    <!-- /Slider -->
    <div class="clear"/></div></div>

    13. Ganti tulisan http://seiparing.blogspot.com/ dengan link posting blog anda.
    14. Ganti tulisan berwarna merah dengan Judul Slide anda
    15. Ganti tulisan berwarna biru dengan isi artikel slide anda

    NB: Untuk mengubah warna background dan lain-lainnya bisa anda edit pada code CSS
    diatas

    CARA MENGHILANGKAN JUDUL BLOG

    Pada Kesempatan kali ini kita berjumpa kembali di Blog code script untuk membahas judul blog yang mau dilangkan di umpetin kemana di umpetin kekali kaliya he he he tahu kemana, yang jelas tak ada lagi alias hilang nah ini caranya

    1. Masuk Ke Tata Letak-> HTML lalu cari kode yang mirip dibawah :


    }
    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: normal normal 200% Georgia, Serif;
    }


    Lalu ganti kode tersebut dengan menambahkan kode visibility:hidden; dan jadinya seperti di bawah ini :

    }
    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: normal normal 200% Georgia, Serif;
    visibility:hidden;
    }


    Nah mudah2an cara ini berhasil menghilangkan judul blog anda kapan-kapan judulnya ntar dijemput lagi ya

    Kamis, 18 Februari 2010

    CARA MEMBUAT LINK TEKS DISENTUH TERBUKA SENDIRI

    Mat sore sobat Blogger saat ini tepat Jam 5 Sore tanggal 18 Pebruari 2010 dalam cuaca yang sangat panas seperti kaya kemarau saya coba menuliskan artekel yang sangat menarik yaitu link bisa terbuka sendiri tanpa di klik, saya berpikir bagus kita pergunakan pada iklan di blog kita karena tidak semua pengunjung senang dengan iklan termasuk saya nah oleh sebab itu bisa kita sisippi dengan code script ini, suatu hari saya berkunjung salah satu blog yang memasang script tersebut di iklannya terus sewaktu crosur saya melintas di iklannya terus terbuka ada bebarapa buah iklannya terbuka tanpa saya klik nah keuntungannya berapa kalau pengunjung 100 orang tenpa di klik pengunjung, hanya dilintasi crosur yang tidak disengaja pengunjung dia dapat uang nah gimana dengan anda silakan dipratikan di blog anda berikut code script nya dibawah

    <a href="http://www.seiparing.blogspot.com"onMouseover="window.location=this.href">CODE SCRIPT GRATIS</a>

    Berikut contohnya :

    CODE SCRIPT GRATIS


    CODE SCRIPT GRATIS

    Catatan :
    Tulisan yang warna merah ganti dengan teks anda
    Warna Biru Nama Link anda

    SELAMAT MENCOBA

    Rabu, 17 Februari 2010

    Membuat Border/Warna Beda Pada Script di Posting

    Selamat berjumpa kembali kita tetap bersama dengan Code script hari ini untuk menyampaikan salah satu ilmu yang saya ambil pada blog sahabat di dunia maya, salah satunya ini adalah Membuat Border/Warna pada Script di Posting.
    Adapun cara pemasangannya apabila anda ingin menampilkan postingan berupa Code script yang beda dari pada terdahulu, copy salah satu Code script dibawah ini terserah anda mau yang mana , Paste dipostingan anda kemudian masukan code script yang akan anda posting tepat di warna biru silakan anda ganti dengan code script anda
    Border berwarna dan jenis-jenis garis bordernya

    Solid Border
    <div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Ridge Border
    <div style="border: 2px #006400 ridge; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Groove Border
    <div style="border: 2px #006400 groove; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Inset Border
    <div style="border: 2px #006400 inset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Outset Border
    <div style="border: 2px #006400 outset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Double Border
    <div style="border: 2px #006400 double; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Dotted Border
    <div style="border: 2px #006400 dotted; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


    » Dashed Border
    <div style="border: 2px #006400 dashed; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>



    Border dengan scroll, lebar dan tinggi

    <div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>







    Solid Border
    TULIS SCRIPT/KODENYA DISINI


    » Ridge Border
    TULIS SCRIPT/KODENYA DISINI


    » Groove Border
    TULIS SCRIPT/KODENYA DISINI


    » Inset Border
    TULIS SCRIPT/KODENYA DISINI


    » Outset Border
    TULIS SCRIPT/KODENYA DISINI


    » Double Border
    TULIS SCRIPT/KODENYA DISINI


    » Dotted Border
    TULIS SCRIPT/KODENYA DISINI


    » Dashed Border
    TULIS SCRIPT/KODENYA DISINI



    Border dengan scroll, lebar dan tinggi

    TULIS SCRIPT/KODENYA DISINI





    » Ridge Border
    TULIS SCRIPT/KODENYA DISINI


    » Groove Border
    TULIS SCRIPT/KODENYA DISINI


    » Inset Border
    TULIS SCRIPT/KODENYA DISINI


    » Outset Border
    TULIS SCRIPT/KODENYA DISINI


    » Double Border
    TULIS SCRIPT/KODENYA DISINI


    » Dotted Border
    TULIS SCRIPT/KODENYA DISINI


    » Dashed Border
    TULIS SCRIPT/KODENYA DISINI



    Border dengan scroll, lebar dan tinggi

    TULIS SCRIPT/KODENYA DISINI
















    Sabtu, 13 Februari 2010

    Cara Membuat Scroll Keatas Secara Otomatis

    kamu Copy Paste aja script di bawah ini :


    <scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script> <script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>


    kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>
    Selesai

    CARA JITU MELINDUNGI ARTIKEL ANDA

    Betapa susahnya kita berpikir untuk menciptakan karya berhari mencari ilham bahkan ada yang sampai berbulan-bulan untuk menciptakan artikel yang menarik, kemudian tiba-tiba artikel kita di ambil orang dengan tidak minta izin kepada pemiliknya, sungguh tercelanya orang itu tidak menghargai karya orang. Nah untuk mengamankan karya anda, ada suatu solusi yang mungkin membantu anda untuk menjadikan karya anda tetap yang terbaik milik anda. caranya adalah Logen dulu ke Blogger
    • Pilih tata Letak
    • Klik Tambah Gadget
    • Klik HTML/Code Script
    • Copy Code dibawah ini
    <script>
    var message="maaf Tak boleh di Copy&quot;;
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}}
    function clickNS4(e){if (document.layersdocument.getElementById&&!document.all){if (e.which==2e.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>

    Paste di kolom HTML dan simpan selesai

    Tulisan yang berwana merah ganti sesuai selera anda

    Jumat, 12 Februari 2010

    Cara Membuat Halaman Statis di Blogger

    Pada postingan kali ini kita berjumpa lagi bersama saya kali ini kita membahas hasil keluyuran di berbagai Blog dengan oleh-oleh sekeranjang ilmu dan setumpuk code script yang saya bawa pulang ke rumah Blog aku ini, kemudian akan sya sajikan untuk para tamu-tamu yang sering berkunjung ke Blog ini dan mudah-mudahan bermanfaat.

    Berikut ini oleh-olehnya
    Baru-baru ini, Blogger meluncurkan banyak ditunggu Blogger Pages Fitur.
    Jadi, mari kita lihat bagaimana Membuat Halaman Statis di dalam Blogger.
    1. Masuk ke Blogger Draft (draft.blogger.com)
    2. Klik pada Posting
    3. Klik Edit Laman (halaman)
    4. Klik Laman Baru nanti akan muncul seperti gambar dibawah

    5. Isi Jodol Laman anda yang baru Misal Tentang saya dan perlu diketahui laman baru ini tidak akan kelihatan pada potingan muka dan seterusnya karena ini laman statis untuk menampilkan kita bahas nanti di akhir postingan
    6. Kemudian isi kolom laman anda tentang kamu
    7. Terbitkan Entri
    8. Untuk menampilkan Laman yang baru ini ini bisa kita letakan pada menu horizontal anda diatas dengan cara tambah dulu kolom yang baru dan masukan link laman anda dengan mengcpoy link laman caranya klik edit laman maka akan keluar gambar seperti dibawah ini kemudian klik kanan mouse anda pada view (lihat) klik Copy Link Location pada Firefox atau IE menyesuaikan kemudian paste pada kolom yang baru menu anda

    9. Laman ini bisa anda perbanyak sampai 10 Laman

    Mudah-mudahan dapat bermanfaat untuk anda semua dapat mengerti tentang Tutorial saya ini karena saya bukan seorang pendidik atau bukan seorang Tutor kayanya baliputan ya.

    Selamat mencoba

    MEMBUAT SCROL PADA LABEL

    Pada postingan kali ini kita berjumpa kembali untuk membahas berbagai artikel-artikel yang menarik terutama masalah Code script Scroll Label yang akan kita bahas kali ini, tapi disana di google banyak sekali yang membahas artikel ini namun tidak salahnya saya juga akan membahas tentang pembuatan Scrol pada label untuk tidak memanjang kebawah dan sebelum menuliskan artikel ini code script ini sudah di praktikan pada Blog saya yang lain hasil nya berhasil dengan sangat memuaskan sebelumnya terimakasih untuk yang membuat code script ini, baik untuk menyingkat halaman akan saya beritahukan cara memasang code ini :
    1. Masuk dulu ke Acount Blogger atau Dashboard
    2. Pilih Layout , lalu klik Edit HTML
    3. Centang dulu Expand Widget Templates
    4. Cari kode yang seperti ini :
      atau kata Archive.
    5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
    6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
    7. Lengkapnya kode tersebut seperti dibawah ini :
    8. Cara I
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:200px;'>
    <div id='ArchiveList'>
    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div></div>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>

    8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
    9. Mungkin saja diblog sobat kodenya beda,, carilah yang mirip Blog saya juga beda

    Selesai Selamat mencoba semoga berhasil, saya berhasil kenapa anda ngga cobalah dulu jangan putus asa.

    Contoh :


    Cara ke II

    Pilih Tata Letak/Layout pada Dashboard
    Pada menu, pilih Edit HTML
    ada halaman Edit HTML, download dulu template kamu dengan klik Download Template Lengkap
    Klik Expand Widget Template
    Kemudian cari kode berikut:

    <b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:100px;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

    Yang berwarna merah adalah kode yang harus ditambahkan di script itu
    Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.
    Tulisan yang berkedip adalah panjang Label yang ditampilkan, kamu bisa menggantinya sesuai keinginan
    Kemudian Pilih Simpan

    Kamis, 11 Februari 2010

    MEMBUAT POSTINGAN TIDAK BISA DIBLOG


    Pada postingan kali ini saya membahas mengenai postingan kita tidak bisa di blog, membaca kalimat tersebut tentunya artikel kita terhindar dari copas dari seseorang yang ingin mengambil artikel kita tanpa seizin pemiliknya, nah untuk pengamanan artikel anda silakan anda copy paste code dibawah ini gratis untuk dipergunakan sesuka anda
    • Pilih tata letak > edit HTML, jangan lupa download template lengkap (utk jaga2 saja)
    • Centang kotak expand widget
    • Cari kode </head>
    • Lalu copy code HTML dibawah ini tepat diatas code </head>
    <script type="text/javascript">
    if (typeof document.onselectstart!="undefined") {
    document.onselectstart=new Function ("return false");
    }
    else{
    document.onmousedown=new Function ("return false");
    document.onmouseup=new Function ("return true");
    }
    </script>

    Lalu simpan template
    Nah coba cek postingan anda kalau berhasil pasti isi postingan anda tidak bisa di blog pastinya tidak bisa di copy aman dih artikel anda, kalau di blog saya ini tidak pakai pengaman segala bebas copy apa saja di blog ini yang jelas diakhir atau diawal postingan anda buatkan link ke Blog saya kalimatnya terserah saja. terimakasih
    Selamat mencoba


    Membuat Postingan Tampil di Facebook



    Pada postingan kali ini kita membahas mengenai Blog antara facebook kenapa tersebut begitu , dengan sebuah code script berikut ini postingan anda akan dapat dipromosikan lewat dinding facebook milik anda.
    Bagi para pemilik blog yang ingin artikel atau postingannya ingin dishare di Facebook, berikut saya akan memberikan langkah-langkahnya, cukup mudah sekali, Ikuti saja langkah berikut ini :
    1. Logen dulu
    2. Arahkan ke Dashboard, Layout, kemudian Edit Html dan jangan lupa centang expand template widget
    3. Kemudian cari kode ini <b:if cond='data:top.showAuthor'>
    4. Kemudian Letakkan kode dibawah ini diatas kode yang berwarna biru diatas
    5. Ada 3 pilihan silakan pilih 1 diantara 3
    Code Script I
    <b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a> </b:if>

    Akan Tampak Nantinya di postingan kita seperti ini
    www.tips-fb.com

    Code Script II
    <b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a> </b:if>

    Maka akan muncul seperti ini
    www.tips-fb.com

    Code Script III
    <b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a> </b:if>

    akan muncul seperti ini
    www.tips-fb.com

    Sebelum anda simpan sebaiknya di Pratinjau dulu apakan berhasil atau tidak kemudian simpan

    Selamat mencoba


    Rabu, 10 Februari 2010

    PASANG FACEBOOK SHARE BUTTON DIBLOG


    Pada postengan kali ini mari kita bahas mengenai Facebook share Button di Blog , Terkadangbanyak hal yang harus dilakukan oleh para blogger dan terkadang hal-hal gokilpun dilakukan. Seperti sekarang ini, kadang facebook menjadi ladang promosi blog mereka sebab facebook merupakan jejaring sosial yang paling digemari baik tua maupun anak muda pejabat Kantor pun main facebookkan antar mereka . Dengan mengirimkan artikel mereka ke facebook para blogger berharap akan meningkatkan trafik blog. baik untuk cara pasang kita kihat dibawah ini :

    • Logen ke Blogger.com
    • Pilih Tata Letak
    • Kilik Edit HTML
    • Canteng expand Tamplate Widget
    • Kemudian cari Code ini <data:post.body/>
    • Copy dan paste kode di bawah ini tepat di atas kode <data:post.body/>

    # <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:right; padding:0 0 10px 10px;'> <script type='text/javascript'> facebook_url = &#39;<data:post.url/>&#39;; </script> <script src='http://widgets.fbshare.me/files/fbshare.js'/> </div> </b:if>


    Simpan Template anda selesai dan Selamat mencoba

    Selasa, 09 Februari 2010

    CARA MENAMBAH STATUS YM DI BLOG


    Pada postingan kali ini kita berjumpa kembali dengan saya yang berada di Pulau Kalimantan belahan Selatan, saya akan berbagi ilmu kepada sampian sabarataan setelah melanglangbuana ke jagat raya melalui kabel telkom yang saya miliki , kali ini kita akan membahas masalah status kita di blog apakah online atau offline supaya pengunjung mengetahui keberadaan kita di blog apakah online atau offline berikut cara memasang code scriptnya
    caranya..

    1. Log in blogger.com
    2. Dasbor > tata letak > elemen laman
    3. Tambah gadget > HTML/javascript
    4. Copas kode di bawah ini


    <a target="_blank" href="http://ymgen.com/chat.php?idne=ganti"> <img border="0" src="http://ymgen.com/ym.php?id2=ganti&s2=54"></a>




    &lt;a target=&quot;_blank&quot; href=&quot;http://ymgen.com/chat.php?idne=ganti"&quot;&gt; &lt;img border=&quot;0&quot; src=&quot;http://ymgen.com/ym.php?id2=ganti&amp;s2=54&quot;&gt;&lt;/a&gt;


    <a target="_blank" href="http://ymgen.com/chat.php?idne=ganti">
    <img border="0" src="http://ymgen.com/ym.php?id2=ganti&s2=1"></a>




    ket :
    ganti ID YM saya/tulisan berwarna merah dengan ID YM yg anda miliki.

    5. Simpan

    Hias blog dengan kembang api yuk!

    Untuk Mempercantik Blog mestinya perlu jangan seperti koran kaya benda mati gitu lho, hidupkan blog anda dengan berbagai hiasan slide misalnya dll atau yang akan kita bahas sekarang kaya kembang api tahun baruan, ya coba aja di blogmu kali aja bagus, cara pasang gampang

    • Masuk ke Tata Letak
    • Tambah Gadget
    • Klik HTML/Java Scripy
      Copy Saja Code dibawah tinggal pilih diantara tiga code dan paste

      kembang api

      <a href="http://s736.photobucket.com/albums/xx5/aryosp/?action=view&current=kembangapi1.gif" target="_blank"><img src="http://i736.photobucket.com/albums/xx5/aryosp/kembangapi1.gif" border="0" alt="kembang api"></a>


      kembang api2

      <a href="http://s736.photobucket.com/albums/xx5/aryosp/?action=view&current=kembangapi3.gif" target="_blank"><img src="http://i736.photobucket.com/albums/xx5/aryosp/kembangapi3.gif" border="0" alt="kembang api2"></a>

    kembang api3

    <a href="http://s736.photobucket.com/albums/xx5/aryosp/?action=view&current=kembangapi4.gif" target="_blank"><img src="http://i736.photobucket.com/albums/xx5/aryosp/kembangapi4.gif" border="0" alt="kembang api3"></a>


    Senin, 08 Februari 2010

    CARA MEMBUAT DAFTAR ISI BLOG


    Daftar Blog sangatlah penting dibuat untuk kenyaman bagi kita sendiri ataupun pengunjung untuk mencari apa yang kita inginkan denga cepat, oleh karena itu pada kesempatan kali ini saya akan membahas tentang Pembuatan Daftar Isi Blog, Daftar Isi Postingan atau apalah namanya, pembuatannya sangatlah mudah kita praktikan dengan mengikuti langkah-langkah seperti di bawah ini :

    Langkah Pertama
    1. Sign in di blogger.com
    2. Pada halaman dashboard, kemudian klik Layout.
    3. Pilih tab Edit HTML
    4. Centang kotak kecil Expand Widget Template.
    5. Kemudian cari kode seperti ini :
    <b:include data='post' name='post'/>
    6. Hapus kode tersebut, kemudian ganti dengan kode berikut ini:

    <b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>

    7. Simpan Template.

    Langkah pertama selesai.


    Langkah kedua
    1. Klik tab Elemen Halaman.
    2. Klik Tambahkan Elemen Halaman.
    3 Maka muncul window baru, pilih HTML/JavaScript.
    4. Copy dan paste kode berikut :


    <a href="http://www.seiparing.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>


    5. Ganti url http://seiparing.blogspot.com dengan url blog sobat. Dan jika sobat ingin mengganti berapa banyak daftar isi postingan yang akan ditampilkan maka tinggal mengganti nilai 200 menjadi berapa saja yang diinginkan sobat.


    6. Klik tombol Simpan

    Selesai.

    Minggu, 07 Februari 2010

    MEMBUAT TULISAN BERGAYA KORAN

    By. Ruslan 8 Pebruari 2010 10:58 Wita
    Pada postingan kali ini blog Kumpulan Script akan membahas bagaimana cara membuat tulisan bergaya koran. cara membuatnyapun tidak terlalu sulit, hanya beberapa langkah

    saja code scriptnya pun tidak terlalu banya. sobat tinggal ikuti langkah-langkah di bawah ini:
    1. Login ke blogger.com
    2. Pilih Tata letak Edit HTML
    3. Centang "Expand Template Widget"
    4. Kemudian cari kode seperti di bawah ini:
      ]]></b:skin>

    5. Kemudian copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>

      /* kode untuk hurup awal
      ----------------------------------------------- */
      .awal {
      float:left;
      color: #000000;
      background:#ffffff;
      line-height:80px;
      padding-top:1px;
      padding-right:5px;
      font-family:times;
      font-size:100px;
      }

    6. sebelum disimpan lebih baik pratinjau dulu apakah berhasil atau tidaknya kalau berhasil simpan template

    7. Agar fungsi Dropcap itu berfungsi maka letakkan huruf seperti contoh di bawah ini:
      <span class="awal">Huruf yang akan di perbesar</span>
    8. contoh:
      <span class="awal">S</span>

    9. Selesai

    Jumat, 05 Februari 2010

    Pasang Musik Di Facebook


    Login terlebih dahulu di ID Facebook Anda, buka URL aplikasi facebook berikut dibawah ini http://apps.new.facebook.com/mixpodplaylist
    Kemudian masukan nama judul lagu / nama group Bandnya di kotak pencarian tersebut Dan jangan lupa sebelum Anda memilih lagu sebaiknya diputar terlebih dahulu, cari yang buffering / loadingnya cepat dan juga bunyi kejernihan suaranya tidak tersendat2 yes oke pilih beberapa lagu yang kau sukai
    Selamat Mencoba semoga kreatifitas anda berguna untuk anda dan sobat facebook anda Playlist ini sudah di coba di facebook aku

    MEMBUAT FOOTER BAR STATIS

    Footer bar statis yang dimaksudkan adalah tampilan bar yang berada di paling bawah halaman blog ini dan tak tergeser(statis) ketika scroll digerakkan. Yang perlu anda ketahui adalah bahwa kode css di bawah adalah hasil copy-paste dari script css footer bar yang terpasang di blog ini, jadi tampilannya akan sama persis, keculai anda sedikit melakukan perubahan untuk link-linknya.

    Pertama yaitu Login Blog anda, Dari Dasbor Klik Tata Letak Lalu klik Edit HTML
    Baiklah langsung kita mulai, yang pertama anda copy kode css di bawah ini:

    #navbar-footer p {
    float: left;
    margin: 0px;
    padding-top:4px;
    padding-left:10px;
    vertical-align: middle;
    line-height: 1.2;
    }
    #navbar-footer {
    align: center;
    position: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 5px solid #ffffff;
    background-color: #ddd;
    width: 100%;
    left: 0px;
    text-align: left;
    color: #888;
    font-family: Verdana;
    font-size: 10px;
    z-index:10000;
    opacity: 0.9;
    filter: alpha(opacity: 90);
    bottom:0;
    }
    #footer-right {
    text-align:right;
    font-family:verdana;
    font-size:14px;
    font-color:#000000;
    padding-right:30px;
    }

    Setelah itu paste-kan kode di bawah tag <![CDATA[

    Kemudian copy lagi kode html di bawah ini:

    <div id='navbar-footer'> <p> <table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr> <td align='left' valign='middle'>© 2009 <a href='http://khamardos.co.cc/' title='Welcome To Here ...'>Khamardos's Site</a><br/> Hosted by <a href='http://www.blogger.com' title='blogger'>Blogger</a><br/> Thanks For All My Friend At SmanSa Pekanbaru . . . </td> <td align='right' valign='center'> <div align='right' id='footer-right'> <a href='http://khamardos.blogspot.com/search/label/friendster'>Friendster</a> <a href='http://khamardos.blogspot.com/search/label/facebook'>Facebook</a> <a href='http://khamardos.blogspot.com/search/label/Tip%20n%20Trik'>Tips n Trick</a> <a href='http://khamardos.blogspot.com/search/label/komputer'>Komputer</a> <a href='http://khamardos.blogspot.com/search/label/hacking'>Hacking</a> <a href='http://khamardos.blogspot.com/search/label/Belajar'>Belajar</a> <a href='http://khamardos.blogspot.com/search/label/Musik'>Musik</a> <a href='http://khamardos.blogspot.com/search/label/dll'>Dll</a></div> <td align='left' valign='middle' width='40'> <a href='#' title='Kembali Keatas !!!'> <img height='50' src='http://i655.photobucket.com/albums/uu271/spantibelspku/blog/top2.png' width='50'/> </a> </td> </td> </tr> </table> </p> </div> <script type='text/javascript'> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type='text/javascript'> try { var pageTracker = _gat._getTracker("UA-6583208-1"); pageTracker._trackPageview(); } catch(err) {}</script>

    Lalu paste-kan di atas tag </body>

    SELAMAT MENCOBA
    Keberhasilan anda merupakan kebanggaan kami terimakasih

    Cari Postingan yang lainnya

    CARA MEMBUAT FOOTER MULTI KOLOM

    Menambah colum pada footer template blog. Bagaimana cara membuat atau membagi footer template blog menjadi 3 colum. Colum footer adalah ruangan colum yang ada di bagian paling bawah template anda. Dengan membagi colum footer menjadi tiga colum bisa anda gunakan untuk menambah widget,iklan,atau apa saja yang anda inginkan.
    1. log in ke blogger anda.
    2. Click Edit HTML-Jangan centang kotak kecil EXPAND WIDGET !!
    3. Cari kode ]]></b:skin> didalam template anda.
    4 .Kemudian copy pastekan code di bawah ini tepat di atas kode ]]></b:skin>

    /* bottom
    ---------------------------- */

    #bottom {
    width: 925px;
    position: relative;
    clear:both;
    margin: 0 auto;
    color:#a4e11e;
    float: left;
    background:#000000;
    padding: 15px 0 15px 0;
    }

    #bottom h2 {
    padding: 5px 0 2px 0;
    margin: 0 0 10px 0;
    color:#ffcc66;
    font-size: 24px;
    letter-spacing: -1px;
    border-bottom: 1px solid #a4e11e;
    }

    #bottom ul {
    padding: 0;
    margin: 0;
    }

    #bottom ul li {
    line-height: 26px;
    list-style-type: none;
    border-bottom: 1px dashed #a4e11e;
    }

    #bottom ul li a {
    display: block;
    padding: 0 10px;
    color:#a4e11e;
    text-decoration: none;

    }
    #bottom ul li a:hover {
    background: #000000;
    }

    #left-bottom { /* Kode Kolom kiri */
    width: 300px;
    float: left;
    padding-left:10px;
    }

    #center-bottom { /* Kode Kolom Tengah */
    width: 300px;
    float: left;
    padding-left:10px;
    }

    #right-bottom { /* Kode Kolom Kanan */
    width: 300px;
    float: left;
    padding: 0 5px 0 10px;
    }


    5. Kemudian cari kode yang mirip dengan code dibawah ini :

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>

    ika anda tidak menemukan code tersebut coba cari kode seperti di bawah ini ;

    <b:section class='footer' id='lower-footer' preferred='yes'>

    6. Jika sudah ketemu copy paste kode di bawah ini tepat diatas code

    <div id='footer-wrapper'>

    <b:section class='footer' id='footer'/>
    </div>
    tadi.

    <div id='bottom'>

    <b:section class='bottom' id='left-bottom'/>

    <b:section class='bottom' id='center-bottom'/>

    <b:section class='bottom' id='right-bottom'/>

    </div>


    Keterangan :
    -Angka 925 adalah ukuran lebar keseluruhan template anda jadi anda bisa menggantinya dengan ukuran template anda karena jumlah columnya di bagi 3 maka silahkan anda bagi sendiri untuk 3 colum dengan padding 15 px tiap colum,padding artinya ruangan yang berada diantara 3 colum tersebut.
    -Kode a4e11e adalah kode warna garis bawah judul yang anda buat pada setiap kolom nantinya,bisa anda ganti sesuai dengan warna yang anda inginkan. untuk code warna silahkan baca sampai habis artikel ini.
    -kode 000000 adalah kode warna back ground,yang bisa anda ganti juga dengan kode warna back ground blog anda.
    -Kode a4e11e adalah kode warna border pada setiap kolom ,ganti dengan warna border yang anda inginkan.
    -Angka 300 yang warna hijau adalah ukuran lebar kolom sebelah kiri, bisa anda ganti dengan ukuran yang anda inginkan.
    -Angka 300 yang warna merah adalah ukuran lebar kolom tengah, bisa anda ganti juga denga ukuran yang anda inginkan.
    Angka 300 yang warna putih adalah ukuran lebar colum sebelah kanan, bisa juga anda ganti, yang penting anda sesuaikan ukurannya dengan ukuran lebar keseluruhan template anda,Tinggal anda bagi sendiri kemudian kurangin dengan ukuran padding pada setiap column 15 px. jadi kalo 3 column berarti mempunyai 2 column padding.
    Kesimpulannya adalah setiap kode angka yang tertulis dengan warna yang berbeda dengan text artikel bisa anda edit sendiri.