Kode-kode mouse over html

anbu-files.blogspot.com - Kode-kode mouse over html - berikut ini adalah contoh kode-kode html untuk efek mouse over :

<p style="text-align: center;"><a href="platinum-forum.html"><img src="images/stories/demo/platinum_forum.png" border="0" onmouseover="this.src='images/stories/demo/platinum_forum_white.jpg';" onmouseout="this.src='images/stories/demo/platinum_forum.png';" style="border: 0pt none;" /></a></p>


<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=56"><img src="images/stories/menu1.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu1.jpg';" style="border: 0pt none;" border="0" /></a>
</p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=57"><img src="images/stories/menu2.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu2.jpg';" style="border: 0pt none;" border="0" /></a>
</p>
<p style="text-align: center;"><a href="index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=58"><img src="images/stories/menu3.jpg" onmouseover="this.src='images/stories/hover-facial.jpg';" onmouseout="this.src='images/stories/menu3.jpg';" style="border: 0pt none;" border="0" /></a>
</p>


<p style="text-align: center;"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=34&amp;Itemid=56"><img src="/images/stories/catering.jpg" border="0" width="420" height="111" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" /></a> <a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=35&amp;Itemid=56"><img src="/images/stories/wedding.jpg" border="0" width="421" height="111" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" /></a></p>

Read more »

advertisment

Memasang iklan di Post bagian kiri atau kanan

anbu-files.blogspot.com-Memasang iklan di Post bagian kiri atau kanan-Salah satu cara untuk meningkatkan jumlah klik iklan adalah menyamarkan tampilan iklan agar seolah-olah menyatu dengan konten atau artikel postingan.

Seperti contoh letak iklan pada gambar, adalah salah satu cara menyamarkan iklan baik iklan google adsense atau iklan sejenis agar terlihat menyatu dengan konten postingan blog.

Untuk menampilkan iklan seperti itu pada blogger/blogspot adalah :
1. Pada akun blogger anda pilih menu design/rancangan, kemudian pilih Edit HTML dan centang pada Expand Widget Templates. Sebaiknya anda memback-up template anda untuk berjaga-jaga jika terjadi masalah.

2. Cari kode <data:post.body/> , jika anda menggunakan fungsi auto readmore,maka pilihlah kode tersebut yang kedua ( untuk tampilan fullpost)

3. Tambahkan kode dibawah ini sebelum kode <data:post.body/>

<div style='padding-left:4px; margin-top:1px;float:left;'>
TARUH SCRIPT IKLAN / ADSENSE ANDA DISINI
</div>

Anda tinggal mengganti left dengan right jika anda ingin iklan tampil pada kanan postingan. Anda juga bisa mengganti script iklan dengan meletakkan kode gambar / banner sesuai keinginan anda.

Semoga bermanfaat.

Sumber: http://sumbertips.blogspot.com/2011/04/memasang-iklan-di-dalam-posting-sebelah.html

Read more »

advertisment

Membuat Random ads menggunakan JQUERY

anbu-files.blogspot.com-Membuat Random ads menggunakan JQUERY- Katakanlah bahwa Anda memiliki banyak iklan di situs web Anda dan Anda ingin memastikan bahwa beberapa iklan tidak muncul lebih sering dari yang lain. Nah, inilah kode jQuery bagus yang akan membiarkan Anda menampilkan mereka secara acak.

shuffleAds: function(arr)
{
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
return arr;
}

Meskipun saya belum mencoba belum sendiri, kode ini juga dapat digunakan untuk menunjukkan artikel acak untuk pembaca. Kenapa blog Anda yang akan Anda ingin menampilkan posting secara acak? hal itu dikarenakan, supaya pembaca Anda tahu bahwa situs Anda tidak terbatas hanya pada satu tema atau niche tertentu.

Atau mungkin Anda ingin menggunakan jQuery plugin ini  Shuffle (dari jsfromhell.com):

.fn.shuffle = function() {
return this.each(function(){
var items = $(this).children().clone(true);
return (items.length) ? $(this).html($.shuffle(items)) : this;
});
}
$.shuffle = function(arr) {
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
return arr;
}
})(jQuery);


berikut contoh kode untuk random ads :

//Function to display ads on the jQuery Blog and shuffle
(function($)
{
var displayAds = {
ads: {
1: {
title: “jQuery UI Widgets for PC, Mobile and Touch devices”,
href: “http://www.jqwidgets.com”,
img: “jqwidgets.png”
},
2: {
title: “jQuery Chop Slider 2.0 – The most eye catching image slider on the internet!”,
href: “http://www.idangero.us/cs/”,
img: “idangerous.jpg”
},
3: {
title: “Sauce Labs – Online Cross Browser Testing”,
href: “http://www.saucelabs.com/scouthome?utm_source=banner&utm_medium=flat&utm_campaign=all+all+banner+jquery4u”,
img: “sauce-labs.jpg”
},
4: {
title: “Diamond Slider – Ken Burns Effect & Unlimited Transitions”,
href: “http://www.diamond.billykids-lab.net/”,
img: “diamond-slider.jpg”
},
5: {
title: “AJAX Zoom – jQuery Dynamic 2d/360 Degrees Zoom with ipad support.”,
href: “http://www.ajax-zoom.com”,
img: “ajax-zoom.jpg”
}
},
signupAd: {
title: “Advertise here”,
href: “http://www.jquery4u.com/advertise/”
},
shuffleAds: function(arr)
{
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
return arr;
},
load: function()
{
$(‘#shuffle-ads’).hide();
var adContainer = $(‘#jq4u-sidebar-ads’).empty(), adsArray = Array();
/* construct ads */
$.each(this.ads, function(i,v)
{
adsArray.push(‘

‘);
});
/* shuffle ads in random order */
adsArray = this.shuffleAds(adsArray);
/* output ads */
$.each(adsArray, function(i,v)
{
adContainer.append(v);
});
/* add the signup ad */
adContainer.append(‘

‘ + this.signupAd.title + ‘

‘);
/* show shuffle button */
adContainer.append(‘Shuffle‘);
$(‘#shuffle-ads’).live(‘click’, function(e)
{
e.preventDefault();
displayAds.load();
});
$(‘#shuffle-ads’).show();
}
}
$(document).ready(function() {
displayAds.load();
});
})(jQuery);

 Semoga tutorial ini bisa sedikit membantu anda

Read more »

advertisment

Tutorial membuat gambar untuk background website

anbu-files.blogspot.com-Tutorial membuat gambar untuk background website- dalam beberapa kerjaan saya dalam web design saya menemukan beberapa hal yang membuat saya harus sedikit bertanya-tanya ke beberapa kawan saya , salah satunya adalah membuat gambar untuk background website.
walaupun sederhana tetapi ini bisa membantu saya dalam mengatasi masalah saya dulu pada saat saya masih belum bisa mendesign sebuah website. semoga sedikit kutipan tutorial ini bisa membantu anda yang sedang belajar dalam mendesign sebuah situs.

Berikut adalah tutorial singkat bagiamana membuat gambar untuk background website anda :

masukkan pada tag script body pada skrip html seperti berikut
<body style=”background:url(images/imagescontoh.jpg); background-attachment:fixed“></body>
atau pada style cssnya caranya sperti berikut:
<style type=”text/css”>
body {
background:url(images/imagescontoh.jpg); background-attachment:fixed
}
</style>

semoga dapat membantu

Read more »

advertisment

Membuat Related Post dengan Tumbnail Dibawah Post Artikel

Membuat Related Post dengan Tumbnail Dibawah Post Artikel - Anbu-Files.Blogspot.Com -  mungkin anda sudah tidak asing lagi dengan artikel yang mebahas tentang Membuat Related Post dengan Tumbnail Dibawah Post Artikel . disini saya akan membahasnya lagi di salah satu postingan ini.


seperti gambar dibawah ini adalah bentuk dari Related Post dengan Tumbnail Dibawah Post Artikel
sebenarnya untuk Membuat Related Post dengan Tumbnail Dibawah Post Artikel tidaklah sulit, hanya saja anda butuh script yang benar dan dipasang dengan benar pula, karena ada beberapa script tentang Membuat Related Post dengan Tumbnail tidak berjalan dengan semestinya, sesuai dengan pengalaman saya kemarin-kemarin yang gagal dalam membuat Membuat Related Post dengan Tumbnail , gara-gara script yang saya pasang tidak bekerja.
anda bisa lihat contoh hasil Membuat Related Post dengan Tumbnail di beberapa blog yang sudah berhasil terpasang dengan benar berikut ini :

• Media Pembelajaran Sekolah
• Download SMADAV 8.6 Anti Virus lokal Indonesia Terbaru 2011

Silahkan ikuti petunjuk dibawah ini :
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada  "Expand Widget Templates"

2. Cari kode ini </head>

3. Kemudian ganti dengan kode dibawah ini

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

4. Sekarang cari lagi kode dibawah

<div class='post-footer-line post-footer-line-1'>

Jika tidak menemukan kode diatas, coba cari kode seperti ini

<p class='post-footer-line post-footer-line-1'>

Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan.

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

5. jangan lupa disimpan dah lihat hasilnya

Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:

var maxresults=5;

Untuk mengganti title, kita bisa mengedit kode ini:

var relatedpoststitle="Related Posts";

mudah bukan :) , semoga tutorial Membuat Related Post dengan Tumbnail Dibawah Post Artikel bisa bermanfaat untuk anda, baca juga Cara Membuat Random Post di Blogger

Read more »

advertisment

Membuat Random Post di Blogger dengan Pipe Yahoo

Cara membuat random posts di Blogger dengan Pipe Yahoo - Anbu-Files.Blogspot.Com - Berikut ini adalah tutorial tentang membuat sebuah widget dengan fungsi sebagai random post, ini merupakan favorit bagi para Adsense Mania dalam Tips di blogspot untuk mendapatkan pageviews yang banyak dengan menampilkan random post lama sampai random post baru, karena Random Posts bisa menampilkan postingan-postingan lama yang bahkan sulit untuk kita temukan. misalnya anda sudah memiliki artikel sebanyak 200 buah atau lebih maka kita perlu yang namanya Random Posts untuk menampilkan post lama kita supaya bisa dibaca lagi oleh pengunjung yang membutuhkan, maka dari itu random post sangatlah penting bagi pemilik blog dan pengunjung blog terutama bagi pengguna blogspot.
Cara membuatnya sangat mudah sekali, karena hanya tinggal di tempel di widget / gadget blogspot anda, anda hanya perlu meng-copy code di bawah dan dipasang di widget.

Langkah-langkahnya sebagai berikut :

1.Login ke akun blogger / blogspot anda

2.Begitu masuk dasbor, klik rancangan, lalu elemen laman, & Pilih tambah gadget (terserah dimana anda ingin menaruh posisi Random Posts tersebut. Saran: sebaiknya di sidebar / kotak di samping ruang posting) , selanjutnya pilih HTML/JavaScript


3.Setelah ruang HTML/JavaScrip terbuka, paste kode dibawah ini:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Fnamabloganda.blogspot.com&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Share by <a href="http://anbu-files.blogspot.com">Anbu</a></span>

*Ganti tulisan bercetak tebal dengan url blog anda dan jumlah artikel yang akan ditampilkan

4.Lalu klik tombol simpan

5.dan lihat hasilnya

Nah setelah Random Post berhasil dibuat, ada baiknya anda membaca Cara Mendapatkan 1000 Pageviews per Hari  untuk mendapatkan tambahan pengunjung pada blogspot anda.
Mudah bukan, tutorial tentang Cara membuat Random Posts di blogspot , semoga bermanfaat buat blog anda.

Read more »

advertisment

Mengganti Favicon Blogger (UPDATE)

Mengganti Favicon Blogger  - sekarang ini blogger semakin oke ajah :) , beberapa minggu lalu saya menemukan hal baru, yaitu merubah favicon blogger dengan cara yang sangat mudah. berikut beberapa caranya :

1. Buka blog anda. sign in ke blogger anda.

2. Buka Rancangan, Elemen Laman.

 

 3. Klik Edit, maka tampilannya akan tampak seperti di bawah ini

4. Selanjutnya tinggal klik Browse. pilih image yang ingin kamu buat jadi favicon.

5. klik save dan Selesai

 

image source: http://blog-kedua.blogspot.com

Read more »

advertisment

Tips Mengganti Background Blog

Tips Mengganti Background Blog - Pada tutorial web design ada banyak artikel yang harus anda pelajari, salah satu tutorial blog yang ada didalam tutorial web design adalah Tips Mengganti Background Blog . disini kita akan sedikit membahas tentang cara mengganti background blog sebatas merubah warna bacground blog saja.

Ada satu hal yang harus anda tahu apabila anda berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya. berikut tutorial mengganti background blog. Karena kode template sangat bervariasi, yang akan kita jadikan contoh adalah template asli blogger yaitu template minima.  sebenarnya tutorialnya juga hampir sama dengan beberapa template yang sudah bervariasi, tetapi silahkan coba tutorial ini.

Mengganti Warna Background

Untuk template minima klasik :

1. Sign in
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data
5. Rubahlah kode warna asli template dengan kode warna yang anda sukai (yang warna merah adalah kode yang harus di rubah) :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :

body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

1. Klik tombol Pratinjau untuk melihat perubahan
2. Jika sudah OK, klik tombol Simpan Perubahan Template
3. Selesai.

Jika anda kebingungan tentang kode warna, anda bisa menggunakan bantuan program photoshop, kapan-kapan akan saya posting khusus tentang bagaimana cara mengetahui kode warna.


Untuk template minima baru :

1. sign in
2. Klik menu Layout
3. Klik menu Fon dan Warna
4. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)
5. Klik warna yang anda sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah
6. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN
7. Selesai.

semoga tutorial tentang cara mengganti background blog bisa membantu bagi anda yang sedang mencarinya :)

Thanks to : http://kolom-tutorial.blogspot.com

Read more »

advertisment

Cara Mengganti Template di blogspot

Cara Mengganti Template di blogspot  - Tutorial kali ini kita buat tentang Cara Mengganti Template di blogspot , ini kita buat untuk para newbee karena jujur dulu saya saat masih newbee (baru jadi blogger) saya agak kesulitan dalam Mengganti Template saya di blogspot . sedikit pengetahuan tentang tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, css, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.
Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://galerytemplate.blogspot.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.
Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan. 
3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.
4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template,  klik APPLY TO BLOG.
   
5. Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.
3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
4. Silahkan login ke blogger dengan ID anda.
5. Klik Rancangan.
6. Klik menu Edit HTML.
7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
   
9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.
10. Selesai.

Kini tampilan blog anda  lebih terasa fresh dibanding sebelumnya
tutorial diatas adalah sedikit ilmu dari tutorial web design tentang Cara Mengganti Template di blogspot. semoga bermanfaat.
thanks to : Kolom Tutorial

Read more »

advertisment

Menghilangkan Navbar Blogger

 

Menghilangkan Navbar Blogger - pada tutorial kali ini kita akan membahas tentang Menghilangkan Navbar Blogger. nah pengertian navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. itu adalah sebagian dari fungsi Navbar Blogger.
berikut adalah salah satu tutorial yang mungkin termasuk dalam tutorial web design, hampir sama seperti web design joomla, web design wordpress, atau web design html. berikut tutorialnya

Read more »

advertisment

Membuat Template Blog SEO Friendly

Membuat Template Blog SEO Friendly - pada tutorial kali ini kita akan lebih memperdalam ilmu SEO pada Template Blog supaya SEO Friendly. Perlu anda ketahui, kebanyakan Designer template Blogspot maupun WordPress kurang memperhatikan masalah SEO dalam pembuatan Template, dan cenderung lebih mementingkan masalah desain. Nah, kali ini saya ingin berbagi tentang cara menjadikan template blogspot SEO Friendly. Bila template blog blogspot kawan belum memiliki trick SEO ini, segera pasang di blog masing masing dengan mengikuti tutorial dibawah ini.

Read more »

advertisment

Memasang Meta Tags ke Blog Lengkap

Memasang Meta Tags ke Blog Lengkap - pada artikel sebelumnya sudah pernah kita bahas tentang Memasang Meta Tags ke Blog , nah perbedaannya pada tutorial web kali ini kita akan memberikan Meta Tags Blogger yang lebih Lengkap.
Topik bahasan  kali ini adalah tentang META TAG DAN META TITLE yang baik dan lengkap untuk Blogger kamu.

Untuk cara memasangnya, ikuti langkah-langkah berikut ini:

Read more »

advertisment

Mengganti Icon Blogger

Mengganti Icon Blogger - Pada tutorial tentang memasang auto move image slider di blogger telah sedikit kita singgung penggunaan edit HTML untuk mengedit suatu web design di blogger. Artikel kali ini akan kita bahas mengenai cara mengganti icon blogger dengan gambar ataupun foto anda sendiri di addressbar . sebelumnya anda harus mempunyai image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel. kemudian silakan upload gambar tersebut di host manapun.  kenapa harus upload ? karena untuk mendapatkan kode URL image kita.
Mengganti Icon Blogger
berikut langkah-langkah dalam mempersiapkan icon dan cara mengganti icon blogger di blog anda,

Read more »

advertisment

Efektif Keyword untuk Meningkatkan Penghasilan Adsense

Efektif Keyword untuk Meningkatkan Penghasilan Adsense - Berikut ini adalah beberapa buah tips dan trick bloger untuk meng-Efektif Keyword untuk Meningkatkan Penghasilan Adsense. sebelum ini kita sudah pernah bahas tentang pentingnya SEO. semoga tips ini bisa bermanfaat bagi agan-agan yang sedang mencoba belajar untuk meningkatkan penghasilan adsense agan :)
SEO Riset keyword adalah sesuatu aspek yang vital dari perencanaan Search Engine Optimizaton, jika situs anda memasang keyword yang salah, search engine dan customer anda tidak akan menemukan website anda. berikut ini adalah cara Efektif Keyword untuk Meningkatkan Penghasilan Adsense
Proses riset keyword dapat di jabarkan dalam beberapa poin berikut ini:

Read more »

advertisment

Domain Gratis untuk Blogger

 

Domain Gratis untuk Blogger - Domain atau nama domain adalah penamaan alamat website di Internet, nama domain tersebut bisa didaftarkan oleh siapa saja termasuk anda (registrant) dengan ekstensi com, net, org, biz, info dan lain lain pada perusahaan penyedia pendaftaran domain (registrar). disini anda akan mendapatkan tutorial dalam pembuatan Domain Gratis untuk Blogger. 
Berikut langkah-langkahnya secara urut :

Read more »

advertisment

Auto Backlink Generator

Auto Backlink Generator - Auto Backlink Generator adalah sebuah tool untuk membuat backlink secara auto. nah seberapa pentingnya backlink dan apa itu backlink akan kita bahas juga disini. dan disini kita juga akan memberikan agan sebuah tool Auto Backlink Generator yang bisa agan pakai.
Backlink adalah sebuah link atau teks yang berada di situs lain atau situs kita sendiri yang jika kita klik maka akan menuju ke suatu halaman lainnya dan ini disebut backlink untuk halaman yang dituju tersebut. Teks dari link ini biasanya berupa anchor text atau teks singkat yang biasanya adalah kata kunci dari halaman tujuan tersebut. dan akan sangat memudahkan kita apabila ada Auto Backlink Generator yang bisa kita pakai untuk melakukan Auto Backlink

Read more »

advertisment

Membuat Domain Checker

Membuat Domain Checker yang bisa digunakan untuk pengusaha domain. dan yang perlu kita pakai dalam pembuatan  Domain Checker tidaklah terlalu rumit.

Pasti kamu udah gak asing lagi dengan istilah domain checker atau who.is domain, ini biasanya terdapat pada website penyedia hosting dan domain. Sebelum kamu membeli domain maka sebelumnya harus memeriksa apakan domain yang akan kamu beli sudah ada yang punya atau belum.


Pada kesempatan kali ini kita akan mencoba berbagi sedikit script dari ciebal yang didapatkan dari triplezix.
caranya sangat mudah, cukup membutuhkan 2 file untuk ini, berikut cara pembuatannya :

Read more »

advertisment

Drop Down Menu Untuk Blogger

Drop Down Menu Untuk Blogger sebagai semua orang akan seperti itu di blog cukup banyak saya telah menemukan ribuan orang yang mencari di i internet.Then memikirkan memiliki tutorial di atasnya. Apa Drop Down Menu? Its Adil dan widget mana salah pilih opsi dan klik menu dia suka, maka window baru akan terbuka dengan opsi yang dipilih. Berikut ini adalah demo itu.

- Your Title - Title One Title second Title Third blogger widget

Sekarang bagaimana untuk membuat menu drop down.

Read more »

advertisment

Memasang Auto Move Image Slider di Blog

Memasang Auto Move Image Slider di Blog kali ini saya dapat dari blogwalking kemarin, yah semoga bisa bermanfaat juga buat agan-agan. Memasang Auto Move Image Slider di Blog bisa untuk pelajaran buat kita yang ingin Memasang Auto Move Image Slider di Blog kita sendiri. kalau-kalau ingin buat blog galery.

Read more »

advertisment

Memasang Iklan di Bawah Judul Post

Optimasi Iklan Adsense sangatlah penting, karena menyangkut seberapa berhasilkah iklan kita akan di klik oleh user lain.  kita bisa memasang iklan di tempat-tempat strategis di blog kita. misalnya di Bawah Judul Post, bagaimanakah cara memsanga Iklan di Bawah Judul Post? ada banyak caranya. selain kita bisa memasang iklan di blog berbahasa indonesia,dan memasang di Bawah Post seperti post saya yang dulu. agan bisa mencoba cara ini untuk memasang Iklan di Bawah Judul Postagan.
caranya juga sangat  mudah tinggal ikuti langkah-langkah yang hampir sama berikut ini :

Read more »

advertisment