Menentukan pengunjung blog

Menentukan target visitor bagi sebagian blogger merupakan hal yang dipertimbangkan secara serius dalam meningkatkan traffic harian yang diharapkan meningkatkan  penjualan  atau recehan dollar melalui program afiliasi  amazon, clickbank atau ppc google adsense bagi para pelaku bisnis online di dunia maya.
Cara menentukan target visitor yang paling utama adalah bahasa content. Bahasa menunjukkan bangsa, content dengan bahasa lokal diasumsikan bahwa target visitor blog anda adalah pengunjung yang berasal dari negara serumpun. Bagaimana dengan konten artikel yang menggunakan english style? Target visitor yang ingin dicapai memang akan lebih luas, karena bahasa Inggris adalah bahasa yang paling banyak digunakan oleh semua orang dari berbagai negara sebagai bahasa komunikasi global termasuk di dunia online.

Nah, jika anda ingin menentukan target visitor blog secara spesifik dari negara tertentu melalui Google webmaster, berikut ini langkah yang diperlukan:

1. Login ke account Google Webmasters
Sign To Webmaster Tools silahkan kunjungi:  https://www.google.com/webmasters
Pastikan bahwa blog anda sudah terverifikasi, jika belum silahkan anda baca pada artikel »'cara mendaftarkan blog ke search engine'

2. Setting Country Visitor Blog
Setelah sign in, klik link blog atau website anda
pada halaman baru, perhatikan kolom 'Dashboard' seperti gambar berikut
Di bawah menu Dashboard,
klik 'Site Configuration', 'Settings'


atau bisa juga langsung salin alamat ini ke browser:

https://www.google.com/webmasters/tools/settings?hl=en&siteUrl=http://alkatro.blogspot.com/
change: alkatro.blogspot.com dengan alamat link blog atau website anda kemudian tekan [enter]


3.Mengaktifkan pilihan Target Users
pada Geographic target: silahkan checkmark di samping kiri 'Target users in'
pada menu dropdown option di sebelah  kanannya, pilih 'country visitor' yang ingin anda jadikan target utama, misalkan United States
Kalau Sudah click tombol 'Save'



Silahkan tentukan sendiri target user country dalam setting di atas, hal ini juga perlu digunakan kepada anda yang mungkin berikhtiar jualan di hutan amazon. Hubungannya? Sebagai contoh jika anda memasang widget affiliate amazon pada website atau blog menggunakan Amazon id USA (username-20), kemudian pengunjung yang mengakses berasal dari London dan membeli sebuah produk amazon dengan mengganti option ke amazon.co.uk, maka dalam peraturan yang berlaku; konon amazon tidak akan memberikan komisi dari hasil pembelian produk oleh visitor dari negara Inggris tersebut meskipun referrer link berasal dari widget blog anda, hal ini terjadi karena id affiliate amazon yang anda gunakan adalah tracking id USA.

Menentukan target visitor selain melalui setting google webmasters, ada baiknya juga dengan melakukan optimasi SEO. Hal lain yang lebih penting lagi adalah bagaimana tingkat kekuatan anda dan saya dalam melakukan optimasi artikel agar sesuai dengan tema yang telah ditentukan sejak awal membangun sebuah blog, agar menghadirkan warna tersendiri setiap melakukan update artikel baru sesuai dengan karakteristik anda sendiri. Blog memang boleh saja digunakan sebagai sarana promosi atau bisnis online, namun menempatkan posisi visitor secara lebih manusiawi akan membuat komunikasi terasa lebih natural sebagai salah satu wahana berbagi informasi.

Dari balik jendela terdengar suara Mbah Dharmo menggelegar -sambil memukul kenthongan-
'Wooii, kalau ngomong sama cermin jangan lama-lama, bisa-bisa kamu dianggep orang gila, sudah sore iki, sana jalan-jalan cari gorengan apa bikin sambal trasi untuk temen nasi nanti sore'

Wah mbah dharmo benar-benar ketinggalan jaman, ngomong sama cermin itu bahasa gaulnya lagi introspeksi bin muhasabah mbah, yowis dianggep orang gila yo tidak apa-apa.. bukankah orang yang belum pernah gila berarti masih gila? -wkwkwkwk-

Thanks 4 Your Time








Copyright®
http://alkatro.blogspot.com 

Read More

Membuat Kolom Dalam Artikel Blog

Membuat tabel di posting blog.
Bagi para webmaster yang sudah melanglangbuana sekian lama di dunia per-website-an dan per-blog-an pasti sudah pernah merasakan memposting sebuah tabel di website/blog. Ada yang sudah sangat mahir sehingga dengan lincah dan cepatnya mengetikkan kode-kode html untuk membuat tabel dengan berbagai kreasi. Tapi mungkin bagi yang baru belajar masih sedikit bingung. Seperti saya, yang sudah agak lupa bagaimana kode-kode html untuk membuat tabel.
Membuat tabel sederhana
Ini adalah contoh kode html untuk tabel dengan 2 kolom dan 1 baris dengan tebal border 1 pixel.
<table border=”1″>
<tr>
<td></td> <td></td>
</tr>
</table>
Untuk membuat baris baru, kita tinggal menuliskan kode <tr></tr>. Kalau sudah, di dalam baris tersebut kita isi tabel data yang kodenya <td></td>, maka akan jadi satu kolom, untuk menambah kolom kedua tinggal ditulis kode <td></td> lagi masih di dalam kode <tr></tr> tadi. Kalau sudah, tampilan kode2 di atas pada browser kurang lebih akan seperti ini :
Terlihat lucu bukan? tabel itu harus berisi teks, kalau tidak maka tampilannya ya seperti itu.
Kita lihat tampilannya setelah diisi teks :
<table border=”1″>
<tr>
<td>kolom pertama</td> <td>kolom kedua</td>
</tr>
</table>
kalau kode2 ini dibaca akan tampil :

kolom pertama

kolom kedua

Lebar kolom pada tabel itu akan menyesuaikan dengan panjang tulisannya. Untuk supaya tabel terlihat rapi, kita perlu mengatur lebar kolom(column width)
kode tadi kita tambahkan :
<table border=”1″ width=”100%”>
<tr>
<td width=”30%”>kolom pertama</td> <td>kolom kedua</td>
</tr>
</table>
maka kurang lebih hasilnya akan seperti ini ,

kolom pertama

kolom kedua

Untuk membuat beberapa baris lagi di bawahnya, tinggal tambahkan kode <tr></tr> tadi setelah kode </tr> terakhir sehingga baris yang baru akan berada di bawahnya. Seperti ini,
<table border=”1″ width=”100%”>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
<tr>
<td width=”30%”>kolom pertama</td>
<td>kolom kedua</td>
</tr>
</table>
hasilnya,

kolom pertama	kolom kedua
kolom pertama	kolom kedua

Sebenarnya masih banyak kostumisasi tabel supaya tabel bisa tampil lebih menarik seperti membuat background, menyisipkan gambar, membuat bingkai, dll. Tapi ini baru dasarnya saja. Kalau Anda tertarik mempelajari HTML lebih dalam silakan kunjungi HTMLisEasy.com untuk bahasa Inggris atau klik Di sini untuk yang berbahasa Indonesia. Selamat belajar!
Cara Lebih Mudah Posting Tabel Di blog
Untuk yang masih bingung dengan cara HTML saya di atas, mungkin Anda sangat tertarik (saya sangat yakin yang lebih mudah akan lebih menarik… ) ada cara yang lebih mudah. Ikuti saja link berikut ini…  silakan di klik biar situsnya kelihatan…

Copyright®
http://blogdedi.wordpress.com/ 

Read More

Cara Hapus Navbar Pada blog

Copy paste code ini dan letakkan di bawah kode <body> :

<style type='text/css'>

#navbar-iframe {display:none;}

</style>

Simpan, Selesai.

Copyright®
http://kolom-tutorial.blogspot.com/

Read More

Kode Widget Menu

Untuk membuat menu pada bar samping atau atas pada blog anda, 
copy paste kode berikut ini dalam kotak gadget anda :



<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/depan.html">Depan</a></li>
<li><a href="http://nama.blogspot.com/tentang.html">Tentang</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li>
</ul>
</div>

Simpan, selesai.

Copyright®
www.masdoyok.co.cc











Read More

Cara Membuat Halaman Depan Pada Blog

Buat halaman intro di blogger.
Ada beberapa orang yang menanyakan ke Kang Rohman, bisakah di blogger membuat halaman intro seperti pada website-website tertentu? jawabannya mungkin bisa saja kali, cuma terus terang kang Rohman belum pernah mencobanya.
Apa yang dimaksud intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.
Secara umum, blog diblogger agak sulit untuk membuat halaman intro, namun bukan berarti tidak mungkin. Terkait masalah intro ini, pernah juga beberapa blogger membahasnya, antara lain adalah teman kang Rohman yaitu Kang Jaloe, dalam blognya diterangkan bagaimana mengakali agar diblogger bisa dibuat sebuah intro.
Tertarik akan topik ini, kang Rohman mencoba untuk membuat sebuah halaman intro yang bisa dipakai di blogger. Dengan bermodalkan sebuah script iklan dari dynamicdrive, dan tentu saja terjadi modifikasi dibeberapa titik, akhirnya halaman yang mirip intro bisa juga dibuat. Yang penasaran mungkin bisa melihat halaman demonya disini.
Jika sesuai skenario, pada halaman tersebut anda disuguhi sebuah halaman intro berupa ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asli dari blog tersebut anda bisa klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.
Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Kapan anda bisa melihat kembali halaman intro tersebut? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie karena script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.
Ah kang Rohman terlalu banyak basa basi, langsung ke tutorial pemasangan script tersebut dong? Eith, sabar dulu dong. Kalau orang dewasa bilang perlu foreplay agar terasa lebih nikmat…. upsss itu sih untuk tujuh belas tahun keatas
Tapi jika terlalu kepanjangan jadi bosen juga yah, mending langsung aja deh ke tutorial bagaimana cara memasang script intro ke blogger.

Cara Pasang Script Intro Ke blogger

Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan.
   
3. Klik menu Edit HTML
   
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
   
5. Silahkan cari kode berikut pada template anda :

   ]]></b:skin>

6. Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>

   #intro{
     background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivL8nANxUX8743ZkbAu7SvKBX9aGP1fue76P4ZFHUGiDn_bv82EvqOug_tCmgA4K7nb4aFbyro_fLLN00Fa-uN-yqieoRMflztkjFqCUtJGulPj2luVFIR6BT3JkdTdkNWkWlxpvXfR9w/) repeat-x top left fixed;
     position:fixed;
     width:100%;
     height:100%;
     margin:0;
     padding:0;
     z-index:100;
     text-align:center;
     visibility:hidden;
     }
   * html #intro{
     position:absolute;
     width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
     }
   #intro .welcome{
     color: rgb(255, 0, 0); 
     font-weight: bold; 
     font-style: italic;
     font-size:30px;
     margin-top:10%;
     margin-bottom:1%;
     text-shadow:1px 1px 1px #fff;
     }
   #intro a img{border:none}
   .gohome, .gohome a,.gohome a:visited,.gohome a:active{
     color: rgb(255, 0, 0); 
     font-weight: bold; 
     font-style: italic;
     margin-top:4%;
     font-size:25px;
     text-shadow:1px 1px 1px #fff
     }
   .gohome a:hover{
     color:#ffffff;
     text-shadow:1px 1px 1px #f00;
     text-decoration:none
     }

7. Silahkan cari kode berikut pada template anda :

   </head>

8. Silahkan copy, lalu paste script berikut diatas kode </head>

   <script type='text/javascript'> 
   //<![CDATA[
    /***********************************************
   * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
   * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
   * This notice must stay intact for legal use.
   * Visit http://www.dynamicdrive.com/ for full source code
   ***********************************************/
   /*************************************************
   * Blogger intro by http://www.blogspottutorial.com
   **************************************************/
   var persistclose=1
   var startX = 0  
   var startY = 0 
   var verticalpos="fromtop" 
    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("intro").style.visibility="hidden";}
    function staticbar(){
    barheight=document.getElementById("intro").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)/0;}
     else{
     var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
     ftlObj.y == (pY - startY - ftlObj.y)/0;
     }
     ftlObj.sP(ftlObj.x, ftlObj.y);
     setTimeout("stayTopLeft()", 10); }
    ftlObj = ml("intro");
    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>

9. Cari kode berikut pada template anda <body>
10. Copy, lalu paste kode berikut dibawah kode <body>

    <div id='intro'><div class='welcome'>Welcome to my blog</div>
    <a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif' title='go to my homepage'/></a>
    <div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
    </div>

11. Klik tombol SIMPAN SETELAN.
12. Silahkan lihat hasilnya. Selesai.

Penjelasan

Script diatas hanyalah sebuah contoh saja, anda dapat berbagai variasi tampilan dengan memodifikasi bagian CSS.
Anda dapat mengubah tulisan yang ada dengan tulisan anda sendiri, selain itu jika anda penggemar flash, tentu saja dapat mengganti gambar animasi gif diatas dengan kode flash yang anda miliki.

Kelebihan Script Intro Blogger

Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu.

Kekurangan Script Intro Blogger

Kekurangan yang dirasa cukup mencolok adalah intro ini menggunakan script untuk menutup halaman utama yang dalam kenyataannya halaman blog anda yang lebih dahulu di load daripada script intro yang sedikit lambat untuk di load, sehingga halaman yang terbuka lebih dahulu adalah halaman blog anda kemudian beberapa saat kemudian disusul dengan halaman intro. Ini tentunya terbalik dengan tujuan utama dari sebuah intro.
Walaupun demikian, ini tentunya bisa jadi sebuah ide atau inspirasi bagi anda yang mahir tentang pemrograman untuk menciptakan script intro yang lebih ringan di load ataupun cara-cara lain untuk membuat sebuah halaman intro yang lebih mantap surantap .

Akhir Kata

Semua tulisan diatas hanyalah sebuah iseng dari sebuah kesenangan kang Rohman belaka, oleh karenanya tentu banyak kekurangan disana sini yang tentunya anda perlu memaklumi atas kekurangan tersebut.

Copyright®
http://kolom-tutorial.blogspot.com 

Read More

Membuat Menu Pada Blog

1. Buka blog anda masuk ke rancangan lalu click edit laman.

2. Tambah gadget
3. Pilih HTML/JavaScript
4. Maukkan kode dibawah ini kedalam konten lalu click simpan. 

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/depan.html">Depan</a></li>
<li><a href="http://nama.blogspot.com/tentang.html">Tentang</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li>
</ul>
</div>

5. Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic dibawah ini sebelum kode ]]></b:skin> dan save template.


#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


Selamat Mencoba !

Copyright®
www.karsono.co.cc

Read More

Cara Merubah Warna Huruf Pada Widget Sidebar

Cara utak-atik tampilan font pada widget sidebar.
Kenapa harus diutak-atik? Jujur saja saya pernah kesal setiap memasang sebuah widget pada sidebar. Beberapa widget juga disertai tulisan di dalamnya. Yang masalah bukan pada tulisannya tetapi adalah pada tampilan tulisan tersebut, misalnya ukuran fontnya terlalu besar, terlalu kecil, atau jenis font dan warnanya tidak serasi dengan warna template blog kita. Sebagian widget memang menyediakan fasilitas untuk mengutak atik tampilan font secara instan, sehingga kita tidak perlu bergulat dengan kode HTML. Tapi sebagian widget sama sekali tidak menyediakan fasilitas ini. Nah, jika ini yang terjadi apa yang bisa kita lakukan?

Sebenarnya prinsip utak atik tampilan font ini sama pada setiap halaman web atau blog, baik pada entri posting, header, footer, maupun pada kolom komentar. Karena rumusnya sudah standar. Tinggal soal penempatan saja. Beberapa kode HTML untuk utak-atik tampilan font yang lazim digunakan adalah:

<span style="font-size: 12px;"></span> (untuk ukuran font)
<b> </b> (untuk huruf tebal)
<i> </i> (untuk huruf miring)
<strike> </strike> (untuk huruf yang dicoret)
<div style="color:#dddddd;"></div> (untuk warna huruf)
<div style="background-color:#dddddd;"></div> (untuk warna background huruf)

Sebagai catatan, kode yang berwarna hitam tebal adalah tag pembuka. Sedangkan kode yang berwarna biru adalah sebagai tag penutup. Kedua kode ini harus ditulis berpasangan. Kata yang akan diberi variasi harus berada diantara kedua tag tersebut. Jika pasangan tag ini tidak lengkap maka tidak akan terjadi perubahan apa-apa pada fontnya. Biasanya akan muncul peringatan eror. Sebagai contoh maka penulisannya akan menjadi seperti ini:

<b>huruf tebal</b>
<i>huruf miring<i>
<strike>huruf dicoret </strike>
<span style="font-size: 12px;">huruf ukuran 12 pixels</span>
<div style="color: #dddddd;">huruf berwarna abu-abu</div>
<div style="background-color: #dddddd;">huruf dengan background abu-abu</div>

Sebagai tambahan, yang berwarna hijau adalah ukuran fontnya. Sedangkan yang berwarna merah adalah kode untuk warnanya. Kedua ini bisa anda ganti sesuai keinginan anda. Jika kesulitan dengan kode warna anda bisa lihat Daftar Kode Warna.

Nah, yang jadi pertanyaan mungkin: Bagaimana cara menyisipkan kode-kode tersebut pada widget sidebar? Sebagai contoh misalnya ada tampilan widget seperti ini:

Ini adalah widget statistik pengunjung dari Geovisite. Perhatikanlah tulisan site counter. Sebagai contoh sekarang tulisan tersebut akan saya tebalkan dan ganti warnanya menjadi abu-abu. Caranya adalah sebagai berikut:

1. Masuklah ke halaman Dasbor dan klik Rancangan.
2. Kliklah Edit pada Widget yang fontnya ingin kita utak atik.
3. Begitu halaman widget tersebut terbuka, carilah tulisan site counter tadi. Lalu sisipkanlah kode HTML untuk merubah warna dan huruf besar. Sebagai contoh maka penyisipannya akan menjadi seperti di bawah ini:

<center><!--************CODE GEOMAP************--> <a href="http://www.geovisite.com/zoom.php?compte=164769993470" target="_blank"><img src="http://geoloc9.geovisite.com/private/geomap.php?compte=164769993470" border="0" alt="" /></a><br /> <a href="http://www.geovisite.com/en/"><div style="color:#999999;"><b>site counter</b></div></a> <!--************END CODE GEOMAP************--> </center>

Sebagai catatan: kode yang cetak tebal adalah kode untuk warna hurufnya dan yang berwarna biru adalah untuk menjadikannya huruf tebal.  Jika sudah selesai, jangan lupa klik SIMPAN TEMPLATE.

Sekarang lihatlah perubahannya. Sebagai contoh hasilnya akan tampak seperti di bawah ini:

Tampak tulisan site counter sudah menjadi tebal dan berwarna abu-abu.
Nah, sekarang anda bisa utak atik tampilan font widget sidebar blog anda sesuai keinginan anda. Selamat mencoba dan semoga berhasil!






Copyright®
http://www.blogernas.co.cc

Read More

Auto Read More Untuk Blogger

Membuat auto readmore di blog

Membuat Auto Read More di Blog, meskipun pada sesi sebelumnya pernah di bahas tentang cara membuat read more, tapi pada kesempatan kal ini,membahas read more dengan cara atau metode yang berbeda. Jika ada yang belum tau apa itu read more, read more adalah istilah yang di pakai oleh para Blogger dalam memenggal atau memotong kalimat pada halaman utama blog agar terlihat lebih profesional dan menghemat tempat.

Kehadiran Auto Read More di Blog tentu akan sangat  membantu para blogger dalam mendesain blog mereka. dengan auto read more, akan menyingkat waktu penulis blog memotong kalimat di halaman depan. Jika pada cara membuat read more sebelumnya, penulis harus menentukan sendiri sampai berapa banyak kata di halaman depan, di cara Membuat Auto Read More di Blog kali ini, proses pemotongan akan dilakukan otomatis oleh java script.

Langkah install auto readmore ini !

1. Login di blogger.
2. Masuk ke tataletak
3. Masuk ke edit html
4. Download dulu template anda sebelum melakukan instalasi.
5. Conteng expand widget
6. Cari kode
   </head> kemudian letakan script dibawah ini di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script><script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Tetap pada halaman EDIT HTML, Beri tanda centang pada " Expand widget
template" kemudian cari kode dibawah ini
<data:post.body/> Jika
sudah ketemu, maka ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Setelah selesai tekan save template.

NB:

---

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)

summary_noimg = 250 ;
(Menetapkan berapa banyak
karakter akan ditampilkan di posting tanpa gambar / thumbnail)

summary_img = 250 ; (Menetapkan berapa banyak karakter akan
ditampilkan di posting dengan gambar / thumbnail)

img_thumb_height =
120 ; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120 ;
(Thumbnail 'lebar dalam piksel).

Itulah cara Membuat Auto Read More di Blog. Dengan cara seperti ini, kita pasti akan sangat terbantu dalam menulis sebuah artikel. semoga artikel singkat ini bisa bermanfaat. meskipun script dalam auto read more ini sudah banyak yang memposting.

Sumber:http://www.rofingi.com

Read More

Agar Buku Tamu Melayang

  

Cara membuat buku tamu melayang.


1. Login ke Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2.  Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<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;

}

.gbcontent{

float:left;

border:2px solid #FFFFFF;

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">

PASTE KODE BUKU TAMU DISINI YAA...

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

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

    Border         : untuk memberi warna pada border konten
    Background : untuk memberi warna pada background konten
    PASTE KODE BUKU TAMU DISINI YAA.: pastekan script buku tamu anda seperti Cbox atau      shoutmix
   
   Contoh :

<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;

}

.gbcontent{

float:left;

border:2px solid #FFFFFF;

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://www2.cbox.ws/box/?boxid=2165762&amp;boxtag=gpy3ts&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EAB412 1px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2165762&amp;boxtag=gpy3ts&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EAB412 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></center></div></center></div></div></div>

3. Lalu Save pekerjaan anda 

SELAMAT MENCOBA....

Copyright®
http://azizalstsetia.blogspot.com 

Read More

Cara Menghapus Tanggal Hari Ini

Tampilan tanggal hari ini

Bingung juga untuk kasih judul postingan ini. Karena takut anda semua pada bingung dengan judul yang di maksud, saya coba jelasin dikit deh. Menampilkan tanggal hari ini di blog, maksudnya suatu cara untuk menampilkan tanggal secara otomatis di halaman blog. Sebagai contohnya, anda bisa lihat di blog ini. Atau lihat gambar di bawah



Anda semua bisa lihat text yang ditunjukan dengan panah itu...?! Nah..itulah yang saya maksud. Dengan kode javascript, accesories blog ini akan tampil secara otomatis sesuai dengan tanggal dan harinya. Nah..buat anda yang pengen pasang tampilan tanggal seperti ini, silahkan ikuti petunjuknya.

1. Login di Blogger
2. Langsung menuju edit HTML
3. Copy paste kode dibawah, dan simpan diantara kode ]]></b:skin> dan </head> :
   
   
   <script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>
   
   
   Sehingga hasilnya seperti ini :
   
   
   ]]></b:skin>

<script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>

</head>
4. Save Template

Nah..untuk langkah awal sudah selesai. Sekarang langkah berikutnya yaitu memilih penempatan untuk tampilan tanggalnya. Anda bisa menempatkan accesories ini di semua tempat di blog anda. Baik itu postingan, sidebar, atau footer. Yang perlu anda lakukan adalah menuliskan kode berikut :

<script>tampiltanggal();</script>

Nah...selesai deh.

Catatan :
Accesories tersebut hanya menampilkan hari, tanggal, bulan dan tahun dalam bahasa indonesia. Jika blog anda memakai bahasa inggris, ganti kode yang no.3 dengan kode berikut :

<script type='text/javascript' src='http://mizwar.blog.googlepages.com/current-date.js'></script>

dan untuk kode yang terakhir (sebelum catatan ini) ganti dengan kode

<script>showCurrentDate();</script>

Ok...selamat mencoba

Copyright®
http://kursus-bloger.blogspot.com 

Read More

Mp3 Player Pada Blog

Cara memasang player mp3 pada blog :

1. Baca Bismillah

2. Buat entri baru pada postingan blog kamu

3. Click Edit html

4. Copy paste code berikut pada postingan kamu :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="52" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="audio_duration=DURATION&amp;external_url=http://sound11.mp3pk.com/indian/aadekhenzara/aadekhenzara01(www.songs.pk).mp3" /><param name="src" value="http://cdn.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="400" height="52" src="http://cdn.techknowl.com/wp-content/uploads/2010/03/audio_player_standard_gray.swf" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url=MASUKKAN LINK FILE MP3 DISINI"></embed></object>


5. Ganti tulisan berwarna merah dengan link file mp3 keinginanmu misalnya link ini :   http://www.tonycuffe.com/mp3/pipers%20hut.mp3



Semoga bermanfaat.

Read More

Menghilangkan Tulisan Beranda, Posting Lama, Pada Blog

Cara Menghilangkan Tulisan POsting Lama/Posting Baru dan Beranda pada Blog
Pada Akhir postingan kita sering terdapat tulisan atau link dari Posting Lama, Posting Baru, dan Beranda. itu dapat kita hjilangkan dengan cara mengganti kode yang bersangkutan dengan tulisan tersebut. Nah untuk menghilangkan tulisan itu, kita akan mengikuti langkah-langkah di bawah ini.

• Masuk ke Blogger dengan ID teman
• Pada dasbor saudara pilih Rancangan
• Pilih Edit HTML

Untuk Menghapus Tulisan "POSTING LAMA"

 cari kode di bawah ini:

#blog-pager-older-link{
float:right;
padding-right:5px}

Ganti kode warna merah dengan kode ini: display:none;

Untuk Menghapus Tulisan "POSTING BARU"

Cari kode di bawah ini:

#blog-pager-newer-link{
float:left;
}

Ganti kode warna merah dengan kode ini: display:none;

Untuk Menghapus Tulisan Beranda/Home

Cari kode di Bawah ini:

#blog-pager{
text-align:center;
}

ganti kode warna merah dengan kode ini: display:none;

• Kemudian Silahkan Simpan Template

Copyright® 
http://kartajaya25.blogspot.com

Read More

Cara Membuat Tooltips Pada Blog

Tutorial kali ini sangat singkat dan kelihatannya sepele, yaitu Cara Membuat Judul Link pada Postingan Blogger/Blogspot. Namun begitu, ini sangat penting agar blog kita mampu bersaing dengan blog lain yang memiliki tema blog serupa dengan milik kita. Sebenarnya, membuat link itu sangat mudah (saya harap sobat yang sedang membaca tutorial Cara Membuat Judul Link pada Postingan Blogger/Blogspot ini sudah mengerti cara membuat link pada postingan).

Apa yang dimaksud dengan judul link? Judul link adalah tulisan yang muncul ketika link di sentuh oleh mouse. Sebagai contoh, coba sentuh link ini blogger.Jika sobat menyentuh link blogger tersebut, maka akan muncul tulisan "Blogger" kan? Itulah yang saya maksud dengan judul link.

Tujuan memberi judul link ini adalah, search engine (seperti google.com) akan lebih mudah menemukan artikel atau postingan kita sehingga semakin besar untuk tampil pada halaman pertama. Nah, mau kan? hiii.

Caranya sangat mudah, kita hanya perlu memasukkan atribut "title" pada kode link yang kita inginkan. Lihat contoh kode link berikut:

<a href="#"target="_blank"title="Blogger">blogger</a>

Yang berwarna merah adalah atribut link yang kita tambahkan. Maka hasilnya akan seperti ini blogger

Demikianlah Cara Membuat Judul Link pada Postingan Blogger/Blogspot ini. Sangat mudah kan? Jika butuh diskusi, silahkan sobat berkomentar. Terima Kasih.... :)

Copyright®
http://www.caramembuat-blog.co.cc 

____________________________________

Read More

Cara Ganti Background Header Pada Blog

Mengganti Background Header Blog Dengan Gambar.

Ketemu lagi di acara Kumpulan Tutorial Ngeblog...hehehehehehe...tepuk tangan dong...

Kali ini kita akan membahas tutorial mengganti background header blog dengan gambar. Kenapa harus gambar??? Kan bisa pake warna??? kalau mengganti warna background header blog sudah kita bahas pada kesempatan yang lalu. Silakan Sobat baca cara mengganti warna background header blog.

Jika mengganti background header blog dengan gambar, blog kita akan terlihat lebih menarik. Pada dasarnya, gambar mewakili kata-kata yang ngga mungkin kita tuliskan. Jadi, header blog mewakili bagaimana karakteristik blog kita. Kalau blog Kumpulan Tutorial Ngeblog menggunakan gambar header yang kecil. Kenapa kok kecil???? Kan itu trik supaya halaman blog ini tidak berat saat loading...hehehehehe...

O iya, sebelum mengganti background header blog Sobat dengan gambar, perhitungkan dahulu ukuran gambar yang akan Sobat gunakan sebagai background header blog. Misalnya ukuran header blog Sobat lebarnya 800px. Jadi kita harus mempersiapkan gambar selebar 800px dengan tinggi terserah Sobat. Gambar bisa Sobat buat dengan Photoshop, CorelDRAW atau software pengolah gambar lainnya.

Gambar sudah siap, sekarang tinggal kita pasang. Silakan simak tutorial di bawah ini

=== Cara Mudah ===

Login ke akun Blogger milik Sobat > Tata Letak. Klik link edit pada bagian header blog.

Atur seperti pada gambar di bawah ini

Cari gambar di komputer Sobat dengan menekan tombol Telusuri. Jika sudah, proses upload akan berjalan. Setelah itu beri tanda pada “Selain judul dan keterangan” lalu klik tombol Simpan.

=== Cara agak sulit ===

Cara berikut ini cukup rumit karena kita harus menyimpan gambar kita ke salah satu image hosting yang ada di internet. Jika Sobat tertarik menggunakan cara manual, silakan simak langkah-langkah berikut ini

Langkah 1
Login ke akun Blogger milik Sobat > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Langkah 2
Cari kode berikut ini atau yang agak mirip, gunakan Ctrl+F untuk mempermudah pencarian kode pada template Blogger

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Jika sudah ketemu, tambahkan kode background:url(link gambar); sehingga kode nya jadi seperti ini

#header-wrapper {
background:url(link gambar);
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Ganti link gambar dengan lokasi penyimpanan gambar header blog Anda. Jika sudah selesai, klik tombol Simpan.

Semoga bermanfaat…




Copyright®
http://seputar-internet.blogspot.com/

Read More

Cara Ganti Background Pada Blog

Mengganti Background Blog Dengan Gambar

Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.

Saya akan berbagi tips sedikit yang saya tahu tentang merubah warna background blog atau mengganti background dengan gambar yang sudah sobat upload ke tempat penyimpanan online, misalnya di Google Sites atau Photobucket.

Berikut langkah - langkahnya :

• Login ke Blogger.
• Klik Tata Letak --> Edit HTML.
• Kemudian cari kode yang mirip seperti ini :
  body { background: #FFFFFF;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: center }
  
  Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas.
  
• Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :
  body { background: #D8D8D8;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: justify }
• Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :
  
  http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800
• Sehingga hasilnya menjadi seperti berikut ini :
  
  body { background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800) repeat-x;
  margin:0; color:#000000; font:12px trebuchet ms;
  text-align: justify}
• Jika sudah selesai kemudian Simpan Template sobat.

Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar. Lebih jelasnya sobat bisa baca postingan saya tentang cara mengganti backgroud blog dengan gradient image disini.

Selamat mencoba !  

Copyright®
http://miscah.blogspot.com   

Read More

Cara Pasang PHP Pada Blog

Pasang PHP Pada Postingan Blogger/Blogspot
Setelah alam tidak menyambangi blog, kemarin saya sempatkan beberapa saat ikut chatting di blog ini (jika ingin ikut, silahkan daftar dan gabung ngobrol bareng blogger-blogger alin di homepage blog ini). Banyak pertanyaan mengenai bagaimana cara menyisipkan file php pada postingan blogspot. Caranya sebenarnya sangat mudah, sama mudahnya dengan metode iframe.

Tentunya dengan pemasangan php pada postingan blog, akan menambah fungsionalitas blogspot Anda. Misalnya saja Anda bisa memasang berbagai tool checker, slide show atau bahkan form submit dan masih banyak lagi. Langsung saja bagi Anda yang ingin memasang php di postingan blog Anda, silahkan gunakan script berikut ini:

<br /><object width="400" height="250" scrolling="no" align="middle" overflow="hidden" type="text/html" data="http://tools.bloggerplugins.org/parser.php"></object><br />



Anda bisa atur lebar dan tingginya. Ganti yang berwarna merah terakhir dengan alamt file php Anda. Contohnya adalah seperti di bawah ini. Silahkan berkreasi dan buat blog Anda lebih fungsional.

Copyright®

http://www.masdoyok.co.cc

Read More

Cara Mendaftar di Google Adsense

Sebelumnya saya posting persyaratan mendaftar sebagai anggota Google Adsense, Nah sekarang bagai mana caranya mendaftarkan diri jadi anggota Google Adsense biar tutornya lebih lengkap. Nah untuk bisa masuk ke dalam Google Adsense langsung dari dalam halaman Blogspot anda, ikuti langkah-langkah di bawah ini:

• Sebelumnya bukalah halaman akun blogger milik anda, di dasbor kemudian arahkan pandangan ke bagian Related Services
• Jikalau sudah, klik link Adsenses pada bagian Related Services
• Sesudahnya pada bagian Additional Help Resources, klik link About Adsense for your blog.
• Jikalau sudah nantikan sampai jendlea About Adsense muncul
• Selanjutnya klik link Sign in the Adsense Site
• Selanjutnya akan muncul Welcome to Adsense

Apabila Google Adsense bisa anda buka melalui Blogspot maka tahap selanjutnya yang harus anda lalui untuk menjadi anggota Google Adsense, yaitu mendaftarkan diri anda ke dalam Google Adsense.
Formulir pengisian data diri untuk menjadi anggota Google Adsense terdiri dari tiga bagian, yakni Website Information, Contact Information, dan Policies. Hal ini berbeda dengan formulir pada format sebelumnya yang juga berisikan Product Selection.

Berikut ini panduan selengkapnya untuk mengisi formulir pendaftaran manjadi anggota Adsense:

• Sebelumnya pastikan bahwa anda memang telah membuka jendela Welcome to Adsense, yang kita bahas pada awal artike tadi, kemudian klik tombol Sign up now
• Kemudian masukan alamat URL website blog anda, karena anda akan membuat Adsense menggunakan blog maka masukkan alamat URL blog milik anda sendiri didalam kotak teks Website URL
• Setelah itu pada bagian Website language, pilihlah English-English sebagai bahasa utama website anda untuk membantu proses review dari Google Adsense
• Kemudian aktifkan opsi I will not place ads on sites that include incentive. pengaktifkan opsi ini dimaksudkan untuk mencegah munculnya iklan-iklan yang berisikan kata-kata atau gambar untuk meng-klik link tersebut dikarenakan iklan-iklan seperti ini bisa membuat Google Adsense memblokir atau menghapus keanggotaan anda.
• Selanjutnya, aktifkan pula opsi I will not place ads on sites that include pornographic content
• Langkah selanjutnya yang harus anda perhatikan, yaitu pengisian data pada Contact Information, pada bagian ini anda perlu berhati-hati dalam melakukan pengisian karena data didalam Contact inilah yang nantinya akan dijadikan arsip untuk mengirimkan pembayaran kepada anda. untuk itu, lengkapilah data yang berhubungan dengan alamat, kota, negara, dan kode posnya. pada bagian Account type, pilihlah Individual
• Apabila sudah, pilih opsi Indonesia didalam kotak kombo Country or territory
• Kemudian, ketikkan nama lengkap diri anda didalam kotak teks Payee name
• Kalau sudah, ketikkan alamat lengkap anda didalam kotak teks Street Address
• Sesudahnya, masukkan nama kota didalam kotak teks City/Town
• Kalau sudah, isilah kode pos dari kota tempat tinggal anda dibagian Postal Code
• Jika anda telah menyetujui data dari yang anda masukkan didalam Contact Informatioan sebagai data penerima pembayaran, aktifkan I agree that I can receive checks made out to the payee name I have listed above
• Sesudahnya pada bagian Telephone Numbers, masukkan nomor telepon anda didalam kotak teks Number
• Jika anda ingin Google adsense mengirim anda kabar secara periodik sehubungan tips dan beberapa survei untuk membantu Google meningkatkan layanan Adsense, aktifkanlah opsi In additional, send me periodik newsletter with tips and best practices and occasional surveys to help Google inprove Adsense dibagian Email preference
• Selanjutnya tentang bagaiamana cara anda mengetahui Google adsense, bisa anda pilih jawabannya didalam kotak kombo How did you find out about Google Adsense
• Langkah berikutnya aktifkanlah seluruh opsi yang ada di bagian Policies yang menandakan bahwa anda menyetujui semua kebijakan dan prasyarat yang ditentukan oleh Google Adsense
• Lakukan lah kembali pengecekan data diri yang telah anda masukkan
• Sebagai langkah terakhir tekanlah tombol Submit Information

Sesudahnya anda bisa menunggu beberapa saat sampai mendapatkan email konfirmasi dari Google Adsense. bukalah subjek yang barasal dari Google Adsense, kalau sudah klik link konfirmasi yang ada didalam pesan konfirmasi tersebut. Setelah itu anda tinggal menunggu kurang lebih dua sampai tiga hari untuk mendapatkan informasi apakah anda diterima menjadi anggota Google Adsense ataukah tidak.

Selamat mencoba........





Copyright®
http://jayaputrasbloq.blogspot.com

Read More

Memasukkan Website Lain Dalam Posting Blog

Cara Membuat Iframe : Menampilkan Halaman Web Lain di Dalam Blog.
Iframe kali ini maksudnya ialah menampilkan halaman web atau blog lain ke dalam postingan blog. Hmmmm . . . . kelihatannya seru. Bagaimana caranya? yuk kita pelajari bersama . . .

Untuk membuat iframe, agar halaman web lain bisa muncul di halaman posting blog kita, yang dibutuhkan hanyalah kode-kode berikut :

<iframe align="center" frameborder="yes" height="200px" name="frame1" scrolling="auto" src="ALAMAT WEB/BLOG LAIN" style="border: 1px solid;" width="98%"></iframe>

Ganti "ALAMAT WEB/BLOG LAIN" dengan alamar halaman web yang ingin ditampilkan dalam postingan. Jangan lupa atur dulu besar Width dan height nya.
Maka hasilnya kira-kira seperti ini.

Copyright®

http://flazz-inside.blogspot.com

Read More

Cara Buat Google Plus Pada Blog

Seperti biasa login dulu ke akun gmail anda.
lalu akses ke http://www.google.com/webmasters/profilebutton/
Nah trus buat ngisi URL profilnya, isi dengan url google profilemu, kalau belum punya daftar dulu dsini.
Isikan ke profil URL sekalian milih bentuk buttonnya mau yg besar apa yg kecil.
kesini nih
Copy paste isi yg kyk gbr di bawah ini ke https://wordpress.com/wp-admin/widgets

Mudah kan!?
Anda jg bisa berkreasi sendiri yakni dengan merubah tampilan button dengan penambahan tulisan ato foto anda.
Tinggal anda googling aja icon google plus ato download di http://img824.imageshack.us/img824/796/googleb.png
Kemudian anda edit dulu pake software editor, kayak coreldraw, ms paint, photoshop ato yg lain.
Hasil editannya upload ke image hosting contohnya di picassa ato imageshack.
nanti direct link dari image hosting tsb, copy-kan ke widget text wordpress.
coba liat:











Source:http://muklisblog.wordpress.com

Read More

Cara Menambah Elemen Baru Dibawah Header

Waktu blog walking or silaturahim dibeberapa blog teman, diantara beberapa blog teman saya liat dibawah headernya sebelum postingan banyak aksesoris blognya, ragam widget salam sapa tuk pengunjunglah, bannerlah, iklanlah dan lah lah lainnya deh. Bermula dari awal ketertarikan itulah (lah lagi?), timbul hasrat saya tuk exsperimen kecil. Saya penasaran kok di template saya ngga ada dibagian elemen halaman kolom untuk menambah  gadget dibawah header ya?
Maka mulailah saya selancar dengan browsing, nanya kepaman google. Akhirnya nemu deh caranya, dipraktekkanpun langsung jadi karena rupanya tidak terlalu sulit, hanya butuh ketelitian dan kesabaran dikit ja…Alhamdulillah hasilnya dah tengokkan salam sebelum postingan blog ni?
Nah ni saya bagi tutorialnya buat teman teman.

 Bagaimana menambah elemen halaman tepat dibawah header…

• Anda mesti dalam keadaan log in ke blogger.
• Masuk menu tata letak=>Edit HTML. Untuk mengantisipasi hal yang tidak anda inginkan, baiknya download lengkap dulu (backup) dulu template anda. Kalau saya langsung aja, he2.
• Jangan lupa untuk mencentang kotak kecil Expand Template Widget.
• Copi kode warna merah berikut, paste diatas kode ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:100%;
}

• Cari kode seperti ini:

<div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
    </div>

• Paste kode warna merah berikut dibawah kode tadi

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

• Langkah terakhir tinggal save template.

Coba sekarang lihat ke elemen halaman udah ada laman atau kolom untuk tambah gadgetnya apa belum? Kalau belum mungkin ada yang keliru, coba lagi! 

Source:http://amatullah83.blogspot.com/ and 

http://ipanrock.blogspot.com

Read More