Menampilkan Video You Tube Dengan Windows Popup
Menampilkan Tayangan Video dari you tube atau pun video dari yang lain
Silahkan Tekan Tombol Video
Cara Menampilkannya copy kode di bawah ini kemudian pastekan di blog postingan
Yang Berwarna Biru dapat di ambil dari you tube nya
Contoh Urlnya dari You Tube : http://www.youtube.com/watch?v=6ZToJc2sXn0
Yang Berwarna Merah bisa di ganti sesuai keinginan
Silahkan Tekan Tombol Video
Cara Menampilkannya copy kode di bawah ini kemudian pastekan di blog postingan
<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/watch_popup?v=6ZToJc2sXn0', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, resizable=NO, Location=NO, Menubar=NO, Titlebar=No, Status=NO')"><img src="http://i887.photobucket.com/albums/ac72/oppie63/tombol-video.png" title="Ver video" /></a>
Yang Berwarna Biru dapat di ambil dari you tube nya
Contoh Urlnya dari You Tube : http://www.youtube.com/watch?v=6ZToJc2sXn0
Yang Berwarna Merah bisa di ganti sesuai keinginan
Membuat Kolom Posting Jadi Dua Bagian
Membuat Tampilan postingan jadi dua kolom
Apa kabarmu sobat ...
Saya baik baik saja thnks
Paste kode di bawah ini pada postingan atau di mana tempat yang anda mau kemudian ganti TEKS KANAN / TEKS KIRI dengan postingan yang diiinginkan
<div style="float: left; width: 45%">TEKS KANAN</div><div style="float: right; width: 45%">TEKS KIRI</div>
<div style="clear: both"></div>
<div style="clear: both"></div>
Membuat Emotion di postingan dan di komentar
LANGKAH 1
Anda pergi ke template blogger Anda: Layout> Edit HTML dan klik pada Expand Template Widget berada di sana ketika mereka harus mencari </ head>
Salah satu trik untuk menemukan kode dalam template blogger adalah dengan menekan Ctrl + F akan menampilkan sebuah jendela kecil di mana Anda memasukkan apa yang Anda ingin mencari
Nah setelah Anda telah menemukan itu untuk tetap di atas kode </ head> Script ini saya dimasukkan ke dalam file teks
Masukan kode di bawah ini tepat dia atas </ head>
LANGKAH 2
Sekarang bahwa Anda telah menginstal script perlu mengatur bentuk umpan balik pada kode blog Anda dengan tampilan emoticon, sehingga terlihat seperti ini:
Untuk melakukan ini, Anda harus menyisipkan tabel html dengan emoticon dan simbol untuk digunakan, saya juga telah mengambil kesulitan untuk membuat tabel seperti script adalah file teks
Pastekan kode di atas tadi tepao di atas kode ini
Anda pergi ke template blogger Anda: Layout> Edit HTML dan klik pada Expand Template Widget berada di sana ketika mereka harus mencari </ head>
Salah satu trik untuk menemukan kode dalam template blogger adalah dengan menekan Ctrl + F akan menampilkan sebuah jendela kecil di mana Anda memasukkan apa yang Anda ingin mencari
Nah setelah Anda telah menemukan itu untuk tetap di atas kode </ head> Script ini saya dimasukkan ke dalam file teks
Masukan kode di bawah ini tepat dia atas </ head>
<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}
function addSmiley(){
var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
var d = document.getElementsByClassName(postBodyClass);
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}
var d = document.getElementsByClassName('comment-body');
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}
function addSmiley(){
var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
var d = document.getElementsByClassName(postBodyClass);
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}
var d = document.getElementsByClassName('comment-body');
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/XD/gi, ' <img src="http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png" style="border:0; margin:0; padding:0;" id="new" /> ');
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) -->
LANGKAH 2
Sekarang bahwa Anda telah menginstal script perlu mengatur bentuk umpan balik pada kode blog Anda dengan tampilan emoticon, sehingga terlihat seperti ini:
Untuk melakukan ini, Anda harus menyisipkan tabel html dengan emoticon dan simbol untuk digunakan, saya juga telah mengambil kesulitan untuk membuat tabel seperti script adalah file teks
<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
<tr>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png' width='20'/></td>
<td align='center' width='26'><img height='20' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png' width='20'/></td>
</tr>
<tr>
<td align='center' width='26'>:-)</td>
<td align='center' width='26'>:-S</td>
<td align='center' width='26'>:-P</td>
<td align='center' width='26'>:-[</td>
<td align='center' width='26'>:-D</td>
<td align='center' width='26'>}:-]</td>
<td align='center' width='26'>X*</td>
<td align='center' width='26'>;-D</td>
<td align='center' width='26'>:-|</td>
<td align='center' width='26'>:-}</td>
<td align='center' width='26'>:*)</td>
<td align='center' width='26'>:-(</td>
<td align='center' width='26'>;-)</td>
<td align='center' width='26'>XD</td>
</tr>
</table>
<!-- fin tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
<tr>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/Senyum.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/keren.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/sedih.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/haha.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/setanketawa.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/aduh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/terkekeh.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/binggung.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/wew-1.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/malu.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/biarlah.png' width='20'/></td>
<td align='center' width='26'><img height='21' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/ngedip.png' width='20'/></td>
<td align='center' width='26'><img height='20' src='http://i887.photobucket.com/albums/ac72/oppie63/emo%20baru%20buat%20komentar%20dan%20posting/nyengir.png' width='20'/></td>
</tr>
<tr>
<td align='center' width='26'>:-)</td>
<td align='center' width='26'>:-S</td>
<td align='center' width='26'>:-P</td>
<td align='center' width='26'>:-[</td>
<td align='center' width='26'>:-D</td>
<td align='center' width='26'>}:-]</td>
<td align='center' width='26'>X*</td>
<td align='center' width='26'>;-D</td>
<td align='center' width='26'>:-|</td>
<td align='center' width='26'>:-}</td>
<td align='center' width='26'>:*)</td>
<td align='center' width='26'>:-(</td>
<td align='center' width='26'>;-)</td>
<td align='center' width='26'>XD</td>
</tr>
</table>
<!-- fin tabla emoticones -->
Pastekan kode di atas tadi tepao di atas kode ini
<p><data:blogCommentMessage/></p>
Membuat Komentar Dengan Smile
Hal pertama yang harus dilakukan adalah menambahkan sebelum </ body> kode berikut:
<b:if cond='data:blog.pageType == "item"'>
<script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>
Jadi kita tambahkan script yang akan menggantikan karakter emoticon. Langkah selanjutnya adalah menempatkan legenda, untuk itu mencari <iframe allowtransparency='true' dan tepat di atas paste kode html berikut:
<table width='400px'>
<tr>
emoticon di blogger colspan = '10 '> <td </ td>
<td colspan='3'></ td>
</ Tr>
<tr>
<td> <img src='http://agudovk.googlepages.com/com-smile.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-cry.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sad.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-tongue.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-lol.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-oops.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-blink.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-neutral.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-secreto.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-mad.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-confuso.gif'/> </ td>
</ Tr>
<tr>
<td>:) </ td>
<td> :'(</ td>
<td>: (</ td>
<td>: P </ td>
<td>: D </ td>
<td>: $ </ td>
<td>;) </ td>
<td>:-I </ td>
<td>:-X </ td>
<td>: o </ td>
<td>: O </ td>
<td> O </ td>
<td>: / </ td>
</ Tr>
</ Tabel>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>
Jadi kita tambahkan script yang akan menggantikan karakter emoticon. Langkah selanjutnya adalah menempatkan legenda, untuk itu mencari <iframe allowtransparency='true' dan tepat di atas paste kode html berikut:
<table width='400px'>
<tr>
emoticon di blogger colspan = '10 '> <td </ td>
<td colspan='3'></ td>
</ Tr>
<tr>
<td> <img src='http://agudovk.googlepages.com/com-smile.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-cry.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sad.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-tongue.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-lol.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-oops.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-blink.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-neutral.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-secreto.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-mad.gif'/> </ td>
<td> <img src='http://agudovk.googlepages.com/com-confuso.gif'/> </ td>
</ Tr>
<tr>
<td>:) </ td>
<td> :'(</ td>
<td>: (</ td>
<td>: P </ td>
<td>: D </ td>
<td>: $ </ td>
<td>;) </ td>
<td>:-I </ td>
<td>:-X </ td>
<td>: o </ td>
<td>: O </ td>
<td> O </ td>
<td>: / </ td>
</ Tr>
</ Tabel>
Situs Ketiga Untuk Memasang Iklan
Situs Situs Ketiga untuk Membuat iklan di google adsens
Bukisa
Indyarocks
Flixya
Docstoc
Dll
Anda dapat memasang iklan google di blog dengan bantuan alamat di atas ,tutorial lebih lanjut akan saya share nanti ok
Bukisa
Indyarocks
Flixya
Docstoc
Dll
Anda dapat memasang iklan google di blog dengan bantuan alamat di atas ,tutorial lebih lanjut akan saya share nanti ok
Cara membuat tombol like facebook di blog
Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi . Paham kan , yaaa,,, kurang lebih begitu lah fungsinya.
Cara membuat tombol like facebook di blog .
- Login dulu ke blogger
- Ketika di halaman dasbor , klik rancagan .
- Kemudian pilih Edit Html + centang kotak Expand Template Widget.
Dalam Tutorial kali ini saya akan meragakan memasang tombol facebook like di bawah judul posting
Untuk memasang tombol like ini di atas posting , sobat cari kode <div class='post-body entry-content'>
, bisa menggunakan control F , kalau sudah ketemu masukkan kode tombol like facebook ini di bawah kode <div class='post-body entry-content'>
yang sobat temukan .
Sebelum Kode tersebut diatas di masukan silahkan sobat parse dahulu ada di widget di baha tool untuk parse
Sebelum Kode tersebut diatas di masukan silahkan sobat parse dahulu ada di widget di baha tool untuk parse
Menghilangkan Garis Border Pada Iklan Kumpulan Blogger
1. Login ke Blogger
2. Klik Dasbor > Tata Letak > Edit HTML
3. Cari <b:skin><
Tuliskan password pada password dan confirm password untuk meyakinkan.
4. Anda langsung di bawa ke halaman setting. Pada attribution:
Link prefix, adalah kalimat yang muncul sebelum link,
Link Suffix, adalah kalimat setelah link
Link, adalah pilihan penampilan anchor pada saat artikel Anda di copas. Sebaiknya Anda pilih PageTitle untuk menampilkan judul saja, agar tidak terlalu panjang.
5. Anda bisa juga menambahkan mode license, apakah artikel Anda untuk commercial atau gratis dan sebagainya. Namun, saya tidak menggunakan ini karena memakan banyak tempat. Jika sudah silahkan klik tombol Update Preview
6. Perhatikan sebelah kanan dan Anda akan melihat preview hasil set Anda, dilengkapi script dibawahnya yang bisa Anda letakkan di blog Anda.
7. Login blogger -> Tata Letak -> Edit HTML. Silahkan letakkan script tersebut di atas </body>
8. Simpan Template Anda
Fasilitas Tambahan: Address Bar
1. Jika, ingin pengaturan lebih lanjut silahkan buka tab Address Bar.
2. Untuk aktifkan layanan ini, silahkan centang Enable Address Bar Tracking.
Ini berfungsi ketika seseorang copy alamat artikel Anda melalui address Bar dan akan dibaca juga oleh tynt. Namun, saya tidak mekainya karena Tynt otomatis menambahkan unique kode di setiap akhir alamat postingan kita.
3. Otomatis script pada bagian kanan berganti, jika Anda tadi telah memasangnya, gantilah dengan script yang telah diperbaharui tersebut.
+ Lagi: Link Sponsorship
Jika pada bagian utama hanya adalah URL dan Page Title, yang otomatis membaca alamat lokasi artikel, maka kita bisa tambahkan link sponsorship di bagian bawah yang bisa diatur linknya sesuai keinginan kita.
1. Pada Extra Link Message isi dengan kata pembuka untuk link Anda.
2. Pada Sponsor Name isikan dengan anchor link/nama link.
3. Pada Link Destination isi dengan alamat link Anda.
4. Klik tombol Create and Preview. Kemudian ambil script yang telah diperbaharui di bagian kanan.
Misalnya kita bisa menggunakan ini untuk membuat pesan agar berlangganan via email dan kita beri langsung link ke email berlangganan kita.
Test Script
Untuk lakukan test script Anda, pastikan Anda sudah memasukkan script dari tynt ke template Anda. Login blogger -> Tata Letak -> Edit HTML. Silahkan letakkan script tersebut di atas
1. Jika sudah dimasukkan scriptnya, silahkan klik tab Test Script, kemeduain masukkan URL blog atau URl langsung ke postingan Anda.
2. Klik tombol Test
Menerima Laporan Lewat Email
Soal menerima laporan pengcopas artikel lewat email, saya pernah bahas pada artikel berjudul Cukup Menunggu, lalu Melacak Saat Artikel di Copas. Nah, mungkin Anda ingin memanfaatkan jasa Tynt juga.
1. Silahkan Anda klik tab Account Settings.
2. Centang Enable Email Report. Laporan dikirim seminggu sekali.
3. Pada Email List isi dengan alamat email yang akan menerima laporan tersebut. Bisa beberapa email, pisahkan dengan koma.
4. Klik tombol Save
1. Pertama silahkan Anda melompat ke tynt.com
2. Klik tombol oranye besar, Free! Get Started
3. Anda akan dibawa ke form pendaftaran.
Pada Domain isi dengan alamat blog Anda
Pada Email isi dengan alamat email Anda
4. Anda langsung di bawa ke halaman setting. Pada attribution:
Link prefix, adalah kalimat yang muncul sebelum link,
Link Suffix, adalah kalimat setelah link
Link, adalah pilihan penampilan anchor pada saat artikel Anda di copas. Sebaiknya Anda pilih PageTitle untuk menampilkan judul saja, agar tidak terlalu panjang.
6. Perhatikan sebelah kanan dan Anda akan melihat preview hasil set Anda, dilengkapi script dibawahnya yang bisa Anda letakkan di blog Anda.
8. Simpan Template Anda
Fasilitas Tambahan: Address Bar
1. Jika, ingin pengaturan lebih lanjut silahkan buka tab Address Bar.
2. Untuk aktifkan layanan ini, silahkan centang Enable Address Bar Tracking.
+ Lagi: Link Sponsorship
Jika pada bagian utama hanya adalah URL dan Page Title, yang otomatis membaca alamat lokasi artikel, maka kita bisa tambahkan link sponsorship di bagian bawah yang bisa diatur linknya sesuai keinginan kita.
2. Pada Sponsor Name isikan dengan anchor link/nama link.
3. Pada Link Destination isi dengan alamat link Anda.
4. Klik tombol Create and Preview. Kemudian ambil script yang telah diperbaharui di bagian kanan.
Misalnya kita bisa menggunakan ini untuk membuat pesan agar berlangganan via email dan kita beri langsung link ke email berlangganan kita.
Test Script
Untuk lakukan test script Anda, pastikan Anda sudah memasukkan script dari tynt ke template Anda. Login blogger -> Tata Letak -> Edit HTML. Silahkan letakkan script tersebut di atas
1. Jika sudah dimasukkan scriptnya, silahkan klik tab Test Script, kemeduain masukkan URL blog atau URl langsung ke postingan Anda.
Menerima Laporan Lewat Email
Soal menerima laporan pengcopas artikel lewat email, saya pernah bahas pada artikel berjudul Cukup Menunggu, lalu Melacak Saat Artikel di Copas. Nah, mungkin Anda ingin memanfaatkan jasa Tynt juga.
2. Centang Enable Email Report. Laporan dikirim seminggu sekali.
3. Pada Email List isi dengan alamat email yang akan menerima laporan tersebut. Bisa beberapa email, pisahkan dengan koma.
4. Klik tombol Save
Mengganti Nama Domain Ke CO.CC
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
By : Trick Tips Bloging
1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
By : Trick Tips Bloging
1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
- Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
- Untuk option "TTL" biarkan saja, gak perlu dirubah2
- Pada option "Type" pilih yang "CNAME"
- Untuk kolom "Value" isikan "ghs.google.com" Sehingga akan seperti pada gamabr dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
- Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
- Kemudian pilih "Switch to: • Custom Domain
- Setelah itu klik pada "Already own a domain? Switch to advanced settings"
- Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
- Selanjutnya klik tombol "Save Setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
- Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
- Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
- Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Menampilkan Gambar/Animasi Di sudut Blog
Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.
1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini
<div id="trik_pojok">
<a href="http://BOONGAN.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>
13. Silahkan ganti http://BOONGAN.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai
Selamat mencoba, semoga bermanfaat
Silahkan ikuti langkah-langkah berikut ini.
1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini
<div id="trik_pojok">
<a href="http://BOONGAN.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>
13. Silahkan ganti http://BOONGAN.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai
Selamat mencoba, semoga bermanfaat
Menganti Background Template
Caranya:
1. Log In,
2. Dashboard / dasbor,
3. Layout / tataletak,
4. Edit HTML Tidak perlu centang "Expand template widget".
kemudian cari kode dibawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000;.url
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Lihat teks yang berwarna merah, tambahkan dengan kode seperti dibawah ini :
url(http://ALAMAT URL GAMBAR SOBAT);
dan jangan lupa tambahkan pula kode yang ada di bawah ini
background-attachment: fixed;
Bisa di lihat contohnya seperti di bawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Klik Pratinju dulu...jika sudah cocok tinggal klik selesai.
1. Log In,
2. Dashboard / dasbor,
3. Layout / tataletak,
4. Edit HTML Tidak perlu centang "Expand template widget".
kemudian cari kode dibawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background : #000000;.url
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Lihat teks yang berwarna merah, tambahkan dengan kode seperti dibawah ini :
url(http://ALAMAT URL GAMBAR SOBAT);
dan jangan lupa tambahkan pula kode yang ada di bawah ini
background-attachment: fixed;
Bisa di lihat contohnya seperti di bawah ini :
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #ff0000 url(http://ALAMAT URL GAMBAR ANDA);
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
Untuk teks yang warna kuning bisa sobat pilih dari dua pilihan sebagai berikut :
Fixed : agar letak gambar background tetap/statis
Scroll : agar gambar background ikut bergerak/bergeser saat kita men-Scroll mouse kita.
Klik Pratinju dulu...jika sudah cocok tinggal klik selesai.
Membuat Tukaran Link
Salah satu cara untuk meningkatkan traffic pengunjung blog adalah dengan bertukar link. Ada 2 tipe link yang biasanya digunakan oleh para blogger, yaitu text link dan banner link. Text link berupa text yang mewakili nama blog anda. Sedangkan banner link berupa gambar/foto yang mewakili blog anda.
1. Membuat Text Link.
Formatnya sebagai berikut :
<a href="url_blog_anda" target="_blank"> Nama Blog Anda</a>
Anda tinggal mengganti url_blog_anda dengan url blog anda dan Nama Blog Anda dengan nama yang menurut anda mewakili blog anda, sebagai contoh text link untuk blog saya Free Tips adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank">Free Tips 4U</a>
maka hasilnya adalah seperti di bawah ini (hanya kata-kata Free Tips 4U yang muncul):
Free Tips 4U
2. Membuat Banner Link
Sebenarnya cara membuat banner link dengan text link sama saja, perbedaannya hanya terletak pada gambar/image yang diberi link. Langkah-langkahnya adalah sebagai berikut:
1. Siapkan gambar/image yang akan anda gunakan, sebagai contoh saya gunakan gambar di bawah ini:minibannerfreetips
2. Simpan gambar/image tadi ke situs penyimpan gambar seperti flickr, photobucket, dll. Sebagai contoh saya menyimpan di flickr dan mendapatkan url untuk gambar tadi sebagai berikut:
http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg
3. Format untuk membuat banner link adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" ></a>
Hasilnya seperti di bawah ini, apabila anda meng-klik pada gambar, maka akan terbuka blog saya pada jendela baru.
4. Anda bisa merubah ukuran gambar/image untuk disesuaikan dengan blog anda. Hanya dengan menambahkan kode width=�xxx� dan height=�xxx�. Width untuk lebar gambar, height untuk tinggi gambar, dan ganti xxx dengan angka dalam pixel. Sebagai contoh saya ingin tampilan banner di atas menjadi lebih besar:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" width="320" height="60"></a>
1. Membuat Text Link.
Formatnya sebagai berikut :
<a href="url_blog_anda" target="_blank"> Nama Blog Anda</a>
Anda tinggal mengganti url_blog_anda dengan url blog anda dan Nama Blog Anda dengan nama yang menurut anda mewakili blog anda, sebagai contoh text link untuk blog saya Free Tips adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank">Free Tips 4U</a>
maka hasilnya adalah seperti di bawah ini (hanya kata-kata Free Tips 4U yang muncul):
Free Tips 4U
2. Membuat Banner Link
Sebenarnya cara membuat banner link dengan text link sama saja, perbedaannya hanya terletak pada gambar/image yang diberi link. Langkah-langkahnya adalah sebagai berikut:
1. Siapkan gambar/image yang akan anda gunakan, sebagai contoh saya gunakan gambar di bawah ini:minibannerfreetips
2. Simpan gambar/image tadi ke situs penyimpan gambar seperti flickr, photobucket, dll. Sebagai contoh saya menyimpan di flickr dan mendapatkan url untuk gambar tadi sebagai berikut:
http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg
3. Format untuk membuat banner link adalah sebagai berikut:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" ></a>
Hasilnya seperti di bawah ini, apabila anda meng-klik pada gambar, maka akan terbuka blog saya pada jendela baru.
4. Anda bisa merubah ukuran gambar/image untuk disesuaikan dengan blog anda. Hanya dengan menambahkan kode width=�xxx� dan height=�xxx�. Width untuk lebar gambar, height untuk tinggi gambar, dan ganti xxx dengan angka dalam pixel. Sebagai contoh saya ingin tampilan banner di atas menjadi lebih besar:
<a href="http://allfreetips4u.blogspot.com" target="_blank"><img src="http://farm4.static.flickr.com/3651/3618849832_1e19d3992d_o.jpg" width="320" height="60"></a>
Mendaftarkan Blog Ke Search Engine
Blog anda belum didaftarkan ke search engine, silakan daftarkan !!
1. Mendaftar ke Google.com
* Kunjungi http://www.google.com/addurl/
* Ikuti saja perintahnya, sangat mudah.
2. Mendaftar ke Yahoo.com
* Kunjungi https://siteexplorer.search.yahoo.com/submit
* Login dengan yahoo id anda.
* Klik Submit a Website or Webpage
* Masukkan alamat blog anda lalu klik Submit URL
3. Mendaftar ke MSN.com
* Kunjungi http://search.live.com/docs/submit.aspx
* Masukkan tulisan yang tertera pada gambar dan isi alamat blog anda
* Jika sudah klik Submit URL. Selesai
4. Mendaftar submitexpress.com (lebih dari 40 search engine lainnya)
* Kunjungi http://www.submitexpress.com/
Sangat bermanfaat dan selalu dilakukan oleh para pembuat blog.
Menyembunyikan Buku Tamu/guest Book
Maksudnya adalah agar tampilan buku tamu kita tidak tampil di sidebar akan tetapi buku tamu kita akan tampil di sudut template kita dan orang yang mau menuliskan buku tamunya harus mengklik nya , baru buku tamu kita muncul
Langkah Pertama :
1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKb7C-oFum-ksjOEcxsvonMRy7uSVgmNlzRQ_MOE41UqIPphKa7Mo5qmG8_v_sjpED_rOfqmE80PNR83_wQTWgnJqmYVek8LMGmywLNCCNg6dN11_BcM1zxye_mOtdh4e6_sHtwCJvqBnl/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau seperti ini?<br/>
Click aja disinih.....:
<a href="http://aladdingrup.blogspot.com/2009/08/membuat-buku-tamu-tersembunyi.html">
tutorial news info
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
# Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
# Selamat mencoba!
Langkah Pertama :
1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKb7C-oFum-ksjOEcxsvonMRy7uSVgmNlzRQ_MOE41UqIPphKa7Mo5qmG8_v_sjpED_rOfqmE80PNR83_wQTWgnJqmYVek8LMGmywLNCCNg6dN11_BcM1zxye_mOtdh4e6_sHtwCJvqBnl/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau seperti ini?<br/>
Click aja disinih.....:
<a href="http://aladdingrup.blogspot.com/2009/08/membuat-buku-tamu-tersembunyi.html">
tutorial news info
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
# Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
# Selamat mencoba!