Minggu, September 16, 2012

Apa sih slide show image itu? yaitu sebuah widget yang dapat menampilkan image/gambar secara random. Dimana akan berganti-ganti tergantung dari jumlah gambar dan informasi yang di masukan ke dalamnya.


Jika anda berkunjung ke detik.com, Kompas, ataupun Okezone. Pastinya anda pernah menjumpai sebuah tampilan Slide show Gambar atau foto  berita yang bila di klik pada gambar yang tampil slide show tersebut akan masuk kehalaman postingan yang di targetkan.

Bagi anda yang ingin tau bagaimana cara membuatnya, yuk ikuti langkah berikut ini :
1. Login Ke Bloger
2. Pilih Tata Letak >> EDIT HTML dan jangan lupa back up template anda.
3. Letakkan kode berikut diatas kode ]]></b:skin>
/*-----Slide Show-----*/
#s3slider{height:250px;margin:0px;overflow:hidden;position:relative;width:347px}
#s3sliderContent{margin-left:0;padding:0;position:absolute;top:-14px;width:347px}
.s3sliderImage{display:none;float:left;position:relative}
.s3sliderImage span{-khtml-opacity:0.8;-moz-opacity:0.8;background-color:#000;bottom:0;color:#fff;display:none;filter:alpha(opacity=70);font:11px arial, sans-serif;left:0;opacity:0.8;padding:10px 0;position:absolute;text-align:center;width:347px}
.clear{clear:both}
NB : Sesuaikan width dan heigth dengan ukuran widget yang di ingin kan sesuai dengan lebar ruang kolom/elemen di blogmu.

4. Lalu letakkan lagi kode berikut di atas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function($){
$.fn.s3Slider = function(vars) {
var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
items.each(function(i) {
$(items[i]).mouseover(function() {
mOver = true;
});
$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});
});
var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}
var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}
makeSlider();
};
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#s3slider&#39;).s3Slider({
timeOut: 4000
});
});
</script>
NB : untuk cara mengatur atau setting waktu slide show silakan anda cari kode timeOut: 3000
Ubah angka 3000 itu sesuai keinginan anda.

5. Cari kode <div id='main-wrapper'> Letakkan kode berikut di bawah <div id='main-wrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='http://abdu-green.blogspot.com/2012/05/install-dual-boot-windows-dan-ubuntu.html'>
<img height='245' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNfMoXVM-NVHzzEKBdbD-GUd5EJGHyC2z_06w_q3cItVnYGvwu4xiBFtw4jq9_SQ-F33R2qiVOXDmdA_VGSDy_DkXRoJxnhV2LT53hCnyKRRCi4W_zFXYDjuHRoUEAeRceqhZlaB9GGkU/s1600/windows-linux.jpg' width='347'/>
<span>Panduan lengkap tentang cara untuk mendual boot antara OS Windows 7 dan Ubuntu 12.04</span></a></li>
<li class='s3sliderImage'>
<a href='URL POSTINGAN'>
<img height='245'
src='URL GAMBAR' width='347'/>
<span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>
<div class='clear s3sliderImage'/>
</ul>
</div>
</b:if>

Keterangan :
  • Ganti warna hijau dengan alamat link artikel kamu
  • Ganti warna kuning dengan link gambar / foto
  • Arti kode width="347" height="245" adalah ukuran dari widget slideshow view, (atur sesuai ukuran widget yang kamu inginkan)
  • Ganti warna pink dengan Isi dengan kalimat yang ingin di tampilkan di bawah gambar slideshow.
  • Jumlah Slide Show juga bisa anda perbanyak dengan menambahkan kode :
    <li class='s3sliderImage'>
    <li><a href="URL POSTINGAN"><img height='245' src="URL GAMBAR" width='468'/> <span>Isi dengan kalimatyang ingin anda di tampilkan mendampingi foto/image.</span></a></li>
    --->> Letaknya di atas kode </ul>
6. Setelah semua selesai, Klik Pratinjau untuk melihat previewnya, setelah itu Simpan Template.

Mudah bukan?? Selamat mencoba dan Semoga bermanfaat. ^_^
Apasih arti dari shadow itu?? yaitu mempunyai arti "Bayangan", jadi pada pertemuan kali ini akan belajar tentang efek shadown (bayangan) pada Outer-Wrapper atau Background Blogger.

Cara Menambahkan Efek Shadow atau Bayangan pada bagian background Blogspot sangat simple dan mudah sekali untuk di terapkan, hanya dengan menambahkan kode CSS3,  Mungki sudah banyak yang saya jumpai blog-blog di luara sana yang sudah nerapin Efek shadow ini pada blognya.

Dengan penambahan efek bayangan ini membuat blog kita akan terasa lebih hidup dan tidak terasa garing atau membosankan sekaligus blog kita menjadi lebih enak di lihat.


Cara Memberi Efek Bayangan Pada Background Blogspot :
1. Login ke blogger.
2. Kemudian masuk ke dalam menu Edit HTML.
3. Kemudian cari kode #outer-wrapper. Gunakan CTRL + F untuk mempermudah pencarian.
#outer-wrapper{border:5px solid #fff; width:950px;margin:0px auto;padding:0px 0px 0px 0px;text-align:$startSide;font:$bodyfont}
Jika sudah ketemu tambahkan kode di bawah ini ke dalam kode diatas.
-moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000;
Sehingga hasilnya bisa dilihat di bawah ini :
#outer-wrapper{-moz-box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000; border:5px solid #fff; width:950px;margin:0px auto;padding:0px 0px 0px 0px;text-align:$startSide;font:$bodyfont}
Nb : Sebagai catatan untuk kode CSS di dalam #outer-wrapper bisa jadi berbeda - beda tergantung template nya. Namun untuk peletakan kodenya kurang lebih tidak jauh dengan peletakan kode diatas. Simpan dan lihat hasilnya. Selamat Mencoba dan Semoga Bermanfaat.


Apa sih yang di maksud dengan Blockquote itu? Blockquote mrmpunyai fungsi sebagai wadah/penanda kata-kata yang di anggap penting di sebuah artikel blog. Seperti yang ada di SYKC Blog ini, yang saya gunakan untuk wadah kode-script yang penting.


Pertemuan kali ini kita akan belajart memberi batasan tinggi maksimal yang sehinnga akan memunculkan fungsi scroll untuk bergulir kebawah pada blockquote, blockquote dengan fungsi scroll lebih efektif di bandingkan blockquote yang tidak memiliki fungsi scroll, karena jika kata-kata yang di anggap penting terlalu banyak menjadikan blockquote memakan tempat yang panjang ke bawah dalam postingan.



Blockquote dengan fungsi scroll kali ini memiliki ototmatis ketinggian maksimal yang bila tinggi dari kotak blockquote tidak mencapai batas yang di tetapkan, maka kotak akan tetap (scrollnya tidak muncul), dan jika melebihi tinggi yang ditentukan, maka akan muncul fungsi scroll(tombol gulir kebawah). tergantung bagaimana anda memodofikasinya. Kotak blockquote akan tetap dan blockquote nantinya otomatis memiliki scroll pada bagian kanan blockquote bila tinggi kotak blockquote mencapai batas yang telah ditentukan.

Blockquote kali ini menggunakan CSS, jadi anda tidak perlu repot2 mengatur pada tiap postingan anda lewat Edit HTML. bagi anda yang berminat untuk menerapkan trik ini, silahkan ikuti langkah2 dibawah ini :

Cara Membuat Scroll Blockquote Otomatis Pada Postingan Blog
1. Log in ke blogger
2. dari Dasbor klik Template dan masuk ke Edit HTML
3. Gunakan F3 untuk mencari kode seperti berikut :

.post-body blockquote {
-----------------
-----------------
}
Gunaka Ctrl + F lalu ketik blockquote

4. Jika sudah ketemu Ganti kode diatas  dengan kode dibawah :
.post-body blockquote {
overflow:auto;
max-height:400px;
font-family:'Trebuchet MS';
background:#333;
box-shadow:0 0 0.5em #333;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
color:#fff;
margin:10px 0;
padding:5px;
}
5. Jika kode pada langkah ke-3 tidak di temukan cari saja
.post body
--------
--------
}
4. dan letakkan kode berikut di bawah kode di atas :
.post-body blockquote {
overflow:auto;
max-height:400px;
font-family:'Trebuchet MS';
background:#333;
box-shadow:0 0 0.5em #333;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
color:#fff;
margin:10px 0;
padding:5px;
}
5. Simpan Template dan lihat hasilnya di postingan sobat yang sudah ada blockquotenya.

NB : Silahkan anda modifikasi sendiri sesuai kreatifitas anda, misalnya, mengatur tinggi, memberi background dan lain sebagainya.

jika ada masalah dengan pemasangan kode diatas, silahkan kontak admin lewat kolom komentar dibawah.
Selamat mencoba dan semoga berhasil, Semoga Bermanfaat.

Cara Membuat/Mengubah Label Blogger Jadi Nofollow

Cara Mengoptimalkan Label Blogger - Cara Membuat/Mengubah Label Blogger Jadi Nofollow. Label Blogger/Blogspot bukanlah berupa link yang bersifat permanent (permalink) melainkan link yang hanya terbentuk sebagai hasil perintah pencarian dan pengelompokan posting-posting dengan label tertentu. Oleh karena itu, bagi search engine (terutama Google) link-link semacam ini bukan merupakan link yang sah untuk diindeks.

Untuk menghindarkan proses indeks terhadap link label, atribut nofollow perlu ditambahkan pada semua label, termasuk link label yang dimasukkan di dalam badan posting/artikel. Dengan memberikan atribut nofollow pada label, diharapkan proses optimalisasi SEO Blogspot menjadi lebih maksimal.

Jika link-link label ditambahkan secara manual, maka cukup tambahkan atribut rel="nofollow" pada tag a label. Contoh :

<a href="http://buka-rahasia.blogspot.com/search/label/HTML-CSS%20Tricks" rel="nofollow">HTML-CSS Tricks</a>
Namun pada label yang ditampilkan pada widget yang bersifat otomatis, misalnya widget labelBlogger dan label yang ditampilkan di atas/di bawah posting, maka harus ditambahkan atribut nofollow pada bagian tag xml label.

Cara menambahkan atribut nofollow pada seluruh label secara otomatis:
1. Login ke Blogger
2. Silahkan menuju halaman Edit HTML - Klik/check "Expand Widget Templates"
3. Cari data:label.url (gunakan Ctrl + F)
Secara utuh, kode tersebut ada dalam tag seperti ini:
<a expr:href='data:label.url'>
4. Tag itu biasanya ada yang berjumlah satu atau dua tergantung pada jenis template XML Blogger tysng digunakan. Bahkan dalam beberapa template XML Bogger tertentu, ada pula yang berjumlah lebih dari dua.
Untuk mengubah label menjadi nofollow, tambahkan atribut rel='nofollow' ke dalam semua tag tersebut seperti pada contoh berikut:
<a expr:href='data:label.url' rel='nofollow'>
5. Setelah anda menambah atribut nofollow pada tag-tag tersebut, kemudian save template.
6. Selesai !

PENTING :
Bagi yang menggunakan menu/navigasi breadcrumbs, akan ditemukan tag sejenis dengan di belakangnya dibubuhi atribut rel='tag':
<a expr:href='data:label.url' rel='tag'>
Jika ditemukan tag seperti di atas, sebaiknya JANGAN ubah atribut rel='tag' menjadi rel='nofollow', karena itu bagian dari breadcrumbs yang berfungsi memberi tahu search engine bahwa url link tersebut berfungsi sebagai tag yang bersifat informatif bagi search engine.

Sumber : Buka[n] Rahasia Lagi
Cara Membuat Daftar Isi Dari Label Dengan Satu Thumbnail/Gambar Postingan. Jika Anda lihat pada template blog ini, di bagian footer pada template ini terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja.

http://i50.tinypic.com/349dr4g.png 

Langsung saja untuk Cara membuatnya adalah sebagai berikut :
  1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode
    img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
    img.label_thumb:hover{background:#f7f6f6}
    .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
    ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
    Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
  6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode
    <script src='http://penyimpanan-maskolis.googlecode.com/files/labels.js' type='text/javascript'/>
  7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
    <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://sykcbloger.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://sykcbloger.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.

    Selanjutnya save dan lihat hasilnya.
    Selamat mencoba semoga bermanfaat...
Permalink adalah tautan permanen dari halaman postingan blog. Dengan membuat kotak permalink di bawah postingan, dapat mempermudah pembaca atau blogger lain untuk mengetahui permalink dari postingan yang sedang dibacanya.

Blogger lain bisa saja menyematkan kode HTML permalink itu di blognya, sehingga memberikan tautan (backlink) ke halaman postingan kita. Bagi anda para blogger yang tertarik untuk memasanga di blognya, Silahkan untuk di terpakan di blognya.

Cara Membuat Kotak Permalink di Bawah Postingan Blog
1. Login ke blogger
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang "Expand Template Widget"
4. Cari kode <data:post.body/> Lalu taruh kode berikut berikut di bawahnya:
 
<br /><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()'      onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>


Simpan jika sudah selesai.

Jika setelah disimpan kurang sesuai dengan tampilan blog kita, bisa kita edit. Untuk <data:post.body/> jika kita menggunakan Auto Read More, akan ada dua kode, pilih kode yang kedua. 55 adalah panjangnya kotak dan 2 adalah tingginya.


Minggu, September 09, 2012

Malam sobat SYKC.blog, malam ini saya tidak bisa tidur karena memikir hari senin yang menyebalkan untuk sekolah. Dari pada diam saja mending saya berbagi trick buat para sobat SYKC tentang Cara Membuat Google Translate dengan Menggunakan Bendera yang akan mewarnai blog sobat semua kegunaanya menerjemahkan seluruh kata-kata yang ada diblog sobat. 
Tertarik untuk mencoba langsung aja.....


1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadjet lalu pilih HTML/Javascript
4. Masukan kode berikut ini:

<div class="widget-content">
<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<br /><br />

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a><br /><br />
</center>
</div>
</div>

Sabtu, September 08, 2012

Cara Pasang Iklan Melayang di Bagian Bawah dengan Tombol Close
Cara Membuat Iklan Melayang di bawah Blog - Cara Memasang Iklan Melayang di Bagian Bawah Halaman Blog dengan Tombol Close, Cara Mudah Membuat Iklan Melayang/Floating Ads di bawah halaman blog anda dengan tombol close yang Bergerak Mengikuti Kursor pada browser anda.

Namun, Posisi iklan ini memang sedikit mengganggu atau bahkan sangat pembaca blog jadi hanya dikhususkan bagi iklan premium saja. untuk PPC khususnya lokal kebanyakan tidak membolehkan memakai cara seperti ini dan hanya bagi blog yang komersil terbukti mampu melipatgandakan penghasilan dari iklan.


Cara Pasang Iklan Melayang di Bawah dengan Tombol Close :

1.Login ke blogger
2.Tata Letak
3.Dan pada widget bagian bawah "add gadget"
4. lalu Copy paste code dibawah ini :


<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">
<img border="none" src="http://www.damorelaw.com/images/wingdings/closeButton.gif"/>
</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

....Letakkan Kode iklan/Banner Space Iklan anda disini....

</div>
</div>

  • Kode berwarna orange adalah url gambar untuk tombol close.
  • untuk mengganti gambar atau tombol close sendiri tinggal ganti link urlnya, anda bisa cari contoh-contoh gambar tombol close di mbah google, atau desain tombolnya sesuai yang anda inginkan.
Demikian itulah Cara Memasang Iklan Melayang di Bagian Bawah Blog dengan Tombol Close yang Bergerak Mengikuti Kursor pada browser. semoga bermanfaat.
Cara Mengelola Blog Yang Baik dan benar 
Cara Mengelola Blog Yang Baik dan benar - Cara Agar Blog Berkualitas.  Yips Mengelola Blog. Trik Mengelola Blog.

Bagi kita Para Blogger, Cara mengelola blog harus bisa kita kuasai dalam proses belajar marketing online, karena blog ibarat sebuah media komunikasi separti Koran, radio, maupun televisi, dimana jumlah pembaca/pendengar/penonton merupakan factor terpenting untuk menentukan Kualitas dan populeritas Blog.

Berikut adalah cara mengelola blog agar blog berkualitas :

1. KONTEN atau ISI
Konten atau isi merupakan faktor terpenting dalam upaya untuk mengelola blog, karena sebenarnya yang menjadi produk bagi sebuah blog adalah informasi. Untuk menjadikan blog anda menarik konten blog haruslah memenuhi kriteria sebagai berikut:

- Konten Yang Informatif
Buatlah tulisan yang memberikan nilai informasi dan gampang untuk dimengerti. Hindari membuat tulisan yang nga jelas maksud dan tujuannya, ibaratkan blog anda sebagai sebuah taman yang sejuk dan membuat orang betah berlama-lama didalamnya.
- Konten yang Orisinil dan Menarik
Buat artikel yang benar-benar berasal dari buah pemikiran anda dan merupakan pengalaman pribadi anda sendiri (bukan hasil dari copy paste karya orang lain) seperti kebanyakan blog ini. Dalam pembahasan cara mengelola blog kali ini saya sangat menyarankan anda berlatih untuk membuat artikel sendiri dan jangan terburu-buru untuk membeli artikel-artikel unik yang sering dilakukan para master dalam menjalankan bisnis onlinenya.
- Konten Yang selalu Up to date
Memang tidak bisa di bantah lagi, bahwa konten yang terbaru dan terupdate adalah konten yang di buru oleh pengunjung untuk mendapatkan info2 yang terbaru terkini. Ini  akan dapat mendatangkan banyak visitor untuk blog anda. Baca pada postingan Cara mengatur agar blog selalu terupdate.
- Konten yang Berbobot
Jika konten atau artikel yang hendak anda tawarkan memiliki kesamaan dengan artikel orang lain, berusahalah agar artikel yang anda buat itu memiliki nilai tambah. Artinya artikel anda harus lebih lengkap dalam mejelaskan sesuatu, dengan informasi tambahan berupa kronologis, latar belakang ataupun historis tentang hal tersebut, hal ini menjadi sangat penting dalam cara mengelola blog.
- Konten Yang Bermanfaat
Artikel yang anda buat akan sangat berarti buat orang lain jika didalamnya terdapat pembahasan tentang suatu masalah dan memberikan solusi yang baik dan tepat. Usahakan untuk selalu membuat artikel yang memiliki klimaks dan antiklimaks. Jika blog anda menyajikan informasi yang dibutuhkan pengunjung otomatis blog anda akan sangat mudah untuk menjual (ingin tahu cara menghasil uang dari blog baca disini).
2. DESAIN (TAMPILAN BLOG)
Jika blog anda telah memenuhi kriteria yang baik tentang konten atau isi, akan semakin komplit jika didukung tampilan desain tema blog yang sesuai dengan topik blog kita.

Ada dua hal yang perlu diperhatikan terkait dengan desain (tampilan blog) dalam hal cara mengelola blog antara lain:
- Tata letak (Layout)
- Themes

Untuk model dan jenisnya sendiri desain(Tampilan) sebuah blog/web sangat banyak bisa anda dapatkan diinternet secara gratis. bagi anda yang ingin bekerja sebagai seorang profesional di bidang internet marketing, publisher, atau enterpreneur dalam cara mengelola blog ini, sangat disarankan agar anda menggunakan desain web (themes) yang berbayar. Karena dengan desain web yang berbayar pengunjung anda akan menghormati anda sebagai profesional dan tentunya hal itu akan menghilangkan rasa ragu dihati mereka tentang kekurangan-kekurangan produk yang anda tawarkan.

selain itu themes yang berbayar tentu akan jauh lebih baik dari segi apapun karena dirancang khusus untuk bisa menjadi penarik dan menjamin terjadinya penjualan bisnis.

Demikianlah hal pokok yang perlu anda perhatikan agar menghasilkan sebuah blog yang berkualitas. mungkin dari cara mengelola blog di atas ada yang ingin menambahkan silahkan luangkan di kolom komentar di bawah.
Cara mengupdate postingan blog terjadwal
Tips Memanage Blog - Agar Selalu Update. Cara agar blog selalu update - Cara mengelola Blog dengan baik dan bernar, Selesai makan sahur saya sempatkan untuk mengupdate artikel yang sudah dari kemarin saya simpan di draf ini.

Bagi kta para blogger, Update blog sudah merupakan keperluan penting. karena bila blog yang tidak terupdate maka  hal itu akan sangat berdampak buruk, tentu membuat pengunjung yang datang akan bosan karena kontennya hanya itu-itu aja alias gak update update. dan para pengunjung jadi akan berpindah ke lain hati utnuk mencari isi konten-konten yang terbaru dan terupdate tentunya.

Dengan selalu melakukan mengupdate konten-konten yang terbaru pengunjung jadi makin rajin untuk datang ke blog kita, banyak wawasan terbaru juga yang didapat oleh semua pengunjung dan juga kita sebagai admin khususnya. Tidak hanya itu saja, dengan blog yang selalu update juga akan dapat membuat robot google semakin rajin mendatangi blog kita untuk melakukan index.

Percuma kalian gunain teknik SEO se ampuh mungkin kalo blogmu saja gak perna kamu update.

Nah, maka dari itu saya menganjurkan kepada teman teman blogger semuanya utnuk selalu mengupdate blognya dengan konten-konten yang terbaru agar makin disayang ama si Mbah Google. ^_^!

Tentu kalian juga masih ingat kan dengan postingan sebelumya. tentang cara  agar blog cepat terindeks google jan juga artikel yang ini cara ampuh agar postingan cepat terindeks google. di situ dijelaskan bahwa selalu mengupdate artikel secara berkala merupakan cara agar blog/postingan kita cepat di indeks ama si Mbah Google.

Lalu gimana sih,,, caranya agar kita bisa selalu update posting blog tiap hari. . .? Banyak cara kok  agar blog selalu update, nih saya kasih salah satu tips & trik nya agar blog kamu bisa selalu update.

Cara agar blog selalu terupdate tiap hari

Simple saja, Setelah anda selesai menulis satu artikel pada hari itu, biar gak naggung... Usahakan Seceptanya anda Cari Referensi lagi. bisa melalui google atau dengan blogging ke blog temen. setelah nemu inspirasi Segera tulis artikel yang menurutmu menarik untuk di bagikan.
Setelah itu artikel sudah kamus tulis dengan sebaik dan semenarik mungkin gak usah keburu2 di publih, simpan aja dulu di "draft".

Nah, sampai keesokan harinya atau waktu anda merasa ingin mengupdate artikel blogmu, anda sudah memiliki referensi yang sudah kamu simpan kemarin, boleh di edit untuk lebih menarik lagi, lalu setelah semuanya sudah sip.. terbitkan artikel itu.
Dan begitu pula selanjutnya setelah anda terbitkan artikel langsung cari referensi lagi, buwat semenarik mungkin, simpan, dan besoknya tinggal di publish.
Trik ini sudah banyak di gunakan oleh para blogger di luar sana. trik ini juga bisa anda gunakan bila menurut anda cara ini menarik untuk di praktekkan, atau ada yang ingin menmbahkan, silahkan luangkan di kolom komentar di bawh. ^_^. Semoga bisa bermanfaat.