Skip to main content

Bagaimana Cara Membuat Stripe Ad Di Blog ?

Apa itu stripe ad?
Mungkin bagi yang pertama kali mendengarnya, stripe ad adalah sesuatu yang baru dan kurang familiar bagi kita. Stripe ad adalah sebuah navbar yang dapat kita modifikasi untuk menampilkan link atau sebuah kalimat pesan tertentu sesuai keinginan kita.


Biasanya, stripe ad yang dipasang di banyak blog saat ini memasang link jejaring sosial pemiliknya dan link untuk subscribe artikel berlangganan.


Stripe ad berbentuk sangat mirip terhadap navbar blogspot. Akan tetapi, bedanya adalah tampilan stripe ad ini akan tetap muncul di bagian paling atas meski pembaca blog kita telah melakukan scroll ke halaman bawah. Pembaca kita juga dapat menutup tampilan stripe ad ini jika mereka tidak menyukainya dengan cara klik tombol silang atau close di bagian paling kanan.

Pemasangan stripe ad ini bisa dibilang cukup penting dalam sebuah blog. Selain sebagai penghias karena bentuknya yang membuat blog kita terkesan profesional, stripe ad juga bisa dijadikan sebagai solusi untuk menghemat ruang dalam menampilkan link dan pesan kalimat tertentu.

Cara membuatnya juga relatif mudah. Kita hanya perlu memasukan beberapa kode HTML beserta javascript ke dalam HTML template blog kita.

Adapun cara untuk membuat stripe ad di blog kita ini adalah sebagai berikut.

Masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Masukan kode berikut di atasnya.

/*-- (mta bar) --*/
#mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBs37Px_B1frOra9cMOnJJGdIm97gHjnYj8VtrygHdRPi5Mto4xE12llXWH_936S4ovcRf8c8QDg3f5J8-vWYQA5RDf5IhBFjstcK97T9dhj2kBDEq-DQ70pVtybYbS9qlOrBaMuuY7RMW/s200/topnavbar-c.png') repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:6px}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:55%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXssgaMD_r3nwc8qYBeq-OIspPhEONfvfz_sFPNa2rxn0n9MvftSj_k57gr5glKL9_gAXZ2J_g_fdT5U1w_QFw3rAcgYLddTe-rZF8xQevr72wpqfYIWWflRhJTNZJqIlgEVW3OsZXl-9C/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLPCaN3zV5R4mZb5Y7IuDDYQdiugRXAYkkQ74u-FJPUG5PIYviO6VKnf12A99Buroy9Cp9CPihM4uHff5fJwWCe-dHzKa0wowgZBh6gxrVnjrRJGr_kV2EPwRt6iS0Wc44W4E5xFFa7AF/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
.small-comment{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQF9cqUbCmTp0dSs-nwO_ytkmLXzMhUyOLgrmnttmIuBcempL90neH5x7iJHrWyc87ya-XZF9Xf8cIQs4j9GoysQfTb7kzKK2a7UkoW9q-eOGTCbxyERJygs2rbhRWQhVWCq9wz1HAoqv/s200/smallcommentsx-c.png) no-repeat;
 padding-left:8px;
 height:20px;
 line-height:14px;
 float:right;
 color:#FFF;
 font-weight:bold;
 font-size:11px;
 margin-top:3px;
 margin-left:10px;
}.small-comment div{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQF9cqUbCmTp0dSs-nwO_ytkmLXzMhUyOLgrmnttmIuBcempL90neH5x7iJHrWyc87ya-XZF9Xf8cIQs4j9GoysQfTb7kzKK2a7UkoW9q-eOGTCbxyERJygs2rbhRWQhVWCq9wz1HAoqv/s200/smallcommentsx-c.png) top right no-repeat;
 padding-right:8px;
 height:20px;
}
#left_bar2 a:hover{text-decoration:underline; color:#fff}
#left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJOtDvjFz5fYo76U6SegVf6OwVuJ_rTeVHPrJndkXzzS44oLKTNqSUineo65dtVBXba8MYnaDZPIWPu-RGxsG_fXHC-F4qiaYvWCPHU_4MIqtA45rbrnriulf4j2Q0EUAIFTK-1bqwykvz/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
.feed-small-right-feed,.small-right{font-size:11px;float:right;font-weight:700;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXssgaMD_r3nwc8qYBeq-OIspPhEONfvfz_sFPNa2rxn0n9MvftSj_k57gr5glKL9_gAXZ2J_g_fdT5U1w_QFw3rAcgYLddTe-rZF8xQevr72wpqfYIWWflRhJTNZJqIlgEVW3OsZXl-9C/s200/feed-c.png) right 0 no-repeat;padding-right:20px;padding-bottom:15px}
#crosscol-wrapper{margin:0 20px;padding:10px 0 0}
#jarak_atas {width:2px;height:20px;}

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

<script src='http://panduanbelajarblog.googlecode.com/files/Stripe-Ad.js' type='text/javascript'/>

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='URL akun facebook' rel='nofollow' target='_blank' title='Add me as friend on Facebook'>Facebook</a>
<a href='URL akun twitter' rel='nofollow' target='_blank' title='Follow me on Twitter'>Twitter</a>
<a href='URL RSS feeds' rel='nofollow' target='_blank' title='Subscribe Me'>RSS feeds</a>
</span></div>
<div id='left_bar'>
<span class='center'><a href='http://feedburner.google.com/fb/a/mailverify?uri=ID feedburner' target='_blank;'>Subscribe via mail, joint now !</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFXb4yO96tVLfrsL0iqyERK7sVwGMZJ0dkIiAF6WKY5aBtf2qYxRy5jml8dpLmsQXnPrjqtKQBanMsPiPBFRWyNx3ufIoUIbI78OdCpuO2NS5WUraXFk6Ge-dvIYPAqjS6LavsJF6xzrCH/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Klik simpan dan selesai.

Keterangan:

  1. Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode HTML yang diinginkan.
  2. Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan dalam proses editing template.
  3. Ganti URL akun facebook, URL akun twitter, dan URL RSS feeds dengan URL/alamat link milik kita masing-masing.
  4. Ganti ID feedburner dengan ID milik kita masing-masing. Misal alamat feedburner yang sedang kita miliki sekarang adalah http://feeds.feedburner.com/panduanbelajarblog maka ID feedburner kita adalah panduanbelajarblog.


Pemasangan stripe ad ini tidak akan terlalu banyak memperlambat loading blog, karena javascript yang digunakan telah dihosting di google code sehingga requestnya memerlukan waktu yang relatif lebih cepat dibandingkan javascript yang dihostingkan di free hosting lainnya.

Sesuaikan pemasangan stripe ad ini dengan tampilan desain blog dan kebutuhan kita. Usahakan memasang pernak-pernik blog yang match dengan desain template dan jangan memperlambat loading sebuah blog dengan pemasangan widget yang tidak perlu.
Labels:

Comments

Post a Comment

Popular posts from this blog

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...
Post a Comment
Read more

Cara Mengetahui Malware Pada Blog

Mengetahui Malware Pada Blog – Blog yang disusupi malware sangat berbahaya bagi pembaca yang mengunjunginya. Karena dengan malware yang berada di blog tersebut, bisa saja malware yang berada dalam sebuah blog yang kita kunjungi berbalik menyerang komputer yang sedang kita gunakan untuk mengakses sebuah blog yang terkena malware. Akibatnya, komputer kita menjadi bermasalah dan tidak mampu lagi melakukan fungsi kerja secara maksimal. Malware merupakan sebuah program jahat yang digunakan untuk mendeteksi kelemahan sebuah software atau sistem operasi tertentu. Ketika sebuah blog terkena malware maka sebenarnya blog tersebut sedang diteliti di mana celah kelemahannya. Selain itu, malware juga melakukan aktivitas tertentu yang berbahaya lainnya seperti mengirimkan pesan informasi tertentu mengenai blog kita tanpa sepengetahuan kita sebagai admin. Sumber penyebab munculnya malware pada blog kita sebagian besar berasal dari penggunaan script yang bermasalah. Pada kondisi tertentu, script ter...
Post a Comment
Read more

SUAMI ISTRI PUAS

WWW.KANGJAMALBISNIS.BLOGSPOT.COM PENGOBATAN IMPOTENSI dan untuk kepuasan batin silakan klik di sini Berikut ini kami akan memberikan beberapa macam cara atau beberapa langkah-langkah efektif yang dapat digunakan untuk mengatasi gangguan kejantanan atau juga untuk pengobatan impotensi. 1. RAMUAN AJAIB ( KUAT SEX ) Bahan : Kuning telur ayam kampung 1 butir, pati kunyit, lada hitam, minyak wijen, bawang putih, madu. Ket. : Semua bahan adalah 1 takaran ( satu ukuran ), misal : satu sendok besar, ya sama semua ukurannya. Untuk kunyit, lada hitam dan bawang putih, masing-masing telah diparut / dihancurkan. Caranya : campurkan semua bahan, minum selama 3 hari ( Rabu, Kamis, dan Jum’at ). Tiap sore / malam. 2. JANTAN PERKASA ( KUAT SEX SEMALAM SUNTUK / ANTI EJAKULASI DINI / KEPERKASAAN KUAT 4 JAM LEBIH ) Caranya : Pada pagi hari anda beli sepotong/sedikit daging kambing yang warnanya paling merah diantara sekian daging yang ada ditubuh kambing yang anda beli tadi. Pada malam...
Post a Comment
Read more