Archive for 2012

Anda tentu sering menemukan saat membuka sebuah blog kemudian tampil sebuah pesan pada layar baik itu ucapan selamat datang ataupun hanya sekedar pesan dari pemilik blog. Mungkin sebagian dari anda akan mengatakan bahwa trik ini sudah cukup basi, tapi tidak ada salahnya kalau saya tulis kembali sekedar untuk catatan pribadi dan mungkin akan bermanfaat bagi anda yang belum tahu cara membuatnya.

Lalu bagaimana triknya, ikuti saja langkah-langkah berikut:
Login ke akun Blogger anda, klik Layout-Edit HTML lalu pada bagian atas cari kode <head> dan masukan script berikut ini dibawahnya.

Ada ucapan selamat datang pasti ada ucapan selamat tinggal, lalu bagaimana menampilkan pesan jika halaman blog ditutup untuk meninggalkan pesan bagi pengunjung, berikut triknya:

Masih dalam mode Edit HTML dan dengan cara yang sama seperti diatas hanya scriptnya yang berbeda, masukan script berikut dibawah kode <head> atau dibawah script pesan pembuka tadi.

Text yang berwarna merah bisa anda ganti sesuai keinginan anda, lik pratinjau atau preview sebelum menyimpannya. Kalau anda sudah berhasil, silahkan di simpan pekerjaan anda. Bagaimana, mudah bukan? Anda cukup menambahkan sedikit kode Java script pada halaman blog anda dan anda sudah tampil beda. Selamat mencoba..

Cara membuat Pesan Pembuka dan penutup

Sabtu, 10 Maret 2012

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Untuk membuat efek berjatuhan ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..kan!. Biar pemula juga mudah mencoba tips ini. Bermacam widget yang bisa memperindah blog seperti widget kupu-kupu berterbangan, daun berjatuhan, salju berjatuhan, dll.

Langkah-langkahnya sebagai berikut:
1. Login ke blog kamu.
2. Klik Rancangan.
3. klik "tambah gadget".
4. Pilih dan klik HTML/javascript.
5. Tulis Judulnya

6. Masukkan kode script yang di bawah ini .
7. Setelah selesai, Klik Simpan.

Copas kode script dibawah ini:


<script type='text/javascript'>
//<![CDATA[
//Configure below to change URL path to the snow image
var snowsrc="http://img813.imageshack.us/img813/6096/starreda.gif";
// Configure below to change number of snow to render
var no =10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = "0";
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 400;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src="+snowsrc+" border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
//]]>
</script>

Cara Membuat Efek Bintang Merah Berjatuhan

Rabu, 29 Februari 2012

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

kali ini Saya mau sharing ilmu baru bro yaitu Cara membuat efek uang berguguran di blog pasti udah pada penasaran kan tapi ngomong-ngomong uangnya beneran gak ya? ya jelas nggak dong uangnya cuma gambar kalo uang beneran saya gak akan kasih tau kalian semua saya ambil sendiri uangnya hehehehe.Sebelum memulai langkah-langkahnya kalian wajib follow di blog ini dulu supaya kalian bisa tahu kalo ada postingan baru lagi oke kita mulai aja bro tutorialnya :

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan

<script src="https://sites.google.com/site/webmiftah/js/uang.js" type="text/javascript"/>

7.Kalo udah tinggal disimpan deh

Cara Membuat Efek Uang berjatuhan

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Ok. Bagaimana cara Membuat Gelembung Berjatuhan pada Blogspot? Berikut tipsnya :

1. Login ke blogger.com lalu klik design/Tata Letak/Rancangan
2. Klik Edit HTML ( jangan lupa back up template anda siapa tahu gagal:) )
3. Cari kode <body> ( agar cepat, tekan CTRL F di Keyboard lalu masukkan <body> )
4. Setelah ketemu Masukkan kode di bawah ini tepat di bawah kode <body>. Ini kodenya :
<script src=”http://clief.googlecode.com/files/bubble.js”></script>
5. Jangan lupa klik save/simpan Template

Hasilnya, lihat dulu blog anda. Terlihat gelembung-gelembung berjatuhan dari atas “langit” blog.

Cara membuat Efek Gelembung berjatuhan

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

1. Seperti biasa login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode </head> pada template dengan menggunakan Ctrl+F.

4. Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

5. Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…

Cara Membuat Efek Daun Berjatuhan

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Membuat efek sprinkle pada cursor. Tentunya efeknya terlihat kalau loadingnya sudah selesai, hehe...
Caranya yaitu:
1. Click "tambah gadget."
2. Click "HTML/JavaScipt"
3. Kemudian masukan script berikut ini:

<script>
// JavaScript Document<script type='text/javascript'>
// <![CDATA[
var colour="red ";
var sparkles=65;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>

</script>

4. Terus simpan deh..!

Ganti tulisan yang berwarna merah sesuai dengan warna sprinkle yang ingin kamu hasilkan. Misal "green" nanti hasilnya jadi hijau.

Cara Memberikan Efek Sprinkle pada Cursor

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

(1)

membuat read more baca selengkapnya otomatis.

(2)

(3)

Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<script  type='text/javascript'> var thumbnail_mode =  &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340;  img_thumb_height = 100; img_thumb_width = 120; </script>  <script  src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js'  type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a  expr:href='data:post.url'><img alt='Read More..'  src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>

</b:if> 

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>

<strong><a   href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>|  <em>Free Bussines?</em>  |</a></strong></p></b:if>

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>[ Read More.. ]</a></span>

</b:if> 

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>

<strong><a   href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>|  <em>Free Bussines?</em>  |</a></strong></p></b:if>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Cara Membuat Read more otomatis

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Maaf gan kalau artikel yang satu ini agak membingungkan agan-agan sekalian,tapi ane jelasin dhe,membuat iklan dengan ukuran 125x125 di bawah header atau menu di blogspot.Kita ingin nge-blog tapi hasilnya dapat duit, itulah keratifitasnya seorang blogger,kita bisa menawarkan tempat iklan bagi para advertiser untuk beriklan di Blog kita sehingga kita bisa memperoleh hasilnya dengan iklan tersebut. Dibawah ini cara-cara yang bakal akan saya beritahu,langsung saja gan ;::::::::

1.Biasa loggin ke blog anda

2.Pilih rancangan==>

3.Pilih edit html

carilah kode , ]]></b:skin> Setelah ketemu copy html di bawah ini lalu letakkan di atas code seblumnya tadi ::

#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

setelah di letakkan dan udah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy Html dibawah ini dan paste diatasnya kode tadi:

Pemberitahuan yang perlu di perhatikan ":

Untuk menambah kolom tiggal kamu copy paste lagi kode diatas ini, sampai berjumlah yang kamu mau minimal 7 colom/kotak iklan, karena dalam kode diatas hanya untuk 3 kolom, Pada alamat blog (warna kuning) ganti dengan alamat blog kamu pada URL warna pink ganti dengan alamat gambar kamu. untuk membuat url gambar kamu bisa membuat di photobucket.com atau di picasa.

makasih,,,met mencoba....

Cara Membuat Colom Iklan Dibawah Header

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Hemmmmmmm,,,met sehat selalu sobat sekalian,,,,ass sblum saya mulai buka acara ini....disini saya membuat artikel yang mungkin dibilang boleh dicoba buat blog karena begitu banyak yang penasaran tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertama kali halaman blog terbuka, mau tau cara-caranya... kalau dibilang gampang sangat gampang sekali,,gak sama payahnya seperti masang benang di jarum jahit,,hehehehe
langsung saja ya saya beri tau kepada anda sekalian :

1. Masuk ke Account blogger anda ==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==>
2. Lalu Centang "EXPAND TEMPLATE WIDGET"
3. Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".Agar terjadi kesalahan anda tinggal meletakkannya kembali jha

Kemudian anda Copy kode dibawah ini :

<script type='text/javascript'>

/* Edited By : Andreas fafandreo on 28th October 2008 */
/* For support and information please e-mail to : aroel1833@yahoo.co.id */

//<![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>

lalu Paste kode tersebut tepat di bawah kode :
< head >

gak ada info khusus orang cukup mudah kok,,,pasti bisa,,,,met mencoba semua....

Cara Membuat Jendela Browser Melingkar

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

DragonXslayer kembali lagi dengan persembahan Menu Horizontal untuk Blogger/Blogspot. Seperti menu-menu horizontal sebelumnya, menu horizontal ini masih berkutat dengan CSS dan HTML tanpa Javascript/Jquery, bahkan tanpa menggunakan gambar, berbasis tab individual, dan tidak menggunakan list (HTML unordered list). Posting menu horizontal ini juga dibuat untuk memenuhi permintaan pada komentar sobat Klik Menarik di posting Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot untuk dibuatkan menu horizontal yg sama dengan menu horizontal sebuah blog lain. Tentu saja menu ini telah mengalami beberapa modifikasi agar sesuai sebagai widget tambahan. Namun sekiranya ada kemiripan lah. Hope you enjoy and like it!

Kode CSS:

/* Navigasi tabs Sederhana buka-rahasia.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

Kode HTML:

<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>

Sebelumnya copy & edit terlebih dahulu kode HTML di atas. Ganti # dengan URL yg dikehendaki. Ganti juga Home, Blog Tips, SEO Tips, dan seterusnya dengan anchor text yg diinginkan. Untuk menambah atau mengurangi tab, copy/tambahkan atau hapus bagian <a href="#" class="burastabs">Anchor Text</a> di atas </div>.

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:

1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.

2. Copy kode CSS di atas,

4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya.
5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget

7. Setelah pop up window muncul, pilih opsi HTML/Javascript

8. Masukkan Kode HTML yg telah diedit tadi pada kolom seperti contoh berikut:

9. Klik save.

10. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget) dan save lagi. DOnE!

Cara Membuat Menu Horizontal

Author : Unknown Comments : 0

Tag : Tips And Trick Blog

Navigation

Popular Post

Popular Posts

Recent post

Archive for 2012

Cara membuat Pesan Pembuka dan penutup

Cara Membuat Efek Bintang Merah Berjatuhan

Cara Membuat Efek Uang berjatuhan

Cara membuat Efek Gelembung berjatuhan

Cara Membuat Efek Daun Berjatuhan

Cara Memberikan Efek Sprinkle pada Cursor

Cara Membuat Read more otomatis

Cara Membuat Colom Iklan Dibawah Header

Cara Membuat Jendela Browser Melingkar

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:

Cara Membuat Menu Horizontal

SCMPlayer

Labels

About Me

Blog Archive

Followers