Membuat Iklan Melayang dengan Tombol Close 2x


Untuk Membuat Iklan Melayang dengan Tombol Close 2x
  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya yah


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


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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()">
.:[Close]:.
</a>
</div>
<center>


Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

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


6. Simpan
Posted on 08.03 / 0 comments / Read More

Cara Memasang Iklan melayang dengan tombol close

Saya rasa anda Pernah melihat tutorial blog yang semacam ini,
Tutuorial blog yang satu ini adalah menampilkan iklan yang dipasang melayang menutupi halaman blog, Untuk menghilangkan iklan ini pengunjung harus menekan close 1 kali

untuk Memasang Iklan melayang dengan tombol close di Blog anda ikuti langkah- langkah berikut.

  1. Login Ke Blogger.com.
  2. Masuk ke Tab Tata Letak/rancangan
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan Copy kode di bawah ini kedalamnya.

<style type="text/css">

#topbar{
position:absolute;
border: 2px red;
padding: 2px;
background-color: transfarent;
width: 305px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
        var el=d.getElementById(id);
        if (!persistclose || persistclose && get_cookie("remainclosed")=="")
        el.style.visibility="visible"
        if(d.layers)el.style=el;
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        el.x = startX;
        if (verticalpos=="fromtop")
        el.y = startY;
        else{
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;
        }
        return el;
    }
    window.stayTopLeft=function(){
        if (verticalpos=="fromtop"){
        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;
        }
        else{
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;
        }
        ftlObj.sP(ftlObj.x, ftlObj.y);
        setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar

</script>              

<div class="clear"></div> 
<div id="topbar">
<a onclick="closebar(); return false"><span>Close</span></a>

<div style='margin:10px 0 10px 0; padding:2px; height:500px; width:500px; overflow:hidden; background: none repeat scroll right top rgb(255, 255, 255);  '>

 <script src="http://kumpulblogger.com/scahor.php?b=92922&onlytitle=1" type="text/javascript">

</div>
 </div></script></div></div>

Simpan.
>>
-Untuk code warna biru, ganti dengan kode iklan anda..
-Untuk anka 500 ganti dan sesuaikan ini adalah ukuran lebar iklan tersebut, yang akan tampil nantinya.
-Untuk menampilkan background yang transparan hilangkan kode warna pink.

Sebenarnya pemasangan iklan seperti ini kurang baik, karena sangat menggangu pengunjung maka pertimbangkan kembali untuk pemasangan iklan seperti ini pada blog anda.
baca juga iklan melayang dengan 2 kali klik
Selamat mencoba.
Posted on 07.58 / 3 comments / Read More

Cara membuat background pada judul postingan blog

Buat teman-teman yang mempunyai blog dan di blognya pada bagian judul postingan ingin membuat background yang warnanya bebrbeda dengan background utama maka anda bisa mengubah sedikit script pada template anda. Menurut beberapa sumber yang pernah saya baca agar blog lebih seo friendly maka judul postingannya di buat lebih besar ukurannya dari ukuran teks isi postingan, dan lebih kecil dari ukuran teks dan deskripsi header. Selain itu membuat background pada judul postingan bisa memudahkan pengunjung melihat judulnya, dan katanya lebih memudahkan search engine mendeteksi keyword yang ada di judul tersebut.

Contoh judul postingan yang di-ubah background-nya bisa dilihat seperti gambar di bawah ini.





Untuk mengubah /membuat background judul postingan lakukan prosedur berikut:

1. Di dashboard pilih Rancangan , Edit HTML

Cari kode : post-title {



Di bagian bawah post-title { , masukkan kode

line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

atau
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

catatan: #000099 adalah kode hexadesimal untuk warna biru (bisa gunakan warna lain)
Selain menggunakan kode warna hexadesimal anda juga bisa menggunakan warna seperti: yellow , red, pink, blue,green, black, dll.
Untuk warna lainnya bisa dilihat disini tabel warna

Tampilan scriptnya seperti di bawah ini

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

atau:

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;
Posted on 07.50 / 0 comments / Read More

Tabel warna html dan kode warna html (hexadecimal code)

Berikut ini adalah tabel daftar nama warna (color name) dan nilai hexadesimal (or a hex value) yang sering digunakan dalam melakukan modifikasi blog. Kode warna html ini bisa dijadikan pedoman untuk memilih warna yang diinginkan.



Color Name HEX Code Color (Contoh warna)
Alice Blue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370D8
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32


Sumber: Tabel warna html

Beberapa panduan blogspot dalam blog ini yang menggunakan kode warna html di atas adalah :
Cara membuat warna background pada judul postingan blog
Posted on 07.47 / 1 comments / Read More

Cara Membuat Gambar Melayang di blog ( floating / static image )

Seringkali kita harus mencari kode tertentu atau javascript untuk membuat gambar melayang di Blog ( floating / static image ). Dan harus menentukan kodenya untuk menyesuaikan dengan posisi gambar yang akan dibuat. Tapi saya mendapatkan cara mudah untuk membuat hal itu, bahkan bisa dibilang lebih mudah.

Secara tidak sengaja kemarin setelah jalan-jalan menelurusi Google, saya menemukan suatu website untuk membuat gambar melayang otomatis, atau dengan kata lain generatornya, yaitu Static Image Code Generator.

Pertama, masukan alamat URL gambar yang ingin dibuat melayang


Langkah selanjutnya anda tinggal memilih posisi gambar akan ditempatkan dimana sesuai keinginan


Terakhir anda klik Create Code untuk mendapatkan kodenya


Dan seperti biasa, login keblog >> Design / Rancangan >> edit HTML >> 
Cari kode </head> dan simpan kode hasil diatas tepat dibawah kode </head> .
Preview terlebih dahulu untuk memastikan kodenya berhasil, jika sudah, simpan hasilnya.

Selain itu, disitus tersebut terdapat juga beberapa fasilitas lainnya, antara lain :

1. Parse HTML / HTML encoder ( agar kode HTML bisa ditampilkan di postingan )
2. Twitter Static Badge Generator ( widget twitter melayang )
3. HTML Color Code Generator ( mengetahui kode HTML warna )
4. Glitter Generator ( membuat huruf gemerlap )
5. Signature Generator ( membuat signature )
Selamat mencoba >>>
Posted on 07.29 / 0 comments / Read More

Pengertian Blog dan Manfaat blog

 Malam ini DeltaNet Kabunan memberikan sedikit pengetahuan tentang Apa pengertian Blog dan Manfaat blog.
Istilah Blog diperkenalkan oleh Jorn Barger pada tahun 1997, berasal dari kata Web dan Log. Web adalah website dan Log adalah catatan kronologis. Istilah Blog oleh Jorn Barger dipakai untuk  menyebut kelompok website pribadi yang selalu diupdate secara kontinu disertai dengan komentar-komentar oleh orang lain dan berisi link-link ke website lain yang mereka anggap menarik.

Apa sih blog itu ?. Sebuah kata populer untuk menyebut sebuah website yang berisi tulisan, gambar, video bahkan berisi komentar orang lain.
Oleh Wikipedia, pengertian Blog diperluas lagi menjadi sebuah website yang biasanya diurus oleh seseorang dengan isi tulisan menurut diri pribadi yang diperbaharui setiap saat, berisikan deskripsi kegiatan dan material lain seperti gambar serta video. Format tulisan biasanya diurutkan secara kronologis. Banyak blog digunakan untuk catatan informasi dengan topik bahasan tertentu disamping fungsi lain sebagai catatan pribadi seseorang. Sebuah blog biasanya berisi teks tulisan, gambar, video, dan link ke blog lain. Kemampuan untuk meninggalkan komentar dari pihak lain adalah kekuatan dari sebuah blog. Kebanyakan blog berisi tulisan pribadi pemiliknya, terkadang pula blog berisikan topik khusus seperti seni, sketsa, photography, video, musik, audio, yang menjadi bagian dari media sosial. Terminologi blog berkembang lagi melahirkan Micro Blogging, yaitu tipe lain dari blogging (kegiatan nge-blog) yang berisikan tulisan pendek.
Pengguna blog adalah individu/pribadi, komunitas, organisasi, bahkan perusahaan. Pengguna individu bisanya disebut blogger. Kehadiran blog adalah sebagai media informasi dua arah, sehingga sering dimanfaatkan oleh individu itu menyebarkan ide pemikirannya (contoh blog pribadi: milik  dll). Contoh blog komunitas adalah Bali Blogger Community, komunitas.bloggerbojonegoro.com , www.bloggerbojonegoro.com dll. Blog organisasi seperti IMTPI, Kisara, dll. Blog juga digunakan oleh perusahaan untuk media komunikasi antara juru bicara perusahaan dan pelanggannya atau untuk kepentingan publik. Perusahaan dapat menggunakan blog untuk meluncurkan produk/layanan, menanggapi isu atau kritik dan menyampaikan kebijakannya. Contoh blog perusahaan adalah Bali Orange Communications, Microsoft, General Motors, Kalbe Farma, dll (Susah banget cari blog perusahaan di Indonesia).
Secara umum, ciri-ciri website bertipe blog adalah :
  1. Terdapat tulisan informatif yang tersusun secara kronologis berdasarkan waktu dan terbagi menjadi beberapa kategori.
  2. Tulisan tersimpan rapi berurutan dalam arsip berita berdasarkan bulan.
  3. Terdapat fasilitas untuk meninggalkan pesan atau komentar terhadap informasi yang tersaji dalam blog.
  4. Biasanya terdapat link ke website/blog favorit lain.
  5. Dan beberapa fasilitas penunjang lainnya seperti, cuplikan foto, shoutbox, pencarian informasi dalam blog (search), dll.
Untuk bisa memiliki blog, sangat mudah. Sekarang sudah banyak penyedia blog gratis yang akan menampung semua informasi Anda baik itu tulisan teks, gambar, audio, dan video. Penyedia blog yang populer diketahui adalah Wordpress, Blogger, TypePad, dll. Penyedia blog populer saat ini dari Indonesia adalah Dagdigdug dan blogdetik. Mereka mempunyai sistem pendaftaran yang mudah dipahami. Tidak perlu menjadi programmer website atau web desainer untuk mempunyai sebuah blog.
Karena gratis, maka nama blog yang Anda terima masih ada embel-embel nama penyedia blog, misal http://sibadu.wordpress.com. Blog bisa menggunakan nama pribadi sesuai selera Anda, seperti contoh http://www.Abied.com atau http://www.deltanetkabunan.com. Untuk mendapatkan nama pribadi dalam blog, Anda harus menyediakan dana untuk pembelian nama domain, menyewa web hosting dan install program blog dalam website itu. Silahkan menghubungi perusahaan penyedia domain name dan web hosting Indonesia untuk kebutuhan blog menggunakan nama pribadi. Mereka akan bantu Anda.
Beragam motivasi alasan orang untuk membuat blog, diantaranya :
- Suka menulis.
- Dokumentasikan perjalanan hidup.
- Sampaikan ide pemikiran.
- Mempengaruhi masyarakat.
- Media protes/kritik tapi tidak mungkin termuat di media publik.
- Mengisi waktu.
- Ikutan tren.
- Cari kenalan/teman baru.
- Cari peluang bisnis.
- Biar ngetop dan terkenal.
- Biar berguna di masyarakat.
- Menyalurkan hobi narsisme.
- Hampa hidup tanpa nge-blog.
- dll (bagaimana menurut Anda ?).
Dari motivasi diatas, jelas akan menimbulkan manfaat dalam nge-Blog, diantaranya :
- Potensi menjadi terkenal.
- Potensi mendapat duit dari blog.
- Menjadi pintar menulis. (Bisa karena terbiasa).
- Wawasan luas.
- Lebih peka terhadap kondisi sosial.
- Punya teman baru dari berbagai daerah di dunia.
- Membangun komunitas.
- Membangun brand/merek pribadi.
- Memberikan manfaat bagi orang lain/masyarakat.
- Ide/produk akan dikenal luas melalui internet.
- Kepuasan pribadi, jadikan hidup lebih berwarna.
- dll (bagaimana menurut Anda ?).
Posted on 07.19 / 0 comments / Read More

Cara Mengganti template blog dengan template lain di blogspot

Banyak berkeliaran template-template bagus dan menarik bikinan orang lain yang bisa kita gunakan jika sesuai dengan selera dan topic sebuah blog…
BErikut adalah situs situs penyedia template gratis yang bisa anda coba


1.OurBlogTemplates
www.ourblogtemplates.com/
2. EblogTemplates
www.eblogtemplates.com
3. BTemplates
www.btemplates.com
4. FinalSense
www.finalsense.com
5. Blogger Skin Resources
blogger-skin-resources.blogspot.com
6. FreeSkins
freeskins.blogspot.com
7. FreeTemplates
freetemplates.blogspot.com
8. guoblogtemplates
http://guoblogtemplates.blogspot.com (milik Naf'an/Kyo ku anggota blogger bojonegoro)

Atau silahkan browsing sendiri di google dengan kata kunci "free template" atau yang lain nya terserah anda.


Sekarang ini sudah banyak orang yang tahu apa manfaat Blog dan semakin banyak orang membuat blog, tapi belum tau cara ngeblog. Kali ini DeltaNet Kabunan hadir untuk memberikan Trick Blog untuk para bloger pemula. semoga bermanfaat

Berikut adalah langkah-langkah cara mengganti template di Blog….
1. Download dulu template menurut selera anda…dari situs penyedia template dan Simpanlah pada computer anda..
2. Buka akun anda di blogger.com
3. Pada dashboard, masuklah ke layout/rancangan >> edit html
sebelunnya selalu backup template pada blog




5. Klik browse cari dimana tadi menyimpan file yang telah di download….kemudian
klik upload..
6. Lihat hasilnya…
Posted on 07.00 / 0 comments / Read More

Hack Photo Private Profile Facebook

Gak ada kerjaan? Bosen buka facebook mau ngapain? Yuk mari kita intip/Hack private profile facebook.
Pertama-tama kita persiapkan script & addon mozilla dulu:

  1. Java Script Untuk Melihat Facebook: http://userscripts.org/scripts/source/9580.user.js
  2. Greasmonkey Addon Firefox: https://addons.mozilla.org/en-US/firefox/addon/748
Setelah selesai mempersiapkan:
  1. Install Greasmonkey Addon
  2. Install Java Script
  3. Restart Firefox
Tools hack ini akan menambahkan link di atas foto tersebut dengan link “See this Photo in its Album” di album nya.  Nah tinggal di klik ajah :)
Selamat mencoba, semoga berhasil
Posted on 06.47 / 0 comments / Read More
 
Copyright © 2011. Delta Net KABUNAN