Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Cara membuat Iklan melayang

Rabu, 05 September 2012
trik yang satu ini lebih pantas dikatakan sebagai trikmeningkatkan klik iklan anda...mau bagaimana lagi coba? Dengan trik ini nih, setiap kali ada orang yang berkunjung ke blog anda entah itu di halaman depan maupun halaman belakang posting, widget iklan melayang ini akan senantiasa menampilkan dirinya (sehingga di situ seakan-akan ada pesan "Klik iklannya dong...please deh, aku mohon"~mode: lebay..^). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik2 iklan seperti KumpulBlogger DKK, trik yang satu ini sangat direkomendasikan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe), penasaran buat bikin iklan melayang?

Oh ya...gak enak ngomong-ngomongin aja, tapi tak ada contoh...kan gak mantab, iya gak? bagi teman-teman yang penasaran mengenai tampilan iklan melayang, maupun bentuknya seperti apa, kekar atau tidak, punya leher nggak? Silahkan dilihat contohnya di Software2iqbal.blogspot.com(Updatedemo telah dihapus, fungsi insyaAllah akan terus berjalan), nah...setelah dikunjungi pasti ada suatu kotak yang melayang...entah itu kita menggulung scroll-nya ke atas atau ke bawah, si kotak melayang tersebut akan terus mengikuti tampilan layar kita. Biar lebih jelasnya si kotak melayang alias iklan melayang tersebut seperti berikut

Hehe...ngiklanin blog sendiri (gak apa2 dah!!!@#$%)

Nah, bagi teman-teman yang ingin membuat yang seperti itu...berikut lah langkah-langkahnya:

1. Login ke Blogger
2. kLik Tata Letak => Klik elemen Tambah Gadget
3. Pilih Gadget yang bertemakan HTML/Java Script
4. Isikan Kode berikut di dalamnya
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

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

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo3B6mV31ysueESnTi8j8SKeUxQCN8kjC0O0kgkkKzdpPDxuEhpW9gnpvEyfDpFw2uCGFui2L_Of5CNDEU1zypuIysJeNHhJX511cO12wUj0vd3hfGUghKk3-2HHnmvn7nGZlxQqJ7I3X/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


5. Klik simpan. Dah...

Untuk memasangnyaIngin cara lain? Klik Tata Letak => Edit HTML => Letakkan kode iklan melayang di atas kode tag </body> => Klik simpan Template. kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing ke halaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehemat elemen tambah gadget.


Selanjutnya teman-teman bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~" dengan kode maupun widget yang ingin ditampilkan.

Lalu bagi teman-teman yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) => Untuk mempermudah dalam memilih warna, silahkan cari-cari warna yang anda inginkan di sini. Segitu aja yah sob...O iya...ngomong-ngomongmau ningkatin jumlah klik iklan nih? Bisa tuh nggunain trik menampilkan iklan di setiap akhir postingan, tertarik untuk mencobanya? Silahkan baca postingan dengan judul "Menampilkan Sesuatu di Setiap Bagian Bawah Posting". Bagaimana...ngeblog itu mengasyikkan bukan?^

Semoga Bermanfaat_

Membuat Highlight Teks di Blogspot

membuat highlight teks di blogspotSedikit variasi memberikan penekanan pada teks yang kita anggap penting dan perlu diperhatikan seperti Highlight merupakan hal kecil yang kadang-kadang kurang diperhatikan para author blog, namun menurut saya ini penting untuk memperjelas pembaca yang menyimaknya. Highlight selain mempercantik tampilan blog juga bermanfaat akan memberikan perhatian tersendiri bagi pembaca bahwa terdapat kata-kata penting yang ingin disampaikan oleh author kepada pembaca agar digarisbawahi.

Cara membuatnya adalah sebagai berikut : 

  1. Seperti biasa backup template blog anda terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan :

    Dashboard >> Template >> Backup/Restore >> Download Full Template >> setelah proses Backup selesai klik Close.

  2. Masih di dalam tampilan tab Template, klik Edit HTML  >> Proceed >> centang [ ] Expand Widget Template . Lalu copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin> :


  3. .alert { background: #f5f5dc ;
    text-align: left;
    padding: 6px 6px 6px 6px;
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

    ]]></b:skin>


    Kode berwarna beige (#f5f5dc) merupakan warna background highlight, anda dapat menggantinya dengan kode warna lain sesuai selera dan tentunya disesuaikan dengan background blog. Sedangkan kode warna #223344 adalah warna titik putus-putus (dot) di sekeliling highlight.
  4. Save Template jika sudah selesai.
Cara Penempatan Kode di Posting

Untuk memberikan highlight pada teks tertentu anda harus menempatkan kode script <p   class="alert"> sebelum teks yang akan di-highlight  dan kode </p> di akhir teks.

Contoh :  Ini contoh teksanda yang di highlight.

Mudah bukan ?, selamat mencoba, semoga tip Membuat Highlight Teks di Blogspot ini ada manfaatnya.

Cara Membuat Link di Kolom Komentar

Cara Membuat Link di Kolom KomentarCara Membuat Link di Kolom Komentar, di saat anda berkunjung ke blog sobat lain dalam rangka memperbanyak jumlah link (tautan) dan meningkatkan trafik blog anda, anda perlu menyisipkan jejak link anda pada kolom komentar sebuah posting. Tetapi yang paling penting adalah komentar yang anda entry haruslah berhubungan dengan posting yang sedang anda simak. Saya sarankan jangan sembarangan menyisipkan link, apalagi banyak-banyak nanti komentar anda ditolak. 

Sebenarnya sederhana saja, anda tinggal menyimpan link dengan menulis kode tag HTML pada kolom komentar, caranya tulis tag alamat dan anchor link blog anda.

Contoh :
<a href="http://nama blog anda.com">Anchor Text</a>, maka hasilnya akan  terlihat seperti ini : Anchor Text 

Anda juga dapat menambah efek huruf tebal dengan tag <b> dan </b>.

Contoh : 
<b><a href="http://nama blog anda.com">Anchor Text </a></b>, maka akan terlihat seperti ini : Anchor Text 

Teks berwarna merah anda gantikan dengan nama blog dan teks anchor blog anda.

Ini hanyalah salah satu tag yang dapat anda manfaatkan sebagai pemanis tampilan, masih banyak variasi tag lainnya yang dapat anda sisipkan pada anchor link anda.

Semoga Cara Membuat Link di Kolom Komentar ini bermanfaat, selamat mencoba.

Tahukah Anda Bahwa Google Menggunakan Alexa Untuk Informasi Peringkat dan Pengindeksan Web Anda



Tahukah Anda Bahwa Google  Menggunakan Alexa Untuk Informasi Peringkat dan Pengindeksan Web Anda?, memasang toolbar Alexa pada web andaakan membantu web/blog anda dapat ter-indeks dengan cepat oleh Google.Aku membuat blog ini sekitar 3 minggu yang lalu, dan seperti yang anda lihat, blog ku sudah terindeks di Google.
 Mengapa harus menginstall Toolbar Alexa?

Berikut adalah beberapa alasan yang masuk akal mengapa Alexa dapat membantu bisnis Online anda :

Anda perlu perpanjangan tangan untuk menjangkau audiens anda yang tersebar di seluruh duniaPadahal anda sudah mengandalkan website anda dengan posting dan tampilan yang menarik, namun sebagian besar pengunjung mungkin tidak tau dan belum tentu mengunjungi situs anda setiap hariIni berarti mereka akan kehilanganberita atau informasi yang anda sajikan pada web anda Bisa saja anda memanfaatkan email untuk menjangkau audiens andanamun informasi via emailcenderung akan lama di responbahkan untuk pelanggan yang tertarik dengan ulasan anda sekalipun.

Dengan Toolbar pesan berupa "Alert" dapat dengan cepat disampaikan kepada penggunanya, dan alert atau pesan tadi dapat tersimpan berjam-jam bahkan berhari-hari lamanya pada sebuah web, dan dilihat oleh banyak user.
Alexa adalah sebuah engine statistikal internet terkemuka didunia yang mendeteksi miliaran grafik dan data, dengan kata lain setiap halaman web/situs dari seluruh dunia disimpan pada server Alexa ,  termasuk Google dan Facebook tak luput dari penghitungan traffic rank Alexa. Alexa  adalah media bisnis penghitungn statistik atau grafik yang memberikan informasi tentang kepopularitas situs anda.


Apa yang membuat Alexa sangat bermanfaat?. Alexa dapat melakukan penghitungan grafis berdasarkan posisi  geografis.  Alexa tidak hanya melakukan kalkulasi dan mengelompokkan peringkat  situs atau website dalam skala global saja, namun Alexa dalam melakukan tugasnya dapat merangkum dan men-sortir leveling berdasarkan tingkat popularitas suatu web pada negara tertentu.  


Jika anda menggunakan Internet sebagai media untuk memasarkan atau mempromosikan bisnis anda,  apakah itu berupa komoditi atau jasa, anda perlu faham tentang peringkat Alexa. Alexa adalah cara yang cepat dan mudah untuk memprediksi seberapa populernya situs anda dan bagaimana membandingkan situs anda dengan situs lainnya yang sejenis. Anda dapat juga mengetahui secara statistik seberapa ketat kompetisi web anda?

Untuk mengetahui seberapa populer website anda dan berapa banyak link yang tertaut pada halaman web anda, silahkan   daftar Link anda  ke situs www.alexa.com , daftarkan dan dapatkan kode html (Alexa Traffics Widgets) dan pasang di widget web anda,   atau anda dapat menginstal Toolbar Alexa langsung ke dalam browser anda. Ketika anda sudah menginstal Alexa Toolbar,  setiap situs web yang anda kunjungi akan menampilkan peringkat Alexa dari situs-situs tersebut pada toolbar,  Alexa akan melacak dengan cepat ranking  dari ratusan juta situs-situs yang ada di dunia ini. Semakin rendah angka ranking Alexa anda, semakin populer lah situs anda, anda juga dapat melihat informasi lebih lanjut tentang informasi web antara lain review posting oleh pembaca, enam bulan analisis secara detail lalu lintas situs, dan banyak fitur-fitur lainnya

Cara Membuat Kotak Pencarian (Search Box) di Blogger


Default pada navigasi bar dalam Blogger terdapat kotak pencarian (search box)  Google di bagian atas blog Blogspot anda.  Tetapi munkgin  anda ingin menyertakan sebuah kotak pencarian rancangan anda sendiri ke dalam halaman (body) utama blog anda, atau ingin menempatkannya pada  Sidebar. Selain untuk kenyamanan dan kemudahan bagi pengunjung, keuntungan lainnya adalah hasil pencarian akan tampil  pada tubuh utama (halaman utama) dari Blog anda, tidak seperti pada kotak pencarian Google, pada posting kali ini saya akan sharing cara membuat kotak pencarian (Search Box) di Blogger.

Baiklah, kita mulai saja dengan cara membuatnya sebagai berikut :

Pada  Dashboard -> Klik tab Design



lalu klik Add Gadget 



klik HTML/JAVA SCRIPT 



pada halaman Configure HTML/JAVA SCRIPT masukkan kode dibawah ini:

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong> NAMA BLOG ANDA <br/> </strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</Form> </p>


 


Gantilah teks berwarna merah pada kode diatas sesuai dengan nama dan url blog anda, maxlength="255" adalah maksimal karakter yang diperbolehkan, saya rasa ini cukup tidak perlu dirubah, size=”20” adalah lebar kotak pencarian.

Anda juga dapat merubah teks "Search" pada tombol dengan  "CARI" atau "Go", dengan merubah Value pada kode diatas.

Simpan kode dan refresh halaman anda. Jika anda ingin merubah kotak pencarian menjadi lebih panjang atau lebih pendek, anda dapat  mangganti  angka “Size”. Contoh kode diatas jika ukurannya dijadikan   = "25" dan value = "Hit" , maka akan berpenampilan seperti diawah ini : 

NAMA BLOG ANDA 



Sedangkan untuk ukuran  = "30" dan value = "Cari" akan memberikan hasil seperti ini :

NAMA BLOG ANDA 


Cara Membuat Kategori / Label di Blogger

Kamis, 14 Juni 2012

Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he.. :)
Login ke blogger lalu Klik Posting --> Edit Post

* Membuat Kategori / LabelPilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.


jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.


Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements 
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?
Selamat berbuka puasa, eh salah, selamat mencoba!!!...

Cara Menampilkan Status Off/Online Yahoo Messenger


Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>


Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Menambah Emoticon di Shoutbox


Apa kamu bosan dengan emoticon yang ada di shoutbox kamu? Nha biar nggak bosan kamu bisa menambahkan sendiri icon-icon (emoticon) kesayangan kamu kedalam shoutbox blog kamu. Mau tahu caranya? begini nih cara nya...
Oh ya, trik yang ini hanya untuk yang menggunakan shoutbox dari shoutmix.

Ikuti langkah-langkah berikut ini :
1. Login ke shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :




4. Untuk manambahkannya masukkan alamt icon kamu kedalam kotak "Smile image URL", kalo kamu tidak punya iconnya atau alamatnya kamu bisa gunakan alamat icon2 dibawah ini.
5. Trus masukkan "kode" (shorcut) kedalam kotak disebelahnya trus klik tombol "ADD"
6. Lakukan terus seperti itu sampai semua icon smile yang kamu inginkan masuk dalam daftar.
7. Kalo sudah klik tombol "Save Setting"

Nha coba kamu lihat blog kamu, trus lihat dishoutboxnya maka kamu sudah punya tambahan emoticon dalm shoutbox kamu.

Berikut ini daftar emoticon beserta alamat URL-nya :

Icon
URL
senanghttp://kendhin.890m.com/smile/senang.gif
yahoo_angryhttp://kendhin.890m.com/smile/yahoo_angry.gif
yahoo_bigsmilehttp://kendhin.890m.com/smile/yahoo_bigsmile.gif
yahoo_blushhttp://kendhin.890m.com/smile/yahoo_blush.gif
yahoo_cryhttp://kendhin.890m.com/smile/yahoo_cry.gif
yahoo_devilhttp://kendhin.890m.com/smile/yahoo_devil.gif
yahoo_kisshttp://kendhin.890m.com/smile/yahoo_kiss.gif
yahoo_laughloudhttp://kendhin.890m.com/smile/yahoo_laughloud.gif
yahoo_lovehttp://kendhin.890m.com/smile/yahoo_love.gif
yahoo_winkhttp://kendhin.890m.com/smile/yahoo_wink.gif
yahoo_partyhttp://kendhin.890m.com/smile/yahoo_party.gif
yahoo_prayhttp://kendhin.890m.com/smile/yahoo_pray.gif
yahoo_rotflhttp://kendhin.890m.com/smile/yahoo_rotfl.gif
yahoo_sadhttp://kendhin.890m.com/smile/yahoo_sad.gif
yahoo_sleephttp://kendhin.890m.com/smile/yahoo_sleep.gif
yahoo_smileyhttp://kendhin.890m.com/smile/yahoo_smiley.gif
yahoo_sweatinghttp://kendhin.890m.com/smile/yahoo_sweating.gif
yahoo_thinkhttp://kendhin.890m.com/smile/yahoo_think.gif
yahoo_tonguehttp://kendhin.890m.com/smile/yahoo_tongue.gif
yahoo_witsendhttp://kendhin.890m.com/smile/yahoo_witsend.gif

Oh ya lupa, maksimal icon smile yg dapat kita tambahkan adalah 10 biji, ini buat yg gratisan, kalo buat yg premium bisa nyampe 500 biji.
 

.:: Blog _ Anti _ Gaptek ::. Copyright © 2011-2012 | Powered by Blogger