Tutorial Blog

Home
Blogger
Seo
Tips dan Trik Blog
Widget
Browse more categories

blogger

seo

text

tips dan trik blog

upload

widget

Archives1

Cara Pasang Meta Tag di Blog

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Penulisan Meta keyword biasanya dipisahkan dengan tanda koma.jangan terlalu banyak menggunakan keyword karena akan dianggap spam.

Hapus semua kode anda dari kode <head> berikut di bawah kode sampe <b:skin><![CDATA[/*

lalu ganti dengan kode di bawah ini :

Animated Typing Text - Animasi Mengetik Teks

thanks for visit Tutorial BLogAnimated Typing Text - Animasi Mengetik Teks atau tulisan

Animated Typing Text - Animasi Mengetik Teks atau tulisan

Animated Typing Text - Animasi Mengetik Teks ini bisa di pasang di widget dan post blog.
Animated Typing Text - Animasi Mengetik Teks ini berguna untuk membuat animasi dalam tulisan.
Animated Typing Text - Animasi Mengetik Teks ini berbeda dengan typing text seperti biasanya.Animated Typing Text - Animasi Mengetik Teks ini menambahkan animasi setiap mengetik huruf.

Berikut tutorial blog mengenai membuat Animated Typing Text - Animasi Mengetik Teks:

Neon Lights Text - Teks Animasi

Neon Lights Text - Teks Animasi

Neon Lights Text - Teks Animasi ini membuat tulisan animasi di blog kamu.
Neon Lights Text - Teks Animasi bisa di pasang di widget.
Neon Lights Text - Teks Animasi ini berguna sebagai alert ucapan selamat datang atau bisa kamu sesuaikan sendiri.

Copy dan paste kode Neon Lights Text - Teks Animasi di bawah ini kedalam widget atau post blog kamu.

<h3><script language="JavaScript1.2">
/*
Neon Lights Text
By: ulil amri
http://ulil-amri.com
http://tutorial-blog-amricow.blogspot.com
*/

var message="Welcome to My Blog!"
var neonbasecolor="black"
var neontextcolor="red"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></h3>

Nb:
- Ubah tulisan Welcome to my blog!
- Ubah Var color

Create Rounded Corners with Border-Radius

Create Rounded Corners with Border-Radius atau Membuat Garis Lengkung

Postingan tutorial blog ini mengenai Create Rounded Corners with Border-Radius atau Membuat Garis Lengkung dengan css.
Disini saya hanya menjelaskan prinsip dari Border Radius atau Membuat Garis Lengkung dengan css di beberapa browser.
Perlu kamu ketahui bahwa kode html pada setiap browser untuk Border Radius atau Membuat Garis Lengkung dengan css itu berbeda.
Berikut penjelasan Create Rounded Corners with Border-Radius atau Membuat Garis Lengkung pada beberapa browser.

- Border Radius atau Membuat Garis Lengkung pada Mozilla Firefox

-moz-border-radius

Contohnya : -moz-border-radius-topright:15px;

- Border Radius atau Membuat Garis Lengkung pada Webkit (Safari) atau yang biasa disebut Google Chrome

-webkit-border-radius

Contohnya : -webkit-border-top-left:15px;

- Border Radius atau Membuat Garis Lengkung pada Opera

border-radius

Contohnya : border-radius:15px;

Berikut beberapa model Create Rounded Corners with Border-Radius atau Membuat Garis Lengkung pada Mozilla Firefox, Webkit (safari)dan Opera:

-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:5px solid #BDDC12;

-moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border:5px solid #BDDC12;

-moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; border:5px solid #BDDC12;

-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-left-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-left-radius:15px; border-bottom-right-radius:15px; border:5px solid #BDDC12;

-moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-bottomleft:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; border:5px solid #BDDC12; padding:10px;

Jika ingin melihat border radius circle atau membuat lingkaran dengan border radius klik DISINI

Create Rounded Corners with Border-Radius atau Membuat Garis Lengkung dengan css ini bisa di gunakan untuk posting, widget,dll.

Many Text Styles - Tulisan Anak Gaul (Lebay)

Many Text Styles - Tulisan Anak Gaul (Lebay)

Many Text Styles - Tulisan Anak Gaul (Lebay) ini untuk menghasilkan tulisan yang di singkat,mengandung angka dan mengandung huruf besar dan huruf kecil berguna untuk website atau blog, facebook, twitter, myspace,dll.
Caranya adalah dengan copy teks yang telah di ubah pada box 2 atau kotak kedua dan paste di website atau blog, twitter, facebook, my space,dll.

Tuliskan Teks Yang Ingin Kamu Jadikan Tulisan Anak Gaul (Lebay) di bawah ini

Text Crossed Oblique - Tulisan Tercoret Miring

Crossed Oblique Text - Tulisan Tercoret Miring

Crossed Oblique Text - Tulisan Tercoret Miring ini untuk menghasilkan tulisan tercoret miring dan berguna untuk website atau blog, facebook, twitter, myspace,dll.
Caranya adalah dengan copy teks yang telah jadi tercoret miring pada box 2 atau kotak kedua dan paste di website atau blog, twitter, facebook, my space,dll.

Tuliskan Teks Yang Ingin Kamu Jadikan Teks Tercoret Miring di bawah ini

Flip Text Generator - Tulisan Terbalik

Flip Text Generator - Tulisan Terbalik

Flip Text Generator - Tulisan Terbalik ini untuk menghasilkan tulisan terbalik dan berguna untuk website atau blog, facebook, twitter, myspace,dll.

Caranya adalah dengan copy teks yang telah jadi terbalik pada box 2 atau kotak kedua dan paste di website atau blog, twitter, facebook, my space,dll.

Underline Text Generator - Tulisan Garis Bawah

Underline Text Generator - Tulisan Garis Bawah

Underline Text Generator - Tulisan Garis Bawah ini untuk menghasilkan tulisan di garis bawah dan berguna untuk website atau blog, facebook, twitter, myspace,dll.
Caranya adalah dengan copy teks yang telah jadi garis bawah pada box 2 atau kotak kedua dan paste di website atau blog, twitter, facebook, my space,dll.

Tuliskan Teks Yang Ingin Kamu Jadikan Teks Bergaris Bawah di bawah ini

Upperline Text Generator - Tulisan Garis Atas

Upperline Text Generator - Tulisan Garis Atas

Upperline Text Generator - Tulisan Garis Atas ini untuk menghasilkan tulisan di garis atas dan berguna untuk website atau blog, facebook, twitter, myspace,dll.
Caranya adalah dengan copy teks yang telah jadi garis atas pada box 2 atau kotak kedua dan paste di website atau blog, twitter, facebook, my space,dll.

Tuliskan Teks Yang Ingin Kamu Jadikan Teks Bergaris Atas di bawah ini

Membuat Link Dengan Animasi Tooltip

Membuat Link Dengan Animasi Tooltip

Tutorial Blog Membuat Link Dengan Animasi Tooltip ini sangat berguna karena blog atau website kamu akan terlihat elegan saat pengunjung menyorot sebuah link akan mengeluarkan animasi.

Berikut adalah Membuat Link Dengan Animasi Tooltip :
- Login akun blogger kamu
- Pilih Rancangan kemudian edit html
- Copy dan Paste kode di bawah ini di atas kode </head>

- Gunakan kode berikut untuk memasang link dengan animasi tooltip tadi

Untuk Melihat contohnya,sorot link di bawah ini.

Trik Untuk Merubah Mouse di Blog atau Website

Trik Untuk Merubah Mouse di Blog atau Website

Trik Untuk Merubah Mouse di Blog atau Website ini hanyalah menggunakan teknik sederhana dalam css.
Kita hanya menambah kode stlye pada tulisan atau link di blog kamu.
Kebanyakan blogger berkeinginan untuk merubah gaya kursor blog pada saat menyorot link dan teks.

Berikut tutorial blog Merubah Mouse di Blog atau Website.

Untuk melihat contoh cursor maka sorot pada tulisan tutorial blog.

- Cursor hand | kursor tangan

Tutorial Blog

- Cursor text | kursor teks

Tutorial Blog

- Cursor crosshair | kursor tanda tambah

Tutorial Blog

- Cursor wait | kursor menunggu

Tutorial Blog

- Cursor move | kursor gerak

Tutorial Blog

- Cursor help | kursor tanda tanya

Tutorial Blog

- Cursor not-allowed | kursor dilarang

Tutorial Blog

Itu aja dulu ya., Trik Untuk Merubah Mouse di Blog atau Website.
Kode di atas adalah kursor yang umum di gunakan dalam website.

Jika ingin memesan atau mengetahui kode kursor yang biasa kalian lihat baik di website atau di komputer kamu.

Silahkan komentar saja !!!

Cara Membuat Post Body Hover

Cara Membuat Post Body Hover

Cara Membuat Post Body Hover berguna untuk sebagai animasi pada postingan blog kamu.
Caranya cukup mudah hanya dengan copy dan paste kode post body dan paste saja di template kamu.

Berikut Tutorial Blog Cara Membuat Post Body Hover :
- Login akun BLogger kamu
- Pilih rancangan kemudian edit html
- Centang expand template widget
- Back up html untuk mengamankan template apabila terjadi galat atau kesalahan dalam mengedit atau desain blog kamu.
- Simak Tutorial Blog di bawah ini

Caranya cukup mudah hanya dengan copy dan paste kode post body kemudian paste kode html post body tadi di template kamu.

Setelah kamu paste tambahkan kode :hover

Misalkan kode html post body aku seperti di bawah ini

.post-body{background:#3B5998 url(link image 1) center repeat;}

kemudian untuk post hover body seperti ini

.post-body:hover{background:#FFFFFF url(link image 2) center repeat;}

Perhatikan perbedaan kode html di atas,saya menambahkan kode hover,background warna dan background gambar yang berbeda.

Begitulah yang dimaksud dengan post hover,terjadi perbedaan antara sebelum mouse menyorot postingan blog kamu dengan saat mouse menyorot postingan kamu.

Terkesan memberikan sebuah animasi pada postingan blog kamu.

Sebuah Tutorial Blog yang singkat tapi sangat berguna untuk postingan blog kamu.

Upload The Javascript, Images (png, jpg, gif, etc.), sis, sisx, jar, zip, etc

Upload The Javascript, Images (png, jpg, gif, etc.), sis, sisx, jar, zip, etc

Your secret code is: 177424824
Save in Folder amri

Your link download: http://amricow.wen.ru/amri/your file name
Example: http://amricow.wen.ru/amri/unit-converter-length.jpg

Tempat Upload Javascript,Image (png,jpg,gif,dll),sis,sisx,jar,rar,dll

Cara Membuat Highlight All atau Select All

Cara Membuat Highlight All atau Select All

Cara Membuat Highlight All atau Select All dengan background ini sangat mudah,hanya tinggal copy dan paste kode di bawah ini di widget yang kamu inginkan.
Biasanya Highlight All atau Select All ini di gunakan dalam postingan blog yang mengandung kode html ,dll. Bisa juga kamu atur tinggi dan lebar textarea nya.
Cara Membuat Highlight All atau Select All yang simple dan praktis ini kamu copy dan paste kode di bawah ini ke dalam widget atau pun postingan blog kamu.

Keterangan : - Ubah ukuran lebar yang berada pada tulisan width - Ubah ukuran tinggi yang berada pada tulisan height - Ubah warna yang berada pada tulisan background Jika masih bingung,silahkan komentar.

Cara Otomatis Merubah Gambar Background Blog

Cara Otomatis Merubah Gambar Background Blog

Berikut adalah tutorial blog untuk merubah background website atau blog tanpa harus edit html.
Mungkin diantara kamu ada yang berkata tidak ada gunanya dan membuat loading blog menjadi berat.
Tapi menurut saya merubah background blog dengan cara otomatis sangat berguna untuk membuat pembaca artikel postingan kamu tidak jenuh melihat 1 background saja dan ini tidak membuat blog atau website menjadi berat karena hanya memakan 1kb hingga 2kb.

Jika berminat maka copy dan paste kode html di bawah ini ke dalam widget kamu.

Keterangan : - Ubah tulisan Backgroung 1 sampai background 5 dengan yang kamu inginkan - Ubah tulisan MASUKKAN URL GAMBAR DISINI dengan url atau link gambar yang ingin kamu pasang jadi background blog atau website kamu

Cara Memasang Widget Status Yahoo Messenger

Cara Memasang Widget Status Yahoo Messenger

Memasang Widget Status Yahoo Messenger ini berguna untuk mengetahui online atau offline kamu di yahoo messenger yang mana pengunjung dapat mengobrol atau bertanya dengan kamu melalui yahoo

Berikut Tutorial Cara Memasang Widget Status Yahoo Messenger :

1. Login ke Blogger
2. klik Tab Rancangan
3. klik Add gadget
4. pilih HTML/Javascript
5. copy dan paste kode di bawah ini

Ketetangan :
- Tulisan amricow di ubah dengan ID yahoo kamu
- Angka 15 di ubah dengan keinginan icon YM kamu sendiri

Cara Membuat CSS Drop Down Menu

Cara Membuat CSS Drop Down Menu Klik Aja Gambarnya Agar Terlihat Jelas
br/> 1. Copy paste ini kode dibawah ini di atas kode </head>
br/>

2. Berikut Pemasangan Html nya,taruh di atas kode <body>

<div class='span-24'><div class='menu-secondary-wrap'> <ul class='menus menu-secondary'><li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a> <ul class='children'><li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul></li>
<li><a href='#'>Downloads</a> <ul class='children'><li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a> <ul class='children'><li><a href='#'>Office</a> </li>
</ul></li>
</ul></li>
<li><a href='#'>Parent Category</a> <ul class='children'><li><a href='#'>Child Category 1</a> <ul class='children'><li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul></li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul></li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a> <ul class='children'><li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul></li>
<li><a href='#'>music</a></li>
<li><a href='#'>Uncategorized</a></li>
</ul></div></div>

br/> Jika ada kesulitan,silahkan komentar ...

Menjadwalkan Postingan

Menjadwalkan Postingan

Untuk Menjadwalkan Postingan sangat mudah,hanya dengan pilih Post options kemudian lihat pada gambar di atas.

Bisa juga kamu Menjadwalkan Postingan untuk besok.

Menjadwalkan Postingan ini sangat mudah tapi cukup bermanfaat untuk mengatur urutan postingan di blog kamu.

Silahkan Mencoba !!!!

Membuat Page View Terlihat Banyak Pengunjung

Membuat Page View Terlihat Banyak Pengunjung

Membuat Page View Terlihat Banyak Pengunjung ini bukanlah sebuah tutorial blog tapi adalah sebuah trik menipu pengunjug.
Loh kenapa begitu sob,kok bisa membohongi pegunjug?
Iya,karena page view atau statistik website atau blog bukan hanya dari pengunjung blog kita.
bingung ya?

Contoh :

aku pasang sebuah widget flag counter atau statistik akan tetapi aku bukan pasang widget statistik dari blog melainkan memasang widget statistik dari blog atau website lain.
Mulai mengerti kan?
Bisa saja kita pasang widget statistik dari kaskus
bahkan bisa kita pasang lebih dari 1 website di blog kita

Silahkan mencoba !!!

"RSS is a popular format for pushing updated headlines and contents from a site to viewers. JavaScript can be used to show RSS content on your site, whether by hosting the feed yourself as seen in RSS Ajax Ticker, or through Google Feeds API, explained in the article Displaying RSS feeds easily using Google Ajax Feed API."

RSS stands for Really Simple Syndication, and is a type of XML file format.

In this tutorial, see how to use JavaScript and PHP to create a live RSS ticker that taps into any RSS feed on the web.

In this tutorial, we show you how to use Google Ajax Feed API to display RSS feeds from other sites on your own easily and without hosting the files on your own server.

Kegunaan Wapsite Wen.ru Sebagai Tempat Upload

Kegunaan Wapsite Khususnya bagi Blogger

Kegunaan wapsite bagi blogger adalah sebagai tempat upload Javascript,Image (png,jpg,gif,dll),sis,sisx,jar,rar,dll.
Kebanyakan dari blogger melupakan hal ini padahal wapsite adalah sebuah situs yang biasa di buat dari hp dan simple.
Tentunya ringan untuk di akses karena di khusus kan untuk pembuat website dari hp.

Berikut tutorial untuk membuat wapsite dan sekaligus mendapatkan tempat uploadnya:

HTML Encrypt

Widget Jam Dengan Tipe Button

Widget Jam Dengan Tipe Button

Disini saya akan memberikan tutorial membuat Widget Jam Dengan Tipe Button.
Cara membuat Widget Jam Dengan Tipe Button menggunakan teknik dari javascript.

Berikut tutorial membuat Widget Jam Dengan Tipe Button :
- login akun blogger kamu
- pilih rancangan kemudian pilih elemen laman
- pilih tambah gadget kemudian html/javascript
- copy dan paste kode di bawah ini ke dalam box atau kotak html/javascript

Widget Jam Dengan Tipe Button

Membuat Recent Post dengan Efek Marquee

Membuat Recent Post dengan Efek Marquee

Membuat Recent Post dengan Efek Marquee ini cukup mudah caranya,hanya dengan copy dan paste kode Membuat Recent Post dengan Efek Marquee di bawah ini ke gadget atau html/javascript di blog kamu.

if( nScrollDelay)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
}
if(sDirection)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";
if(sDirection == "left" || sDirection =="right")
{
//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "  ";
}
else
{
//For down and up directions seperate headlines by new line
sHeadlineTerminator = "\<br/\>";
}
}
if(sOpenLinkLocation =="N")
{
sPostLinkLocation = " target= \"_blank\" ";
}
else
{
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "\</MARQUEE\>"
sHeadLines = "";
for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
{
objPost = json.feed.entry[nFeedCounter];
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)
{
if (objPost.link[nCounter].rel == 'alternate')
{
sPostURL = objPost.link[nCounter].href;
break;
}
}

sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )
}
catch(exception)
{
alert(exception);
}
}
//]]>
</script>

Setelah kamu copy dan paste kode Membuat Recent Post dengan Efek Marquee di atas maka ganti tulisan http://tutorial-blog-amricow.blogspot.com dengan link blog kamu.
bagaimana?
mudahkan Membuat Recent Post dengan Efek Marquee !!!!
Untuk melihat contoh Membuat Recent Post dengan Efek Marquee ini bisa di lihat di atas postingan ini.

Widget Update Status Facebook Di Blog

Widget Update Status Facebook Di Blog

Seru juga ya,blogging sambil update status di blog kita sendiri..

Caranya juga mudah,hanya copy dan paste kode di gadget blog kamu..

Berikut tutorial blog cara memasang Widget Update Status Di Blog :

1. Login ke Blogger.com.

2. Klik Rancangan kemudian Elemen Laman.

3. Klik 'Add a Gadget' dan pilih HTML/Javascript.

4. Copy dan paste kode di bawah HTML/Javascript tersebut.

Semoga berhasil memasang Widget Update Status Facebook Di Blog

Widget Jam Kotak (Time Box) With JavaScript

Widget Jam Kotak (Time Box) With JavaScript

Widget Jam Kotak (Time Box) With JavaScript ini sangatlah mudah,hanya dengan copy dan paste kode di bawah ini kedalam box widget kamu.
Dibawah ini kode javascriptnya,bisa juga kamu copy dan paste di atas kode </head>

Dibawah ini kode html yang harus kamu copy dan paste di box widget kamu.

Jika ingin mengganti warna box maka lihat kode ini

<TABLE BGCOLOR="red" cellpadding=3 border=1>

ubah tulisan red dengan warna yang kamu inginkan.

Widget Jam Kotak (Time Box) With JavaScript

Tutorial Mengganti Background Blog dan Membuat Background Transparan di Blog

Tutorial Mengganti Background Blog dan Membuat Background Transparan di Blog

Kebanyakan blogger sangat senang mengganti background untuk membuat blog dia lebih dinamis tetapi ada juga blogger yang ingin tampilan blog transparan ,katanya lebih keren.
Semua itu tergantung selera sobat blogger.

Berikut Tutorial Mengganti Background Blog dan Membuat Background Transparan di Blog :

1. Carilah kode di bawah ini di template kamu,jangan lupa centang expand template widget

body {

atau

body{

2. Jika sudah ketemu maka akan terlihat seperti ini

body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px; font-weight: bold;
background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Y4j-KKa1c6-A9o9QlXNY8HOBXtQLszy2lqC-yRNQ3Fn7AXg9RlmhuqUTvcPHgpuerEl3MRP-_4QB3wkAEm3gk1dJ0F5DkVMUQseSoaPmgikWqdngl9ztjMSFomnUJX_XgJhlQ2QVb0o/s1600/Bleach.jpg") center fixed;
}

3. Pada tulisan kode background di atas merupakan warna dan gambar background blog saya.
background saya memiliki warna background putih yang tertuliskan di atas dengan kode html #fff

4. Jika Membuat background blog kamu menjadi transparan maka kodenya seperti ini

body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px; font-weight: bold;
background:transparent;
}

5. Jika ingin mengganti background blog kamu maka kodenya seperti ini

body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px; font-weight: bold;
background:#fff url("masukkan background kamu") center fixed;
}

== ganti tulisan masukkan background kamu dengan link atau url background kamu ==

Jika masih tidak mengerti,silahkan beri komentar di bawah ini.

Cara Membuat Judul Posting Berjalan

Cara Membuat Judul Posting Berjalan

Berikut tutorial blog ini mengenai Cara Membuat Judul Posting Berjalan :

1. Login akun blogger kamu
2. Pilih rancangan kemudian edit html
3. Centeng expand template widget
4. Cari kode di bawah ini di dalam template kamu dengan menggunakan Ctrl + f
5. Back up template kamu untuk mengamankan apabila ada kesalahan

6. Jika sudah ketemu,ganti dengan kode yang di bawah ini

7. Klik pratinjau dan lihat hasilnya,jika gagal pilih bersihkan edit dan jika berhasil pilih simpan template .

Good Luck !!!

Converter Unit Length

Converter Unit Length

Converter Unit Length
First, type the number you wish converted here: Then, click radio buttons for desired conversion:
From:	Square Meters	Square Inches	Square Feet	Square Yards	Square Rods	Square Chains	Roods	Acres	Square Miles
To:	Square Meters	Square Inches	Square Feet	Square Yards	Square Rods	Square Chains	Roods	Acres	Square Miles

Yang dimaksud dengan Converter Unit Length adalah sebagai konversi satuan panjang yang biasa di gunakan dalam pengkuran suatu benda.

Border di atas tidak kelihatan di karenakan warna border tabel di template saya berwarna putih

Karena belum ada yang komentar di blog aku yang ini maka script code aku berikan kepada yang komentar.

=== Terima Kasih ===

Cara Membuat Drop Down List di Blog

Drop Down List

Cara Membuat Drop Down List di Blog ini tidak lah susah. Cukup Membuat form dan mengisikan nama list dan url tujuan. Hal ini banyak di lakukan pada arsip dalam blog atau daftar isi blog. Kegunaan ini untuk tidak memakan widget atau tidak semak atau lagi memakan tempat. Bisa juga untuk sebagai list translator kamu dengan menggunakan cara Drop Down List ini.
Berikut tutorial Cara Membuat Drop Down List di Blog :

1. Copy dan Paste kode di bawah ini di widget yang kamu inginkan ( sudah tahu kan arti widget?)

2. Edit aja teks my blog1 dan seterusnya dengan yang kamu inginkan. Begitu juga dengan link nya.

Gampang kan?
Di bawah ini contoh Membuat Drop Down List di Blog

Kode Warna Html

Kode Warna Html Di Blog Dan Website Lainnya

Kamu bingung dan tidak hafal kode warna di css kamu ya?
Jangan khawatir,disini saya menyediaka Kode Warna Html di css kamu.
Pilih warna yang kamu inginkan dan copy kode warnanya yang ada di kotak Hex.

Hex:

Hue:		Red:
Saturation:		Green:
Value:		Blue:

Merubah Tulisan ReadMore dengan Gambar

Merubah Tulisan ReadMore dengan Gambar

Merubah Tulisan ReadMore dengan Gambar ini hanyalah menambah kode menampilkan gambar sebagai pengganti tulisan readmore kalian sebelumnya.

Tutorial :

- Login akun blogger kamu
- Pilih rancangan kemudian edit html kemudian centang expand template widget
- Cari kode di bawah di template kamu

- Jika sudah ketemu maka ganti tulisan readmore kamu dengan kode di bawah ini

- Save dan lihat hasilnya

Pasang Musik atau Mp3 di Blog

Pasang Musik atau Mp3 di Blog

Seru juga ya jika ada musik atau mp3 di blog kita.Sambil membuat postingan bisa dengarin lagu kesayangan kita di blog.
Cukup menyenangkan hati sambil berkata la la la la...

Berikut Musik atau Mp3 Online Di blog

MIXPOD

MUSIK-LIVE

PLAYLIST-MP3

VIDEOKEMAN

Disini aku tidak memberitahu caranya karena cukup mudah.Hanya mengikuti perintah dari penyedia mp3 online saja.
Jika sudah mendapatkan kode embed mp3 online tesebut maka
- copy dan paste di widget kamu dengan cara copy kodenya kemudian beralih ke blog kamu
- Pilih rancangan kemudian elemen laman.
- Setelah itu pilih tamba gadeget kemudian html/javascript
- Paste kode embed yang telah kamu copy tadi
- Simpan dan liha blog kamu
- Selamat berdendang ria !!!