Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Pengertian singkat mengenai"SEO" {Search Engine Optimization}
Membuat icon twitter terbang di blog
Berikut ini adalah langkah-langkahnya:
1. Masuk (Login) ke Dashboard Blogger anda.2. Pilih Rancangan, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Langkah selanjunya copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.
<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/akuntwittersobat" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>
5. Klik simpan
Sumber: http://nobinoku.blogspot.com/
Mempercepat kinerja Firefox
Capedeh kalo internetan lelet bagt untung ini ada cara untuk mempercepat kinerja firefox dengan sedikit otak atik kinerja firefox kita bakal agak lebih cepat............Langsung saja ini caranya:
1.Pada Address Bar. Anda harus mengetik “about:config” lalu jalankan dengan
cara menekan Enter
2.Cari ke bawah tulisan “browser.tabs.showSingleWindowsModePrefs ”, lalu
atur settingannya menjadi True
3.Cari lagi tulisan “network.http.pipelining”, lalu atur settingannya menjadi
True.
4.Cari lagi tulisan “network.http.pipelining.maxrequests&rdq uo;, lalu ubah
angkanya yang muncul di Pop-up menjadi 60, lalu Enter (OK).
5. Lalu tutup atau restart Firefox Anda kemudian nikmati hasilnya.
6. Cara lain adalah dengan menggunakan add-on yang terdapat pada Firefox,
namanya “Fasterfox”. Setelah meng-instal, bisa langsung di-restart.
ada lagi nih baca terus aja: semoga membantu
1. Pipelining
Browser kita secara normal sebenarnya sangat sopan,
dia mengirim request ke server lalu menunggu response dari server sebelum melanjutkan request-request selanjutnya. Pipelining adalah teknik yang agak agresif, yang memungkinkan mengirim beberapa request sekaligus sebelum mendapat respon apapun, terkadang dengan mengurangi waktu download halaman web.Untuk menggunakannya, ketik 'about:config' (tanpa tanda kutip) di address bar, double-click di network.http.pipelining dan network.http.proxy.pipelining supaya nilainya berubah menjadi true, lalu double-click network.http.pipelining.maxrequest dan beri nilai 8.
Bagaimanapun, perlu diingat bahwa tidak semua server mendukung pipelining,
dan jika kita mengunjungi website yang seperti itu, terkadang cara ini dapat mengurangi performance browser. Set lagi network.http.pipelining dan network.http.proxy.pipeling kembali ke nilai false, jika menemui masalah/ problem.2. Render Cepat
Website yang besar dan rumit memakan waktu lama jika dikunjungi/ didownload. Firefox tak mau kita menunggu, maka pada dasarnya ia akan menampilkan apa yang telah diterimanya setiap 0,12 detik (inilah yang disebut “content.notify.interval”). Meski ini membuat browser terasa tangkas, tapi jika terlalu sering akan meningkatkan total waktu loading halaman web. Maka memperpanjang 'content.notify.interval' akan meningkatkan kinerja.
Ketik 'about:config' (tanpa tanda petik) lalu [Enter], klik-kanan dimana saja di dalam window lalu pilih New > Integer. Ketik content.notify.interval sebagai preference name-mu, klik OK, masukkan 500000 (lima ratus ribu, bukan lima ribu) klik OK lagi.
Klik-kanan sekali lagi di area mana saja dalam window lalu pilih New > Boolean. Kali ini buat nilai baru yang disebut 'content.notify.ontimer dan set menjadi True . Selesai.
3. Loading Lebih Cepat.
Jika kita tidak menggerakkan mouse atau menyentuh keyboard dalam waktu 0.75 detik (kontent yang terpampang berubah menjadi threshold) maka firefox memasuki mode low frequency interrupt, 
artinya antar muka firefox-nya menjadi tidak terlalu responsif lagi, tapi page load-nya menjadi lebih cepat. Mengurangi content switch threshold dapat meningkatkan performance, lalu, ini semua hanya makan waktu sekejap.
Ketik about:config, tekan [Enter], klik kanan di area mana saja dalam window firefox, pilih New > Integer. Ketik content.switch.threshold, klik OK, masukkan 250000 (seperempat detik) lalu klik OK lagi. artinya antar muka firefox-nya menjadi tidak terlalu responsif lagi, tapi page load-nya menjadi lebih cepat. Mengurangi content switch threshold dapat meningkatkan performance, lalu, ini semua hanya makan waktu sekejap.4. No interruptions
Kita bisa melanjutkan langkah terakhir lebih jauh lagi dengan membuat firefox mengabaikan semua event dari user interface sampai page yang sedang dikunjungi ter-download semua. Sebenarnya metode ini sangat ekstrim dan bisa membuat firefox tidak merespon apapun (hang)
selama beberapa waktu, tapi cobalah metode ini dan lihat bagaimana hasilnya.Ketik about:config, tekan [Enter], klik-kanan lalu pilih New > Boolean. Ketik content.interrupt.parsing, klik OK, beri nilai False lalu klik OK.
5. Blok Flash
Animasi Flash yang membosankan ada dimana-mana, nongol begitu
saja menutupi kontent yang sedang dibaca dan memperlambat browsing. 
Untungnya ada solusi yang mudah. Install Flashblock ekstensi (flashblock.mozdev.org) dan ini akan mem-blok semua applet Flash, maka halaman web akan tampil dengan lebih cepat.
Tapi jika ada animasi flash yang tidak semua harus dibuang, tinggal klik di placeholdernya, download dan mainkan sebagaimana memainkan animasi biasa.6. Tingkatkan Ukuran Cache
Pada waktu kita menjelajah web firefox menyimpan images web dan skrip-skripnya dalam cache memory lokal, agar dapat dengan cepat diambil kembali jika sewaktu-waktu kita mengunjungi website itu lagi. Jika kita mempunya RAM yang besar (2 GB atau lebih), selalu menggunakan firefox dan secara berkala mengunjungi lagi suatu website maka kita dapat meningkatkan kinerja dengan menambah ukuran cache ini.Ketik about:config lalu tekan [Enter], klik kanan di mana saja di dalam window firefox, lalu pilih New > Integer. Ketik browser.cache.memory.capacity, klik OK, masukkan 65536 dan klik OK, lalu restart browser
agar didapatkan cache baru yang lebih besar.7. TraceMonkey
TraceMonkey adalah fiture firefox baru yang mengubah javascript yang lambat ke code x86 yang super cepat, dengan demikian memungkinkannya menjalankan fungsi-fungsinya 20x lebih cepat daripada versi aslinya. Fiture ini masih mengandung bug
maka ia belum tersedia di halaman download firefox yang biasa, tapi jika ingin mencoba resiko crash sekali-kali 
ada cara mudah untuk mencobanya.Install saja nightly build yang terbaru dari sini ftp://ftp.mozilla.org/pub/firefox/nightly/latest-trunk/, jalankan, ketik about:config di address bar lalu tekan Enter. Ketik JIT di filter box, lalu doble-klik javascript.options.jit.chrome dan javascript.options.jit.content untuk mengganti nilainya ke true, selesai- kita berhasil menjalankan engine javascript firefox yang tercepat.
8. Kompress Data
Jika koneksi internet terlalu lambat biasanya akan terasa seolah-olah firefox tak bakal tampil dengan benar, tapi sebenarnya itu tidak benar. Install toonel.net (toonel.net) dan Java applet yang cerdas ini akan meneruskan kembali lalu lintas web ke servernya, meng-kompressnya seketika itu, maka ia akan memperkecil besaran data yang di-download. Bahkan ia juga mampu meng-kompress JPEG dengan memungkinkan user mengurangi kualitas gambarnya.
Itu semua membantu mengurang kapasitas data yang ditransfer, sangat berguna jika kita menggunakan akun limited 1 GB per bulan dan dapat juga melipat-gandakan kinerja browser.
Related post
1. Silahkan login dulu ke aku bloggernya teman2 lalu pilih tata letak dan edit HTML
2. Letakkan kode berikut di atas kode tag </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/postsemisalbergambar.js' type='text/javascript'/>
</b:if><!--Related Posts with thumbnails Scripts and Styles End-->
3. Lalu cari kode
<div class='post-footer-line post-footer-line-1'>
atau
<p class='post-footer-line post-footer-line-1'>
4. Kalau dah ketemu salah satu dari dua kode di atas, maka letakkan kode berikut di bawahnya
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://t4belajarblogger.blogspot.com/2009/12/membuat-related-post-disertai.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://t4belajarblogger.blogspot.com/2009/12/membuat-related-post-disertai.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Bagi teman2 yang ingin mengatur jumlah post yg ingin ditampilkan dalam daftar related post, silahkan diatur jumlahnya pada bagian [var maxresults=5;]
Dan untuk tulisan related posts bisa juga diganti dengan kata2 sesuai keinginan tman2, untuk mengubahnya perhatikan pada bagian [var relatedpoststitle="Related Posts"; ], bisa diganti dengan kata2 seperti post semisal, postingan yg berhubungan, atau bisa juga "baca juga artikel lain..."
Menghilangkan tulisan Beranda ,Posting lama
Untuk mengganti tulisan Old Entries, New Entries, Home atau Postingan Lama/Postingan Baru/Beranda pada Blogger kita membutuhkan pengeditan kode HTML pada template. Langkah ini berguna jika anda merasa bosan dengan tulisan atau tampilan standar blogger tersebut. Anda dapat mengubah tulisan di atas menjadi tulisan lain atau bisa juga gambar. Berikut langkahnya:
Pertama Login Blogger, pilih Rancangan, Edit HTML, centang kotak Expand Template Widget.
Langkah selanjutnya search kode berikut (dengan menekan F3):
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
Lanjut ke langkah berikutnya, ganti tulisan berwarna seperti tulisan <data:homeMsg/> dengan kata yang anda inginkan seperti selanjutnya, sebelumnya, teras depan.
Jika ingin mengubahnya menjadi gambar cukup ganti dengan alamat gambar anda yang sudah di upload, dengan ketentuan penulisan:
<img src="http://anime7.graphic.googlepages.com/home_post.png"/>
ganti tulisan kuning dengan alamat gambar anda.
Membuat teks yang mengelilingi corsur
Membuat teks yang mengelilingi corsur kayanya tambah unik aja blog kita bila di tambah dengan menghias corsurnya langsung yu pelajari bersama aja... *Membuat teks yang mengelilingi corsur*
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Membuat Teks yang Berputar Mengelilingi Cursor'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Membuat Teks yang Berputar Mengelilingi Cursor'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan.
Mempercantik corsur blog dengan bintang-bintang
Banyak cara buat ngehias blog salah satunya dengan menghias corsur blog dengan efek bintang sebeneenya bisa kita ganti juga cara mengganti korsur dengan gambar atau membuat teks yang mengelilingi korsur langsung aja kita pelajari bersama.......................................*Mempercantik corsur blog dengan bintang-bintang*
1. Login ke blogger2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
<script src="http://www.geocities.com/adestd40/bintangputih.js" type="text/javascript"></script>
<script src="http://www.geocities.com/adestd40/bintangbiru.js" type="text/javascript"></script>
<script src="http://www.geocities.com/adestd40/bintangmerah.js" type="text/javascript"></script>
<script src="http://www.geocities.com/adestd40/bintangungu.js" type="text/javascript"></script>
<script src="http://www.geocities.com/adestd40/bintanghijau.js" type="text/javascript"></script>
5. Simpan jika sudah selesai.semoga bermanfaat
cara membuat drop menu untuk blogspot
Drop menu ini hampir sama kaya blogroll tapi lebih unggul soalnya lebih ngehemat tempat dan lebih praktis gitu dah dan bisa kita isi juga dengan nama-nama blog teman anda dan juga dengan posting-posting terpopuler di blog anda langsung aja dah lama cape ngetik juga..*Cara membuat drop menu untuk blogspot*
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
<a href="http://facezero.blogspot.com/">Zero-point</a>
<a href="http://selinganhidupku.blogspot.com//">Zero-cord</a>
<a href="http://kamisamabisa.wordpress.com/">Kami Bisa Wordpress</a>
.......lain-lain
</div>
*KETERANGAN*
1. width: 200px; angka 200 berarti lebar kotak blogroll
height: 300px; angka 300 berati tinggi kotak blogroll
2. http://facezero.blogspot.com/ alamat URL blog teman kita
Zero-Point adalah judul blog teman kita
3. Kamu dapat menambahkan alamat blog temanmu di bawahnya (...lain-lain) sebanyak mungkin, sebanyak teman kamu.
Selesei Smoga bermanfaat....
Membuat Menu Tab View
Ingin blognya lebih rapi lagi? pakai saja navigasi yang satu ini, yaitu Menu Tab View.Dengan menu tab view, kita akan menghemat lebih banyak tempat, dengan sedikit space kita bisa menampilkan banyak piliha. Misalnya kita bisa menampilkan menu tulisan Terbaru, Komentar, dan Terpopuler. Langsung saja akan kita pelajari bersama cara membuat menu tab view, seperti yang saya pakai sekarang ini. Untuk membuat tab view yang kita pelajari ini cukup mudah, tidak perlu mengedit template, tapi hanya menambahkan script saja di HTML/JavaScript.
Cara Membuat Menu Tab View
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
<div><style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #333333; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#333333; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 240px;" class="Tabs">
<a>Terbaru</a>
<a>Komentar</a>
<a>Iklan</a>
</div>
<div style="width:240px; height:300px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js">
</script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script><div></div></div>
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #333333; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#333333; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 240px;" class="Tabs">
<a>Terbaru</a>
<a>Komentar</a>
<a>Iklan</a>
</div>
<div style="width:240px; height:300px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js">
</script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://kurniasepta.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</div>
</div>
<div class="Page">
<div class="Pad">
<script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script><div></div></div>
Ada beberapa yang harus kita ketahui dari script di atas:
- Itu ada adalah tab view yang Belajar Ngeblog di BLOG gunakan, silahkan mengganti beberapa kode warna yang sesuai dengan blog Anda. Misalnya ganti 333333 dan 000000 dengan FFFFFF jika warna dasar blog anda adalah putih.
- Anda dapat mengganti lebar dan tinggi menu tab view dengan merubah width:240px; height:300px sesuai dengan sidebar blog Anda.
- Dan juga Anda harus mengganti script di masing-masing tab ( yang miring ) dengan script yang Anda inginpasang di tab view, atau jika tidak mau susah-susah ganti saja kurniasepta dengan sub domain blog Anda.
membuat link menjadi warna warni
Apakah anda pernah melihat tulisan link yang berbentuk tulisan diblog teman anda yang akan memunculkan warna yang berganti-ganti jika cursor blog anda dihadapkan kesana ? jika belum pernah silahkan cobakan diblog saya ini, silahkan hadapkan kursor tetikus anda disalah satu tulisan yang ada tautannya diblog saya, nah anda melihat warnanya berganti-gantikan.jika anda juga ingin membuat tulisan yang memmiliki tautan yang berwarna warni ini. silahkan ikutilah resep tutorial saya berikut ini :
1. seperti biasanya silahkan sign in duluh kedalam account blogger anda
2. jika sudah berada di dashboard masuk kedalam bagian edit html. caranya klik [Tata Letak] kemudian ambil pilihan [Edit HTML]
3. jika sudah berada dikotak edit HTML coba tekan kombinasi tombol [CTRL + F] dan pastekan koode berikut ini keadalam kotak Find yang terbuka untuk dicari <head> jika sudah ketemu lalu copy dan paste kode dibawah ini tepat dibawah kode <head>
<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>
</script>
4.kalau sudah selesai kira-kira kodenya akan jadi seperti ini
<head>
<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>
<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>
5. kalau sudah selesai silahkan klik tombol [save]
Bikin tulisan kelap-kelip
Cara bikin tulisan bikinya gampang tinggal saat kamu mau ngepost tinggal ingat pake Edit HTML lalu tambahkan kode berikut
semoga berhasil janganlupa komen nya.......
<blink> Teks nya </blink>
Ganti warna merah dengan teks yang anda inginkan.semoga berhasil janganlupa komen nya.......
Membuat pop up
Caranya sebagai berikut.
1. login ke blog kamu
2. Rancangan > Elemen Laman > Tambah Gadget > Html/Java Script
3. copi kodi di bawah ini
<a href="http://www.blogger.com/post-create.g?blogID=6772208064471430273" onclick=" window.open('http://facezero.blogspot.com/','',' scrollbars=yes, menubar=no, width=800, resizable=yes, toolbar=no,location=no, status=no')" style="color: red; cursor: pointer;">
Ganti tulisan yang berwarna biru dengan link yang akan di pakai
dan yang hijau adalah nama tampilanya
dan hasilnya akan seperti di bawah
1. login ke blog kamu
2. Rancangan > Elemen Laman > Tambah Gadget > Html/Java Script
3. copi kodi di bawah ini
<a href="http://www.blogger.com/post-create.g?blogID=6772208064471430273" onclick=" window.open('http://facezero.blogspot.com/','',' scrollbars=yes, menubar=no, width=800, resizable=yes, toolbar=no,location=no, status=no')" style="color: red; cursor: pointer;">
CONTOH KLIK DISINI
</a>Ganti tulisan yang berwarna biru dengan link yang akan di pakai
dan yang hijau adalah nama tampilanya
dan hasilnya akan seperti di bawah
CONTOH KLIK DISINI
Cara mengetahui berapa orang yang online di blog kita
Widget ini berfungsi mengetahui berapa orang atau user yang sedang melihat atau berada pada halaman blog kita. Widget ini bisa kita pasang dengan mudah. fungsinya sebagai pengecek berapa banyak pengunjung yang sedang berada pada blog kita pada waktu tertentu. Selain itu juga membuat blog kita semakin cool dan cantik pula. Cara pasangnya seperti di bawah ini:
- Kita menuju ke alamat ini http://whos.amung.us/showcase/
- Lalu disana klik salah satu tampilan yang sobat inginkan
- Lalu di bawahnya akan nampak kode- kode dari model yang kita pilih tadi
- copy kode tadi
- Lalu buka Halaman / tab baru - Login ke akun Blogger sobat [jika sobat belum login]
- Lalu pilih Tata Letak
- Klik Add gadget - HTML javasript
- Pastekan kode tadi
- klik Simpan
- Selesai
Cara menghilangkan navigasi blogspot
Ingin menghapus Navbar punya blogger? Membuat Pandangan anda Menjadi tidak menyenangkan Bagaimana cara menghilanginua!! Yuk kita ikuti langkah - langkahnya.
1.Log In ke Blogger.
2.Masuk ke Tata Letak.
3.Pilih Edit Html
4.Cari Kode ]]><skin>
Letakkan kode di bawah ini di atas kode ]]><skin>
5. Lalu Save tamplate.
1.Log In ke Blogger.
2.Masuk ke Tata Letak.
3.Pilih Edit Html
4.Cari Kode ]]><skin>
Letakkan kode di bawah ini di atas kode ]]><skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
5. Lalu Save tamplate.
Istilah-Istilah dalam Blogger Bagian IXIstilah-Istilah dalam Blogger Bagian VIIIBlogger Chat | Diskusi Soal Blogger | Ngobrol BloggerIstilah-Istilah dalam Blogger Bagian VIIMemodifikasi Related Post / Artikel yang Berkaitan pada Blog BlogspotIstilah-Istilah dalam Blogger Bagian VITips dan teknik seo di blog blogger adalah canduAlasan "Menjamur-nya" Tutorial BloggerIstilah-Istilah dalam Blogger Bagian VBlogger Indonesia Cinta IndonesiaCara Membuat Tulisan di BlogspotIstilah-Istilah dalam Blogger Bagian IVIstilah-Istilah dalam Blogger Bagian IIIAlasan Memilih BloggerCara Membuat Blog di BloggerIstilah-Istilah dalam Blogger Bagian IIIstilah-Istilah dalam Blogger Bagian IPopular Posts
-
I. MAMALIA (Menyusui) Anoa depressicornis Anoa dataran rendah, Kerbau pendek Anoa quarlesi Anoa pegunungan Arctictis binturong Binturung Arc... -
Bagi sobat Blogger yang suka atau hobi bermain gitar namu kebingungan saat mencari nada dari sebuah lagu kini telah datang solusi bagi agan-... -
Windows 7 menyediakan fitur untuk backup registry (membuat cadangan file registry) dan restore registry (mengembalikan registry ke kondisi s... -
I. PALMAE Amorphophallus decussilvae Bunga bangkai jangkung Amorphophallus titanum Bunga bangkai raksasa Borrassodendron borneensis Bindang,... -
Tool gratis ini sangat berguna bagi Anda dalam melakukan scanning dan memperbaiki sistem komputer kesayangan Anda yang mengalami perlambatan... -
Windows Vista dibuat oleh Microsoft dengan berbagai macam fitur-fitur tambahan, namun ada banyak fitur yang sebenarnya untuk pengguna komput...
-
Pendekatan visual AutoPlay Media Studio untuk penciptaan perangkat lunak membuatnya mudah bagi Anda untuk membuat program perangkat lunak Wi...
-
Salah satu fitur windows adalah hidden file (file tersembunyi). Dengan memanfaatkan fitur hidden file maka kita dapat mengatur file-file yan... -
Jika anda menggunakan Windows XP, mungkin anda bisa mencoba trik berikut. Ini adalah salah satu trik untuk menampilkan gambar background win... -
Salahsatu fasilitas yang disediakan oleh windows adalah virtual memory. Virtual memory merupakan memori cadangan yang diatur oleh windows de...
