Cara pasang efek spinning pada comment avatar

Untuk menginstal spinning effect pada picture Avatar bagian komentar seperti yang dapat Anda lihat pada gambar diatas, Hanya ikut beberapa langkah yang mudah di bawah.

p / s: Effect akan befungsi saat kursor mouse di letak pada image avatar tersebut.

Langkah 1

Login Blogger Dashboard -> Design -> Add A Gadget -> HTML / Javascript.

langkah 2

Copy dan paste kode di bawah pada content HTML / Javascript.

<style type="text/css">
.avatar-image-container img, comments .avatar-image-container img {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
</style>

<script src="https://sites.google.com/site/javascript10/mootools-1.3.js"></script>

<script>
window.addEvent("domready",function() {

// "Globals" - Will make things compress mo-betta
var $random = function(x) { return Math.random() * x; };
var availableWidth = 0, availableHeight = 0;
var cssPrefix = false;
switch(Browser.name) {
case "safari":cssPrefix = "webkit";break;
case "chrome":cssPrefix = "webkit";break;
case "firefox":cssPrefix = "moz";break;
case "opera":cssPrefix = "o";break;
}

// The Icons
var icons = $$(".avatar-image-container img, comments .avatar-image-container img ");
// Apply opacity
var zIndex = 1000;
// Randomize each link
icons.each(function(element,index) {
var startDeg =(360);
var resetPlace = function() {
element.fade(0.4).setStyle("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)");
}
element.set("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex);
resetPlace();
element.addEvents({
mouseenter: function() { element.fade(1).setStyle("z-index",++zIndex).setStyle("-" + cssPrefix + "-transform","rotate(0deg)");},
mouseleave: resetPlace});
});
});
</script>

Cara buat simple zoom image di blogspot

Untuk membuat simple zoom in seperti contoh yang boleh anda coba pada gambar di atas (letak kursor mouse di atas gambar) hanya ikuti beberapa langkah yang sangat mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML

Langkag 2

Dengan menggunakan keyboard, tekan kekunci F3 atau Ctrl+F. Seterusnya ketik atau paste kod ]]>skin> atau kod ]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kode di bawah di atas atau sebelum kode ]]>skin> atau ]]></b:skin>

.post a:hover img {
width:90%; height:90%; float:middle;
}

Contoh:

.post a:hover img {
width:90%; height:90%; float:middle;
}
]]>skin>

Terakhir , klik Preview dan jika tak ada pesan error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah size zoom in tersebut dengan menukar angka pada width: 90% dan height:90%.

Contoh:

width:550px; height:450px; float:middle;

Menjadi Blogger Yang Bahagia

Ini adalah dunia indah saat ini karena manusia dapat berinteraksi satu sama lain secara on line. Pada baris bisnis bermunculan dan kita bisa membeli item digital atau informasi on line hanya dengan beberapa klik mudah.

Kita dapat memiliki lebih banyak teman-teman baris demi berpartisipasi banyak jaringan sosial seperti facebook, Twitter dan masih banyak lagi. Kita bisa menginstal web cam di komputer / laptop memiliki muka dengan muka komunikasi secara bebas dengan menggunakan Skype, Yahoo Messager, Msn, dll Bagian yang menarik adalah blogging.

Blogging telah menjadi hobi bagi banyak orang di dunia. Aku menikmati blogging sangat banyak dan Akulah blogger bahagia. Bagaimana Menjadi Blogger Yang Bahagia? Saya ingin berbagi dengan pengalaman pribadi saya

Pertama, saya selalu memiliki keinginan untuk menulis sesuatu yang saya tertarik. Dengan keinginan, Anda selalu dapat memiliki banyak ide.

Kedua, saya selalu menyerap pengetahuan dari buku, internet sehingga saya bisa berinteraksi dengan baik dengan blogger lain pada mata pelajaran yang relevan. baik untuk mengetahui berbagai pengetahuan seperti berita terbaru, dll
Ketiga, saya suka berteman dengan blogger. Aku selalu mengambil inisiatif untuk membaca blog blogger lain dan membuat komentar yang relevan. Aku tidak pernah memberikan komentar scam kepada orang lain. Aku tidak pernah mengharapkan kembali dari blogger lainnya. Karena sikap ramah terhadap orang lain, saya selalu menerima banyak komentar yang konstruktif. Ingatlah untuk tidak merasa marah jika Anda menerima komentar negatif.

Dengan pola pikir positif, lakukan dengan penuh semangat, kalian semua bisa Menjadi Blogger Yang Bahagia

Info Penyelenggaraan Kontes:
http://www.masdoyok.co.cc/2010/08/info-kontes-menjadi-blogger-yang.html
Di Sponsori Oleh:
www.mungbisnis.com - Jasa Pembuatan Blog
www.Distro19.Com - Jual Kaos Couple Murah

Selengkapnya di www.MasDoyok.co.cc Info Kontes: Menjadi Blogger Yang Bahagia

Ringankan blog dengan jQuery Lazy Load

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, silahkan klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kode di bawah pada content HTML/Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizwMDroJyTMMymScLTAKhWQYMRYC9awC74k0_Aq2XfuAIRJFtfAoPF0dsC9xXvg_YjWwWpGIBDH6Tq6_nxrfr2n_hyj4PFfy_5DJDPecbaYTbCrAj20Eji0Q8dQ5p_qUvXdi-PsJEj44E/s1600/grey.gif"
});
});
</script>

Terakhir, klik save

Pesan:
1.Jika tidak ada apapun efek terjadi setelah kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </ body> pada script template.

2.Jika tidak ada seberang perubahan setelah kode di paste di atas atau sebelum kode </ body>, silahkan paste kode tersebut sebelum atau di atas kode </ head>

Pasang Jquery Lava-lamp Navigation Tab

Pada info kali ini, aku posting satu jQuery navigasi menu yang di panggil Lava lamp. dari demo asal yang dapat Anda lihat di sini (silakan klik). Tutorial yang aku coba dari net.tutsplus.com ini nampaknya sangat menarik dari segi effect dan mudah untuk di pasang di template blogspot. Aku mencoba implement di blogspot dan berhasil. Namun, sedikit modifikasi telah dilakukan bertujuan agar navigasi menu ini sesuai pada berbagai jenis theme dan dapat di pasang terus di HTML / Javascript. Background asal di ubah oleh warna background pada template. Warna button, warna teks dan ukuran juga di ubah karena ukuran asli yang terlalu besar.

Untuk memasang jQuery lava-lamp navigasi menu , ikut beberapa langkah di bawah ini.

Salin dan paste kode di bawah pada HTML / Javascript

<style>
#container {
width: 100%;
margin: 0px 0px;
padding: 0px 0px 40px 10px;
}

ul, li {
margin: 0; padding: 0;
}

#blob {
border-right: 1px solid #0059ec;
border-left: 1px solid #0059ec;
position: absolute;
top: 0;
z-index : 1;
background: #0b2b61;
background: -moz-linear-gradient(top, #0b2b61, #1153c0);
background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 3px 5px #011331;
-webkit-box-shadow: 2px 3px 5px #011331;
}

#lava-lamp {
background: #32312E;
float: left;
border: 1px solid #BDBCBA;
margin: 0px 0px 15px;
padding: 8px 430px 10px 0px;
}

#lava-lamp li {
float: left;
list-style: none;
border-right: 1px solid #4a4a4a;
border-left: 0px solid #4a4a4a;
}

#lava-lamp li a {
color: #DDDCD8;
text-shadow: 0 0px 1px #81807B;
position: relative;
z-index: 2;
float: left;
font-size: 13px;
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 0px 20px;
}
</style>

<div id="container">

<ul id="lava-lamp">
<li id="selected"><a href="http://link-di-sini.blogspot.com">Home</a></li>
<li><a href="http://link-di-sini.blogspot.com">About</a></li>
<li><a href="http://link-di-sini.blogspot.com">Blog</a></li>
<li><a href="http://link-di-sini.blogspot.com">More About My Portfolio</a></li>
<li><a href="http://link-di-sini.blogspot.com">Contact</a></li>
</ul>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.spasticNav.js"></script>

<script type="text/javascript">
$('#lava-lamp').spasticNav();
</script>

Pesan:
1.Untuk mengubah warna button, edit kode yang di bold berikut.

background: #0b2b61;
background: -moz-linear-gradient(top, #0b2b61, #1153c0);
background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));

2.Untuk mengubah warna background, edit kode yang di bold berikut.

background: #32312E;

3.Untuk mengubah URL dan Title, edit kode yang di bold berikut.

<li id="selected"><a href="http://link-di-sini.blogspot.com">Home</a></li>

<li><a href="http://link-di-sini.blogspot.com">About</a></li>

<li><a href="http://link-di-sini.blogspot.com">Blog</a></li>

<li><a href="http://link-di-sini.blogspot.com">More About My Portfolio</a></li>

<li><a href="http://link-di-sini.blogspot.com">Contact</a></li>

4.Untuk mengubah jarak background ( lihat gambar di bawah), edit kode yang di bold berikut.

padding: 8px 430px 10px 0px;

Membuat efek bayang-bayang pada gambar

google indonesia

Untuk membuat efek bayang-bayang pada bagian kanan dan bawah gambar seperti yang Anda dapat lihat pada gambar di atas, hanya perlu mengikuti beberapa langkah di bawah ini:

pesan: Silahkan save dulu script template Anda sebelum melakukan editting.

Langkah 1

Login blog => Dashboard => Layout => Edit HTML. Selanjutnya centang Expand Widget Templates

Langkah 2

Tekan Ctrl + F dan ketik kode .Post img { dan seterusnya tekan enter.

Langkah 3

Salin kode di bawah dan pastekan di bawah kode .Post img { (lihat langkah 2)

background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;

Contoh:

.post img {
background: url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
border: 0px;

Terus save template

Daftar isi blog ini (New !!!)

JQuery animasi tombol share

Untuk memasang jQuery Animated share button pada blog seperti yang dapat Anda lihat di bagian sidebar blog ini, hanya iku beberpa langkah yang mudah di bawah.

Langkah 1

Login blog => Dashboard => Page Element => Add A Gadget => HTML / Javascript.

Langkah 2

Salin kode biru di bawah dan paste pada ruang content HTML / Javascript dan Save.

<style>
#stage{

position:relative;
width:110%;
height:140px;
padding-left:15px;
background:transparent;
}

.btn{

background:transparent;
height:90px;
left:0;
top:0;
width:20px;
position:relative;
margin:20px 0 0 0px;
float:left;
}

.bcontent{

position:absolute;
top:auto;
bottom:20px;
left:0;
}

span.fb_share_no_count {
display:block;
}

span.fb_share_count_top.fb_share_no_count {
line-height:54px;
}

span.fb_share_count_nub_top.fb_share_no_count{
display:none;
}

span.fb_share_no_count span.fb_share_count_inner {
background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px;
display:block;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://sites.google.com/site/jquery01/script.js"></script>

<div id="share">
<div id="stage">
<div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div>
<div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div>
<div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div>
<div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div>
<div class="btn facebook"><div class="bcontent"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script</div</div>
</div>
</div>

Blogger.com luncurkan blogger stats

Blogger.com kini telah melancarkan Blogger Stats sebagai feature terbaru. Walaubagaimanapun,jika anda sedang atau pernah menggunakan Google Analytics, ciri-ciri yang ada pada ke dua-duanya adalah hampir sama.

Feature terbaru ini masih lagi dalam percobaan dan dapat anda lihat di dashboard Blogger In Draft. Blogger Stats ini memperlihatkan analisis tentang view pada pages, lokasi pengunjung dan juga jenis browser yang di gunakan oleh visitors.

Memasang button back to top versi dynamicdrive.com

saya lama gak blogging karena ada ujian Uas. banyak yang bertanya lewat komentar. saya belum sempat membalasnya. tapi kali ini saya posting tentang Back top Button, ini lain dari yang lain. Back to top button yang dapat Anda lihat pada sisi kanan bawah (silahkan scroll ke bawah) tombol ini memudahkan visitor untuk explore blog yang memiliki layout yang panjang. Hanya perlu klik button tersebut, dan halaman akan scroll otomatis ke atas.

Untuk memasang button back to top ini, silahkan ikut beberapa langkah yang mudah di bawah ini.

pesan: Silahkan save script template terlebih dahulu.

Langkah 1

Login blog => Dashboard => Layout => HTML / Javascript => Add A Gadget

Langkah 2

Salin kode di bawah dan paste pada ruang content Add A Gadget (lihat langkah 1) dan Save.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/black.js" type"text/javascript"></script>

Terakhir, klik Preview. Jika tidak ada pesan Error , klik saja Save.

Membuat Random Background pada Blog

(Gambar dari google search)

Random background adalah background yang akan berubah secara random setiap kali terjadi view page pada blog tersebut. Untuk contoh background yang ditunjukkan, ada 3 layout berbeda yang di pasang sebagai background blog. silakan klik Reload current page atau Refresh untuk penggantian background

Untuk mencoba random background tersebut, hanya ikut beberapa langkah di bawah ini.

langkah 1

Login blog
Dashboard
Layout
Add A Gadget.
Selanjutnya, klik pada HTML / Javascript

Langkah 2

Salin kode di bawah dan paste pada ruang Content HTML / Javascript.

pesan:Anda dapat mengubah layout background mengikutkesesuaian blog anda dengan mengganti URL background disini . Ganti URL yang di bold dengan URL background pilihan anda.

<script type="text/javascript">
var background= new Array()
background[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwinmTa3ktOCiUBoBHtAuNMcTblkvlKj-dNb7t9J_vxtC5bBWUhcZVUZOLJQBCYXo03stg85HlVjhyE2RnDcIO0UNCOQWMaaf_6JQl75DyCdVGDg5T5f150z00EDDlj7OfGnUe0gx/s200/body-bg.png"
background[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSC59M9cREV_jqv8VlhVPHs5rLu3Y_jfWRyxP3z4ILq7EYZ2zKoi74X_SsI4ZNiX1ccdq6JMIVFli5OJXf1txW87fCBhfwqs4s4-h3FezhLbKO6VtZfyfRZ3lnGaRZUDDVL05d1H2T/s200/fd-babydisney.jpg"
background[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3LYnUrupnt9YTDYe2ZL4J0RItt9eF0r-6zWOtPLO88YJS4clkdDv-_GESy1ExEQhtl2RnYZJUVPtcGRyQ3ft_cnl5xCggW8hbgRws-gBcbW9-ao2M01FNRWd_EC0K5zYD_-CvU0B/s200/0003a-background.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background[random] + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>

Untuk demonya luhat di sini

3 cara agar blog baru kita di indeks dalam 2 hari

Setiap kali kita membangun sebuah blog baru atau situs web, kita selalu ingin diindeks oleh Google sesegera mungkin. Biasanya akan memakan waktu sekitar 1-2 minggu untuk Google untuk menjelajah dan indeks blog baru Anda atau website, sebenarnya kita dapat membuat proses indeks lebih cepat, mungkin memakan waktu 1-2 hari untuk mendapatkan diindeks. Ada banyak cara dimana Anda dapat lakukan untuk membuat proses indeks lebih cepat, seperti blog komentar, bertukar link, dan lain-lain

Baru saja saya membuat blog baru.Apa yang saya lakukan sangat sederhana, saya akan mensubmit blog baru saya di situs website pensubmit dan social bookmark, . Biasanya situs-situs tersebut memiliki PageRank tinggi dan mudah untuk mendapatkan diindeks oleh Google. Itu akan menambah SERP., Anda mungkin akan mendapat backlink dari setiap situs yang anda submit. dibawah ini ada 3 cara agar blog cepat diindexs dalam 2 hari. Setelah blog baru diindeks oleh Google, maka link Anda akan mudah dijelajahi oleh Google spider dan akan segera diindeks.coba uji blog anda

3 Langkah Untuk Uji Website Anda Dan Dapatkan Backlink

1) Berikut ini adalah daftar situs nilai situs web. Salin dan paste di notepad, ganti yourdomain.com ke URL website Anda. Beberapa dari mereka mungkin atau tidak dapat berfungsi, tapi tidak apa-apa, hanya menggunakan semuanya.

websitevaluebot.com/www.yourdomain.com
peekstats.com/yourdomain.com
webworth.info/yourdomain.com
statswebsites.com/www.yourdomain.com
cash81.com/www.yourdomain.com
nakedweb.org/www.yourdomain.com
tatlia.com/www.yourdomain.com
statout.com/www.yourdomain.com
georanks.com/www.yourdomain.com
webrapport.net/www.yourdomain.com
worthlook.com/www.yourdomain.com
worth.im/www.yourdomain.com
www.statbrain.com/www.yourdomain.com
www.builtwith.com/?yourdomain.com
www.aboutus.org/yourdomain.com
www.cubestat.com/www.yourdomain.com
whois.tools4noobs.com/info/yourdomain.com
www.alexa.com/siteinfo/yourdomain.com
www.alexa.com/data/details/?url=yourdomain.com
www.siteadvisor.cn/sites/yourdomain.com
whois.domaintools.com/yourdomain.com
www.aboutdomain.org/backlinks/yourdomain.com
www.whoisya.com/yourdomain.com
www.who.is/whois-com/yourdomain.com
www.robtex.com/dns/yourdomain.com
whois.ws/whois-info/ip-address/yourdomain.com
whoisx.co.uk/yourdomain.com
www.quantcast.com/yourdomain.com
www.thegetpr.net/site/yourdomain.com
uptime.netcraft.com/up/graph?site=yourdomain.com
www.pageheat.com/heat/yourdomain.com
www.aboutthedomain.com/yourdomain.com
websiteshadow.com/yourdomain.com
domainsearch101.com/domainsearch/yourdomain.com
page2rss.com/page?url=yourdomain.com
www.surcentro.com/en/info/yourdomain.com
www.quarkbase.com/yourdomain.com
www.esitestats.com/yourdomain.com
websitevaluebot.com/www.yourdomain.com

2) Ini akan membawa Anda lebih lama untuk membuka satu per satu untuk menguji situs web Anda, sekarang Anda membuka URLOpener.com website, copy semua situs situs dari notepad dan paste ke URLOpener, dan tekan submit.

3)Bila Anda sudah menekan submit, semua situs akan dibuka pada tab baru. Tahan selama satu menit bagi mereka untuk loading. Setelah semuanya telah benar-benar loaded, tutup semua tab dan Anda selesai!

Anda harus mencoba hal ini sendiri dan melihat berapa lama situs web Anda dan blog yang akan diindeks. Apakah Anda menemukan metode ini berguna? Apa yang metode lain yang Anda gunakan untuk mendapatkan blog Anda dan situs diindeks dalam waktu singkat?

Cara Pasang Tombol Share Buzz di Blog di blog dengan jumlah

Tombol Share Buzz di Blog ialah tombol share yang digunakan buat share artikel ke buzz, dengan hanya menekan tombol share buzz this yang sudah dipasang diblog. baik dari pemilik blog buat berbagi postingan ke teman - teman di buzz, atau pengunjung yang berminat share postingan ke account buzz mereka..tapi umumnya tombolnya tidak ada jumlahnya.yang saya punya kali ini beda dari yang lain

Cara Pasang Tombol Share Buzz di Blog di blog dengan jumlah, caranya

Login ke blogger

Pilih Tata Letak

Klik edit HTML

Centangkan Expand Template Widget

Tambahkan kode Tombol Share Buzz, sebelum kode kode <data:post.body/> yang pertama.ini kodenya:

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>

<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

Untuk beberapa editting, anda dapat juga menambah kode njuice_buzz_size = 'small'; atau njuice_buzz_size = 'simple'; di bawah kode njuice_buzz_share = 'reader';

Tapi jangan letakkan dua-duanya, cukup satu saja. Karena akan aneh kalau dua, hehe.

Memodifikasi pesan dibawah posting

Dulu mas Rizky pernah posting tentang "Menampilkan Pesan Dibawah Judul Postingan" , kali ini saya akan memodifikasinya jadi bergerak dan membuatnya jadi link artikel, gah usah ribet-ribet, gini caranya

Login
Tata Letak
Edit HTML
Terus centang expand template widget

lalu copas Kode dibawah ini:

<hr color='#ff0000'/><MARQUEE align='center' direction='left' scrollamount='2' width='80%'>
<b>Selamat Membaca Postingan <data:post.title/></b>
</MARQUEE><hr color='#ff0000'/>

letakkan tepat diatas kode <data:post.body/> , kalau bingung jadinya akan seperti

<hr color='#ff0000'/><MARQUEE align='center' direction='left' scrollamount='2' width='80%'>
<b>Selamat Membaca Postingan <data:post.title/></b>
</MARQUEE><hr color='#ff0000'/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>

Biasanya kalau sudah ada readmore nya kode yang berwarna biru ada 2, plih kode yang pertama

Jadinya Akan kaya gini:

Selamat Membaca Postingan Memodifikasi pesan dibawah posting

Keterangan

kode <data:post.title/> adalah kode untuk menampilkan judul posting, jadi otomatis tulisan nya ganti
Tulisan Selamat Membaca Postingan Bisa diganti tulisan anda sendiri
Kode color='#ff0000 adalah kode warna, bisa anda ganti Sendiri

Tapi Kalau anda ingin merubah tulisan selamat datang jadi link artikel kodenya jadi gini:

<hr color='#ff0000'/><MARQUEE align='center' direction='left' scrollamount='2' width='80%'>
<b><a expr:href='data:post.url'>Selamat Membaca Postingan <data:post.title/></a></b>
</MARQUEE><hr color='#ff0000'/>

Jadinya akan kaya, gini

Selamat Membaca Postingan Memodifikasi pesan dibawah posting

Kalau tidak berhasil jangan sungkan tanya

Cara membuat reply comment di blog dengan icon

Kali ini Saya posting tentang kotak komentar lagi, yaitu tentang membuat reply comment di blog.Mungkin ini adalah salah satu kekurangan dari penyedia blog gratis blogger, karena belum adanya fasilitas reply komentar seperti adanya di wordpress. Tapi tenang, dengan sedikit trik kita dapat memodifikasi kotak komentar default blogger sehingga kita bisa menggunakan fasilitas reply. Sebenarnya cara ini pernah juga dilkukan oleh mas doyok, tapi ini lebih simple dan bagus, karena ada icon nya ,kalu belum tahu lihat kotak komentar di blogku.

caranya adalah:

1. Login ke akun bloggermu

2. Tata Letak > Edit HTML

3. Download Template Lengkap dahulu untuk berjaga-jaga jika ada kesalahan

4. Beri tanda centang pada Expand Template Widget

5. Letakkan kode di bawah ini di bawah kode <dd class='comment-footer'>

<a expr:href='"https://www.blogger.com/comment.g?blogID=Blog Id kamu&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img alt='Reply To This Comment' src='http://img705.imageshack.us/img705/8646/reply05.png'/></a>

Kalau kode <dd class='comment-footer'> tidak ada bisa diletakkan di bawah kode
<b:include data='comment' name='commentDeleteIcon'/>

Keterangan:
Ganti Kode Blog Id kamu dengan blog id anda(blog id terlihat pada saat posting/ edit html di dasbor).
Ganti kode biru dangan icon yang anda inginkan.
width=450,height=450 adalah kode jendela, bisa diedit untuk dikecilkan/dibesarkan
Mudah dan simple kan?
kalau gak bisa tanya saja

menambah search engine Altavista, lycos, live , yahoo di blog

Kali ini saya posting tentang search engine, yaitu mamasang search engine di blog, caranya Elemen laman>> tambah gadget terus pilih salah satu kode di bawah

Untuk Altavista :

<div id=”bv_Form1″ style=”position:absolute;left:14px;top:5px;width:308px;height:150px;z-index:15″ align=”left”>

<form name=”SearchForm” method=”GET” action=”http://www.altavista.digital.com/cgi-bin/query” id=”Form1″>

<input type=”hidden” name=”pg” value=”q”>

<input type=”hidden” name=”what” value=”web”>

<input type=”hidden” name=”fmt” value=”.”>

<div id=”bv_Text1″ style=”position:absolute;left:10px;top:15px;width:68px;height:16px;z-index:0″ align=”left”>

<font style=”font-size:13px” color=”#000000″ face=”Arial”>Search for:</font></div>

<input type=”text” id=”Editbox1″ style=”position:absolute;left:88px;top:15px;width:200px;font-family:Courier New;font-size:16px;z-index:1″ size=”20″ name=”q” value=”">

<input type=”submit” id=”Button1″” name=”submit” value=”Search” style=”position:absolute;left:88px;top:44px;width:96px;height:25px;z-index:2″>

</form>

</div>

Untuk Lycos

<div id=”bv_Form3″ style=”position:absolute;left:3px;top:346px;width:308px;height:150px;z-index:17″ align=”left”>

<form name=”SearchForm” method=”GET” action=”http://www.lycos.com/cgi-bin/pursuit” id=”Form3″>

<div id=”bv_Text3″ style=”position:absolute;left:10px;top:15px;width:68px;height:16px;z-index:6″ align=”left”>

<font style=”font-size:13px” color=”#000000″ face=”Arial”>Search for:</font></div>

<input type=”text” id=”Editbox3″ style=”position:absolute;left:88px;top:15px;width:200px;font-family:Courier New;font-size:16px;z-index:7″ size=”20″ name=”query” value=”">

<input type=”submit” id=”Button3″” name=”submit” value=”Search” style=”position:absolute;left:88px;top:44px;width:96px;height:25px;z-index:8″>

</form>

</div>

Untuk Live :

<div id=”bv_Form4″ style=”position:absolute;left:3px;top:510px;width:308px;height:150px;z-index:18″ align=”left”>

<form name=”SearchForm” method=”GET” action=”http://search.live.com/results.aspx” id=”Form4″>

<div id=”bv_Text4″ style=”position:absolute;left:10px;top:15px;width:68px;height:16px;z-index:9″ align=”left”>

<font style=”font-size:13px” color=”#000000″ face=”Arial”>Search for:</font></div>

<input type=”text” id=”Editbox4″ style=”position:absolute;left:88px;top:15px;width:200px;font-family:Courier New;font-size:16px;z-index:10″ size=”20″ name=”q” value=”">

<input type=”submit” id=”Button4″” name=”submit” value=”Search” style=”position:absolute;left:88px;top:44px;width:96px;height:25px;z-index:11″>

</form>

</div>

Untuk Yahoo! :

<div id=”bv_Form5″ style=”position:absolute;left:337px;top:149px;width:308px;height:150px;z-index:19″ align=”left”>

<form name=”SearchForm” method=”GET” action=”http://search.yahoo.com/search” id=”Form5″>

<div id=”bv_Text5″ style=”position:absolute;left:10px;top:15px;width:68px;height:16px;z-index:12″ align=”left”>

<font style=”font-size:13px” color=”#000000″ face=”Arial”>Search for:</font></div>

<input type=”text” id=”Editbox5″ style=”position:absolute;left:88px;top:15px;width:200px;font-family:Courier New;font-size:16px;z-index:13″ size=”20″ name=”p” value=”">

<input type=”submit” id=”Button5″” name=”submit” value=”Search” style=”position:absolute;left:88px;top:44px;width:96px;height:25px;z-index:14″>

</form>

</div>

Untuk warna silahkan edit sendiri gak apa apa

Cara membuat efek refresh dan redirect di blog

Refresh berfungsi untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, yang berbeda haya fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan script di bawah ini :

<meta content="10" http-equiv="refresh"/>

Untuk template klasik cukup dengan kode diatas, tapi untuk template baru harus memakai tag penutup yakni , kodenya jadi seperti di bawah :

<meta content="10" http-equiv="refresh"></meta>

Simpan kode di atas dibawah <HEAD>
sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.kalau milik saya saya terapkan 3600 detik

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan.

Agar lebih jelas, saya ambil salah satu contoh. Bila anda sudah lama nge blog, dan setelah sekian lama kemudian anda membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :

<meta content="0;URL=tulis alamat URL tujuan di sini" http-equiv="refresh"></meta>--> khusus template baru harus pake kode penutup
Selamat Mencoba

Efek Link: Link Terbuka Tanpa Di Klik

Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuatnya sangatlah simpel, coba perhatikan dua link di bawah ini

Najibblog

Kodenya:
<a href="http://najibblog2010.blogspot.com/">Najibblog</a>

onMouseover="window.location=this.href">Najibblog

Kodenya:
<a href="http://najibblog2010.blogspot.com/&onMouseover=&window.location=this.href">Najibblog</a>

Ket: Cukup Anda sorot saja sudah membuka tujuan link

Semoga simpel tetapi bermanfaat.

Membuat efek roming/bergetar di blog

Mungkin Kamu pernah di kagetkan saat membuka sebuah blog/web yang tiba-tiba roming(mengalami gangguan,seperti bergetar). Belum Pernah? ya kayak punya http://roming-blog.blogspot.com/
.Sudah tahu kan?Nha,Membuat effect roming seperti itu memang bisa dilakukan,caranya pun mudah.

Nih tak kasih Script rahasianya,
1.Copy Kode berikut ini:
<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

2.Login ke Blogger kamu => Layout=> Edit HTML
3.Kemudian paste-kan kode tadi sebelum kode
4.Kemudian Save Template
5.Selesai

Coba akses blog kamu untuk melihat hasilnya..Semoga BermanfaatFrom: forantum.blogspot.com

Menammbah i\emoticon pada Shoutmix

Shoutmix merupakan suatu widget yang sangat penting di dunia blogger. Melalui shoutmix inilah pengunjung dan pemilik blog dapat saling berkomunikasi. Dalam dunia blogger apabila kita mengunjungi blog orang lain, maka sebaiknya kita meninggalkan jejak di blog tersebut, nah...para blogger biasanya meninggalkan jejak di shoutmix blog. Ada satu shoutmix yang sangat legendaris dan dapat meningkatkan traffic pengunjung blog kita dalam waktu cepat, shoutmix yang saya maksud adalah shoutmix milik Kang Rohman yang beralamat di " http://kolom-tutorial.blogspot.com ". Di shoutmix itulah kita bisa chatting dangan para blog master yang siap membantu apabila anda kesulitan dalam ngeblog. Apabila kita chat disana, maka secara otomatis mereka akan langsung mengunjungi blog kita. Apabila ada blogger yang mengunjungi blog kita ada baiknya kita bertamu balik ke blog mereka dan meninggalkan jejak disana.

Mungkin anda merasa bosan dengan smile di shoutmix anda biasa-biasa saja, dan ingin menggantinya. O...ya sebelumnya apabila anda ingin membuat shoutmix, silakan dibuat di " http://shoutmix.com ". Inilah cara mengganti atau manambah smile atau emoticon di shoutmix.

1. Silahkan login ke Shoutmix anda

2. Klik pilihan menu smileys pada Tab Display

3. Pada kolom smiley image URL, silahkan anda pastekan URL dari smile pilihan anda

Bagi para sobat yang belum mempunyai URL smile untuk ditempatkan di Shoutmix, silahkan para sobat surfing di sini : http://addemoticons.com
Cara mendapatkan URLnya, silahkan anda klik kanan pada smile yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location

4. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Shoutmix anda.

5. Pada kolom (optional), silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 4

6. Silahkan tambahkan smile tersebut hingga 10 smile bagi yang berlangganan secara Basic Account, dan bagi sobat yang berlangganan secara Premium Account, anda bisa menambahkan smile tersebut hingga 500 smile.

7. Klik Save settings

8. Selesai.

Nah... sekarang shoutmix anda akan tampil lebih menarik dan meriah.

Fanbook

Labels

Followers