19 Mar 2012
scrol widged dengan backgroun gambar atau warna
<div class="widget-content">
<div style="background: #6b8e60; border: 2px solid rgb(153, 153, 153); height: 200px; overflow: auto; text-align: left; width: 200px;">
<br />
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
</div>
</div>
ini dengan background gambar
<div class="widget-content">
<div style="background-image: url('http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/garis.png'); border: 2px solid rgb(153, 153, 153); height: 200px; overflow: auto; text-align: left; width: 200px;">
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
<li><a href="http://datablank.blogspot.com/" target="Blank">SAMPLE</a></li>
</div>
</div>
Tools Blog / Alat alat yang di butuhkan dalam membuat Blog
1. Cara mendetecsi warna bagian blogkita --DOWNLOAD DI SINI---
2. Cara Mengetahui Link Blog Yang Rusak KLIK DI SINI
3. Cara Mengetahui Bagian Script HTML kita Yang Rusak KLIK DI SINI
Cara membuat scroll dengan Backgroun warna atau Gambar
KLIK DI SIN
Weew Gw gak tau ini namanya apa Tapi kalo mau bikin begini Liat scripnya di sini
???
JIKA INGIN MEMBUAT YANG SEPERTI INI TARUH SCRIPT DI bawah ini DI WIDGET ANDA
<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 81px; /* Lebar Menu Utama Atas */
text-align:center ; height: 25px; /* Tinggi Menu Utama Atas */
padding-top:8px; padding-right:2px;vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Trebuchet ms", 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: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* 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>
<br />
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a href="http://www.blogger.com/blogger.g?blogID=1337096732274265010">MENU 1</a>
<a href="http://www.blogger.com/blogger.g?blogID=1337096732274265010">MENU 2</a>
<a href="http://www.blogger.com/blogger.g?blogID=1337096732274265010">MENU 3</a>
</div>
<div class="Pages" style="height: 250px; width: 253px;">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<br />
18 Mar 2012
:))
:)]
;))
;;)
:D
;)
:p
:((
:)
:(
:X
=((
:-o
:-/
:-*
:|
8-}
~x(
:-t
b-(
:-L
x(
=))
cara membuat font text halaman berbeda beda
Custom Fonts adalah, singkatnya, font-font khusus yg ditambahkan secara individual & bukan merupakan font-font default yg telah dikenal browser (database-nya tidak dimiliki browser). Custom fonts saat ini telah berjumlah ratusan, memiliki variasi yg bermacam-macam, unik, memiliki tema yg lebih khas daripada font biasa, serta dapat meningkatkan kualitas tampilan blog/web.
<br />
<div class="post-body">
<span style="font-family: Sail,'Times New Roman'; font-size: 15px;">TULIS ARTIKEL DI SINI</span></div>
sseperti ini saja saya rasa sudah cukup tapi kalau ingin memodivikasi bagian blog lihat keterangan di bawah ini:
untuk font halaman seperti ini copy script di bawah ini dan pastekan di halaman kalian
<link href="http://fonts.googleapis.com/css?family=Sail" rel="stylesheet" type="text/css"></link><br />
<div class="post-body">
<span style="font-family: Sail,'Times New Roman'; font-size: 15px;">TULIS ARTIKEL DI SINI</span></div>
sseperti ini saja saya rasa sudah cukup tapi kalau ingin memodivikasi bagian blog lihat keterangan di bawah ini:
This guide explains how to use the Google Web Fonts API to add web
fonts to your pages. You don't need to do any programming; all you have
to do is add a special stylesheet link to your HTML document, then refer
to the font in a CSS style.
Contents
A quick example
Here's an example. Copy and paste the following HTML into a file:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<div>Making the Web Beautiful!</div>
</body>
</html>
Then open the file in a modern web browser. You should see a page displaying the following, in the font called Tangerine:
Making the Web Beautiful!
That sentence is ordinary text, so you can change how it looks by
using CSS. Try adding a shadow to the style in the previous example:
body { font-family: 'Tangerine', serif; font-size: 48px; text-shadow: 4px 4px 4px #aaa; }
You should now see a drop shadow under the text:
Making the Web Beautiful!
And that's only the beginning of what you can do with the Web Fonts API and CSS.
Overview
You can start using the Google Web Fonts API in just two steps:
- Add a stylesheet link to request the desired web font(s):
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
- Style an element with the requested web font, either in a stylesheet:
CSS selector { font-family: 'Font Name', serif; }or with an inline style on the element itself:<div style="font-family: 'Font Name', serif;">Your text</div>
This guide explains how to use the Google Web Fonts API to add web
fonts to your pages. You don't need to do any programming; all you have
to do is add a special stylesheet link to your HTML document, then refer
to the font in a CSS style.
Contents
A quick example
Here's an example. Copy and paste the following HTML into a file:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<div>Making the Web Beautiful!</div>
</body>
</html>
Then open the file in a modern web browser. You should see a page displaying the following, in the font called Tangerine:
That sentence is ordinary text, so you can change how it looks by
using CSS. Try adding a shadow to the style in the previous example:
body {
font-family: 'Tangerine', serif;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
You should now see a drop shadow under the text:
And that's only the beginning of what you can do with the Web Fonts API and CSS.
Overview
You can start using the Google Web Fonts API in just two steps:- Add a stylesheet link to request the desired web font(s):
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
- Style an element with the requested web font, either in a stylesheet:
CSS selector { font-family: 'Font Name', serif; }or with an inline style on the element itself:<div style="font-family: 'Font Name', serif;">Your text</div>
17 Mar 2012
Alternatif cara membuat favicon blog
Saat kita membuat blog, secara default icon bawaan blog yang ada pada address bar kita adalah seperti ini :
Bagi anda yang tidak puas dengan icon tersebut, anda dapat menggantinya dengan icon/gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).
Ni brow langkah yang harus kamu alami :
Login ke Blog
Rancangan ---> Edit HTML
Tekan F3 atau Ctrl - F untuk mencari kode ini </head>
Letak kan kode di bawah ini tepat di bawah kode </head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQaM_J9999c78tXV57dp29VR321MYous1Eqh-y2cBh4s67_sdB83Mw9PQuhxsyCbGdN9Wx91hFq1vdVsqrnIbEdG-zaJGQDRh57nMGQmTU_rwYkFSeV6xCIDkCXmJjKJ92HHd7UhdANRuF/s1600/tux-icon+2.png' rel='SHORTCUT ICON'/>
silahkan anda ganti text warna merah dengan gambar icon anda
Simpan Templete dan lihat hasilnya
Cara membuat tulisan atau gambar selalu di sudut blog
langsung aja ya
copy script ini di widget kalian....
<a style="”display:scroll;position:fixed;top:0;right:0;”"> <div style="”text-align:left;width:130px;height:200px;margin:0">isi dengan gambar atau tulisan
</div></a><p></p>
copy script ini di widget kalian....
<a style="”display:scroll;position:fixed;top:0;right:0;”"> <div style="”text-align:left;width:130px;height:200px;margin:0">isi dengan gambar atau tulisan
</div></a><p></p>
