Membuat iklan melayang di samping kiri kanan

Assalamualaikum Wr. Wb.

Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog | Kali ini Blog Ariflaw akan sedikit meberikan Tips dan Cara Memasang Iklan Melayang di Sebelah Kanan dan Sebelah Kiri Blog keren. Nah kalian pasti udah pernah liatkan Blog yang memasang Iklan di Samping kana dan Kiri Blog. Biasanya jenis penempartan Iklan ini adalah jenis yang paling Mahal dari beberapa Tempat yang ada di blog. 

Kenapa paling mahal !! yah tau sendirikan iklan ini akan selalu tampil di semua Halaman yang pengunjung buka, nga cuman di home doang. Trus jenis tempat iklan ini juga bisa mengikuti Scroll dari Brouser, jadi mau di atas blog ataupun di bawah Blog ikan ini akan selalu tampil sesuai dengan ukuran dan Bentuknya. Seperti ini niee kira-kira contohnya.

Nahh gimana tuh udah ada gambaran !! oh yaa scrip ini ada tombol Closenya Lo, jadi kalo pengunjung nga suka kan mereka tinggal Close aja. hee hebat kan. Tertarik buat masang di blog, siapa tau setelah masang space iklannya ada Advister yang minat hee..

Berikut adalah Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog :

• Kita masuk Ke Blogger terlebih dahulu.

• Kalo udah kita ke Menu Tata Letak. 

• Pilih Tambahkan Gadged.

• Pilih yang HTML/Java Scrip.

•  Setelah itu tambahkan Kode Html di bawah ini:

 

<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
    </script><script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <!--start: floating ads-->
    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiRu0xXR8DD-8JWk71dDeSViQr9oXEubBQD43uCNp6cuIwefMkIWgAI5Hagw66YAm3zMsQvjGpilOiqxghQ4BjxTXxKRl3nnhRIf40yEXgsQ3Rt946cAQxYBIDGC1-cLn8TUhq9YMlaItT/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->

Scrip Iklan tarus di sini

    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiRu0xXR8DD-8JWk71dDeSViQr9oXEubBQD43uCNp6cuIwefMkIWgAI5Hagw66YAm3zMsQvjGpilOiqxghQ4BjxTXxKRl3nnhRIf40yEXgsQ3Rt946cAQxYBIDGC1-cLn8TUhq9YMlaItT/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->

scrip iklan kalian taruh di sini

    <!--Akhir-->
    </div>
    <!--end: floating ads-->

 

 Nahh Kalo udah dimasukin Tinggal Di Save dah

 

Read More

Membuat Halaman Posting Dan Komentar dalam Tab View

Pernah saya menerapkan Halaman Posting Dan Komentar dalam Tab View pada blog ini namun menggunakan jQuery, kali ini saya akan membagikan TAB yang tidak menggunakan jQuery maupun Javascript. Ok, langsung saja berikut cara membuatnya, Untuk DEMO nya bisa dilihat diblog ini.

1. Cari kode ini : 

<!-- posts -->
<div class='blog-posts hfeed'>

  <b:include data='top' name='status-message'/>
  <data:defaultAdStart/>
  <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.isDateStart'>
      <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    </b:if>
    <b:if cond='data:post.isDateStart'>
      <div class="date-outer">
    </b:if>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <b:if cond='data:post.isDateStart'>
      <div class="date-posts">
    </b:if>
---------------------------------------------------------------------------
    <div class='post-outer'>
    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:include data='post' name='comment_picker'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:include data='post' name='comment_picker'/>
    </b:if>
   </div>
---------------------------------------------------------------------------
    <b:if cond='data:post.includeAd'>
      <b:if cond='data:post.isFirstPost'>
        <data:defaultAdEnd/>
      <b:else/>
        <data:adEnd/>
      </b:if>
      <div class='inline-ad'>
        <data:adCode/>
      </div>
      <data:adStart/>
    </b:if>
  </b:loop>
  <b:if cond='data:numPosts != 0'>
    </div></div>
  </b:if>
  <data:adEnd/>
</div>

Perhatikan kode yang saya beri garis putus2, Ganti kode tersebut dengan kode ini : 

<div class='post-outer'>
    <div class='testsaja'>
  <input checked='checked' id='s1' name='s' type='radio'/>
  <input id='s2' name='s' type='radio'/>
  <div class='tabs'>
  <label for='s1'>Post</label>
  <label for='s2'>Komentar</label>
  </div>
 <ul class='sections'>
   <li><b:include data='post' name='post'/></li>
    <li><b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comment_picker'/>
       </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
          </b:if></li>
</ul></div></div>

Selanjutnya tambahkan kode ini diatas kode ]]></b:skin> 

input[type="radio"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.tabs {
    font-size: 0;
    height: 27px;
    position: relative;
    white-space: nowrap;
    z-index: 999;
}
.tabs label {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 6px 20px;
    text-transform: uppercase;
    vertical-align: bottom;
}
.tabs label:first-child {
    margin-left: 0;
}
.tabs label:hover {
    background-color: #DDDDDD;
}
input:nth-child(1):checked ~ .tabs label:nth-child(1), input:nth-child(2):checked ~ .tabs label:nth-child(2), input:nth-child(3):checked ~ .tabs label:nth-child(3), input:nth-child(4):checked ~ .tabs label:nth-child(4) {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    color: #000000;
    padding: 6px 20px;
}
.sections {
}
.sections li {
    display: none;
    height: auto;
}
input:nth-child(1):checked ~ .sections li:nth-child(1), input:nth-child(2):checked ~ .sections li:nth-child(2), input:nth-child(3):checked ~ .sections li:nth-child(3), input:nth-child(4):checked ~ .sections li:nth-child(4) {
    display: block;
}

Agar TAB tersebut tidak muncul di homepage tambahkan kode css ini diatas kode </head>

<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<b:if cond="data:blog.pageType != &quot;item&quot;">
<style type="text/css">
.tabs  {display:none !important}
.sections li {display:block !important;}
</style>
</b:if>
</b:if>










SUmber :Here

Read More

CARA MEMBUAT TULISAN BERJALAN

CARA MEMBUAT TULISAN BERJALAN ( MARQUEE ) Tulisan Berjalan - Seperti yang banyak kita temui di acara tv adalah marquee. Disebut demikian karena menggunakan kode html marquee. Tulisan berjalan memang membuat tampilan blog menjadi lebih menarik, menjadikan text yang menjadi pusat perhatian juga barangkali. tulisan berjalan (marquee) Ada beberapa model yang dapat dihasilkan dari marquee, nah saya akan mencoba untuk membuat beberapa model tulisan bejalan atau teks berjalan di blog dengan menggunakan kode html marquee. Script yang pertama :TEXT BERJALANTEXT BERJALAN Script yang kedua : TEXT BERJALAN AKAN BERULANG 5x, jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar TEXT BERJALAN AKAN BERULANG 5X Script yang ketiga : TEXT BERJALAN LATAR MERAHTEXT BERJALAN LATAR MERAH Script yang keempat : TEXT BERJALAN DALAM 50% MEDIA TEXT BERJALAN DALAM 50 % MEDIA Marquee tambahan : Marquee bejalan 50 % ke kiri TEXT BERJALAN DALAM 50 % MEDIA Script yang kelima : TEXT BERJALAN DENGAN KECEPATAN 10TEXT BERJALAN DENGAN KECEPATAN 10 Script yang keenam : TEXT BERJALAN KE KANANTEXT BERJALAN KE KANAN Script yang ketujuh : TEXT BERJALAN BOLAK BALITEXT BERJALAN BOLAK BALIK Script yang kedelapan: TEXT BERJALAN KE BAWAHTEXT BERJALAN KE BAWAH Script yang kesembilan : TEXT BERJALAN TUNGGU MOUSETEXCT BERJALAN TUNGGU MOUSE Script yang kesepuluh : TEXT BERJALAN DELAY 0.3 DETIKTEXT BERJALAN DELAY 0.3 DETIK Script yang kesebelas : a href=""http://chyber-id.blogspot.com/">CARA MEMBUAT TULISAN BERJALAN (Marquee)CARA MEMBUAT TULISAN BERJALAN (Marquee) Script yang keduabelas: ukuran teks berjalan 30pxukuran teks berjalan 30px Script yang ketigabelas: tulisan miring berjalantulisan miring berjalan Nah demikian cara membuat tulisan bejalan atau cara membuat teks berjalan di blog, semoga ada manfaatnya, salam blogger.

Read More

Cara membuat enegery Saving Mode

Trik blogger kali ini cukup menarik, dan mudah sekali untuk di implementasi kan yaitu: Cara membuat Energy Saving Mode pada blogspot, sesuai arti dari bahasa inggris nya, Energy saving mode berguna untuk menghemat penggunaan energy (listrik), pada jangka waktu tertentu ketika blog anda tidak ada aktivitas maka layar PC/ blog anda akan blank/gambar hitam polos. Bagaimana mau coba? Ikuti langkahnya berikut ini:

• Log in ke blogger anda 

• Pada halaman dashboard > rancangan >Edit HTML 
• Centang Expand Template Widget 
• Cari kode </head> tag, gunakan fasilitas pencarian dengan menekan tombol F3 
• Copy kode dibawah dan pasang sebelum kode </head>

<script language=’javascript’ src=’http://www.hacker-medan.tk/savetheenvironment.js’ type=’text/javascript’/>

• Simpan pekerjaan anda atau Save template 
• Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda 
• Setelah klik Rancangan > Design –&– Page Elements. 
• Klik “tambah Gadget” pada salah satu sidebar. 
• Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:

<script language=”javascript” type=”text/javascript” src=”http://hacker-medan.tk/savetheenvironment.js?time=120“></script>

Keterangan:

Ganti yang ditandai biru yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode  akan bekerja.

Read More

Membuat bot Visitors di Blogger

Buat para blogger yang kekurangan Visitor ini solusinya , membuatnya mudah kok ni simak aja

[-] Buka Visual Basic 6 buat project baru standard EXE
[-] Buat 1textbox = text dikosongkan
1timer = interval 5000 (atau terserah) , enabled = false
1 webbrowser (caranya tekan ctrl+t lalu centang microsoft internet controls )
2commandbutton = caption “start dan stop”
[-] interval timer 5000 = 5detik (kalau gak salah )
[-] masukan kode berikut di timer1

Code:

webbrowser1.navigate (text1.text)

[-] masukan kode berikut di command1( start)

Code:

timer1.enabled = true

[-] sementara itu di command2 (stop)

Code:

timer1.enabled = false

Penjelasan :
Timer1 kenapa itervalnya 5000 ? karena fungsinya yaitu untuk membuat webbrowser1 pergi ke alamat yang ada di text1 selama 5detik sekali, sebenarnya interval terserah kalian tapi lebih baik jangan terlalu cepat karena apabila koneksi lelet dan blognya berat nanti belum masuk udah di refresh lagi 

bukti: 

Untuk yang mau langsung download Programnya :

Download Program

Download Password

Sumber : Klik

Read More