Mengganti ucapan welcome pada blog sangat mudah, terlebih dahulu Masuk di Blog anda, setelah masuk Klik "Rancangan" Atau "Layout" lalu Klik " Edit HTML", Dan carilah Kode seperti Ini :
<div id='welcome'><span>
</span></div>
dan Tulis Ucapan welcome anda diantara kode Tersebut, seperti contoh di bawah ini :
<div id='welcome'><span>"Apabila di dalam diri seseorang masih ada rasa malu dan takut untuk berbuat suatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya ia dengan kemajuan selangkah pun"</span></div>
Catatan :
"Yang berwarna merah dapat diganti dengan kata apa saja yang anda sukai"
Berikut Kode HTML Template Ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/*
Theme Name: Movie Theater
Theme URI: http://www.ezwpthemes.com/templates/movie-theater.html
Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>. Bloggerized by <a href="http://missdothy.com">Miss Dothy</a>
Version: 1.1
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: brown, fixed-width, two-columns, right-sidebar, threaded-comments,widgets
*/
#navbar{
display:none;
visibility:hidden;
}
/* Global */
* {
margin: 0;
padding: 0;
}
p {
margin: 5px 0;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: #2e1e18;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
img {
border: none;
}
h1,h2,h3,form,ul,li {
margin: 0;
padding: 0;
}
h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 1.6em;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
border-bottom: 1px dashed #666;
}
blockquote {
margin: 5px 20px;
padding: 5px;
color: #eee;
border: 1px dashed #ddd;
background: #A2805B;
}
blockquote p {
padding: 10px 20px;
display: block;
}
code {
display: block;
margin: 5px 20px;
padding: 10px 20px;
font-size: 1.2em;
color: #eee;
border: 1px dashed #ddd;
background: #AF9170;
}
.endline {
clear: both;
}
#outer-wrapper {
min-width: 1001px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdVMw1YifRpp2un4Aoagc3m7k5TOkyEvxQ7egydMn_Zttr-SovznZ1CGtVqrr7naiYW1KF5pmf5yIdT2TThkS0cLEifGPxfO7jxu4IkCW0BntnCBAEfPUEhhyygMb_e4GpycrQsQv5gk/s1600/container_bg.jpg) repeat-y center center;
}
#top_frame {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwZpjNm8Fj1HXCpNFg7JhW67f8GhVnZIR7ZhF3iC5OSiq-x4CdxJ8jItR9OoBHnr_EIdEvsQmQt8aRaT-BZxTK5EzF0IrAEgD-qupZK0Xcc3887BvlT4WzML7yL2HQ4rR_LpQaVNQYUo/s1600/top_frame.jpg) no-repeat center top;
}
#bottom_frame {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXEZAfzR70UCsfBeZs5pmVTBzE9bRz0IqeW8unKDZIv83_c7CcixDmWO2fHemm9mxS7liEsWG9Nx7vkIhCmIgRzgiB7g5tJaNFJ6seDfwfeXPn2Nk6zakaXnWnA4TEMnyI2xf5EQEw1C0/s1600/bottom_frame.jpg) no-repeat center bottom;
}
/* Header */
#header-wrapper {
width: 1000px;
height: 275px;
position: relative;
margin: 0 auto;
}
#header-wrapper h1 {
font-size: 4.5em;
padding: 20px 0 0 240px;
}
#header-wrapper h1 a {
color: #603e25;
}
#header-wrapper h1 a:hover {
text-decoration: none;
}
#header-wrapper h2 {
color: #603e25;
margin-top: -6px;
font-size: 1.4em;
padding: 0 0 0 244px;
}
#rss {
position: absolute;
top: 359px;
right: 50px;
}
/* Navigation */
.navigation {
padding: 163px 0 0 142px;
}
.navigation ul {
list-style-type: none;
}
.navigation ul li {
font-size: 1.6em;
font-weight: bold;
text-align: center;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
width: 110px;
}
.navigation ul li a {
color: #f3ceb2;
}
.navigation ul li a:hover {
color: #fff;
}
#welcome {
position: absolute;
color: #fff;
top: 228px;
right: 98px;
width: 224px;
height: 124px;
overflow: hidden;
}
#welcome a {
color: #fff;
}
#welcome span {
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
}
/* Container */
#content-wrapper {
width: 1000px;
margin: 0 auto 35px auto;
padding: 0 0 60px 0;
}
/* Content */
#main-wrapper {
width: 544px;
padding: 12px 0 0 119px;
display: inline;
float: left;
}
.post {
width: 500px;
position: relative;
}
.post h2 {
margin: 0 0 0 5px;
font-size: 1.7em;
padding: 10px 0 3px 0;
border-bottom: 1px dashed #785940;
}
.post h2 a {
color: #785940;
}
.postmetadata {
margin: 2px 8px 0 0;
display: block;
text-align: right;
color: #785940;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.postmetadata a {
text-decoration: underline;
}
.postmetadata a:hover {
text-decoration: none;
}
.post_date {
width: 92px;
height: 40px;
position: absolute;
top: 0;
left: -99px;
color: #4e2c11;
padding-left: 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
text-align: left;
font-weight: bold;
font-size: 1.4em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4BPm1EgPOKUH83azDSQIWobio5oWBxPt4ma1ey_h2IbQWDBb1w-b9z4N0-3Puc2wGqNNfczS8HDXNw9Pd0eNVFFQdVLfWwvex_RVBW6paLpr2cj-UI6z3HMK30WLKRlkj2i8sdqkqVX8/s1600/date_bg.jpg) no-repeat left top;
}
.post_date span {
display: block;
margin-left: -3px;
font-size: 2em;
}
.post-body {
overflow: hidden;
width: 490px;
margin: 0px 0 0 10px;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
}
.post-footer {
padding: 10px 0 0 0;
}
.post-author {
font-size: 1.2em;
color: #623200;
margin: 10px 0 0 10px;
}
.post-author a {
text-decoration: underline;
}
.post-author a:hover {
text-decoration: none;
}
.post-timestamp {
font-size: 1.2em;
color: #623200;
margin: 10px 0 0 10px;
}
.post-timestamp a {
text-decoration: underline;
}
.post-timestamp a:hover {
text-decoration: none;
}
/* searchform */
#searchform {
position: absolute;
top: 441px;
right: 98px;
padding: 0 0 0 0;
height: 30px;
}
.searchtext {
width: 142px;
color: #666;
font-weight: bold;
border: 0;
background: none;
}
#searchsubmit {
border: 0;
width: 35px;
height: 26px;
}
.sidebar_ads {
padding-left: 51px;
}
/* Sidebar */
#sidebar-wrapper {
margin: 227px 0 0 0;
width: 304px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK0vHKA3wonKXV7TVvDlPby5fd5KIubr49BwknnXPsQD3BrlU4QTiTL9-5CjrV4znOFD1yjg2yorQNNguRyAJgRqJGOHWZ8B94Z2yNgKZyyvhmwvBqjrEDw8NeUiwNBCkCcg1kj6s56SE/s1600/sidebar_bg.jpg) repeat-y left top;
float: left;
color: #e39263;
}
#sidebar{
padding-left: 61px;
}
#sidebar-wrapper .widget{
width: 170px;
font-size: 1.2em;
padding: 0 0 15px 0;
}
#sidebar-wrapper .widget a{
color: #e39263;
}
#sidebar-wrapper h2{
color: #e97d3f;
padding: 5px 0 5px 26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWSQKXob5FVhovjnvZ__I5IH0Nvf3OtH3X6F00AfhuhnbE_w4SeCBmfb_PJGinkO0Evu0cjXNWco9Zy2noSPfAnNEUqebrEwI3QHs7ZUznEoYsOE-1B3CFvl7yysay43wpnjWSzhWBF5A/s1600/sidebar_title_bg.gif) no-repeat left 5px;
font-size: 1.6em;
width: 170px;
}
#sidebar-wrapper ul {
/* width: 180px;
overflow: hidden;
padding-left: 61px;*/
list-style-type: none;
padding: 0 0 0 27px;
width: 160px;
font-size: 11px;
}
#sidebar-wrapper ul a {
color: #e39263;
}
#sidebar-wrapper ul h2 {
color: #e97d3f;
padding: 5px 0 5px 26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWSQKXob5FVhovjnvZ__I5IH0Nvf3OtH3X6F00AfhuhnbE_w4SeCBmfb_PJGinkO0Evu0cjXNWco9Zy2noSPfAnNEUqebrEwI3QHs7ZUznEoYsOE-1B3CFvl7yysay43wpnjWSzhWBF5A/s1600/sidebar_title_bg.gif) no-repeat left 5px;
font-size: 1.6em;
}
#sidebar-wrapper ul li {
/* margin: 10px 0 15px 0;*/
width: 140px;
overflow: hidden;
padding: 3px 0 3px 14px;
font-size: 1.2em;
margin: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsyLe21A_jTglLtwpndyKWY-t5UJNii91cbUace-j3iHJWd22ohugMO5dl6N8MeKjzI37FsXfRoZDEjKQUsO2ugrUThbRPF4HJT_IBI7XqjkdB5vI-vvG9K8hmWU7s-MgPSyorMrwoeD8/s1600/sidebar_li.gif) no-repeat left 7px;
}
#sidebar-wrapper ul ul {
list-style-type: none;
padding: 0 0 0 27px;
}
#sidebar-wrapper ul ul li {
width: 140px;
overflow: hidden;
padding: 3px 0 3px 14px;
margin: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsyLe21A_jTglLtwpndyKWY-t5UJNii91cbUace-j3iHJWd22ohugMO5dl6N8MeKjzI37FsXfRoZDEjKQUsO2ugrUThbRPF4HJT_IBI7XqjkdB5vI-vvG9K8hmWU7s-MgPSyorMrwoeD8/s1600/sidebar_li.gif) no-repeat left 7px;
}
#sidebar-wrapper ul ul li a {
color: #e39263;
}
#sidebar-wrapper ul ul ul {
margin: 0;
padding: 0;
}
#sidebar-wrapper ul ul li li {
font-size: 1.2em;
}
#sidebar-wrapper select {
width: 180px;
}
#sidebar_bottom {
width: 304px;
height: 44px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDjkfvctxsuzuBw3YhAEB1hkMzaD7n3fTYQoBXAMEC_JRxKDeCm0ShYHpEGDTe8zb37Uk3h1gYmTwixiScbQrTN6pnUO9obh_aeXFab6huRtl1AkL37QOVEkSOsSWBvdb9w3XI2pFyCjw/s1600/sidebar_bottom_bg.jpg) no-repeat left top;
}
#BlogArchive1 ul{
list-style-type: none;
padding: 0 0 0 5px;
width: 160px;
font-size: 11px;
}
#BlogArchive1 ul li {
width: 140px;
overflow: hidden;
padding: 3px 0 3px 14px;
font-size: 1.2em;
margin: 0;
background-image: none;
}
#BlogArchive1 ul ul {
list-style-type: none;
padding: 0 0 0 0;
}
#BlogArchive1 ul ul li {
width: 140px;
overflow: hidden;
padding: 3px 0 3px 14px;
margin: 0;
background-image: none;
}
/* Social Bookmarking */
.bookmark {
margin: 18px 0 0 10px;
}
.bookmark ul {
display: inline;
}
.bookmark ul li {
width: 24px;
height: 24px;
display: inline;
list-style-type: none;
}
.bookmark_line img {
border: 0;
}
.bookmark_icon:hover {
opacity:1;
filter:alpha(opacity=100);
}
.bookmark_icon {
opacity:0.4;
filter:alpha(opacity=40);
}
/* Comments */
.read_comments {
height: 32px;
text-align: right;
margin: 10px 10px 0 0;
}
.read_comments a {
font-size: 1.2em;
font-weight: bold;
}
h3#comments {
padding: 0 0 0 10px;
}
h3#comments, #respond h3 {
padding-top: 10px;
font-size: 1.4em;
color: #333;
}
#commentform {
margin: 5px 0 0 0;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform textarea {
width: 98%;
padding: 2px;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform p {
margin: 5px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
.comments {
/* margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;*/
font-weight: normal;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.comments .comment-author {
font-weight: bold;
font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.comments dl.avatar-comment-indent{
}
.comments dl {
border-left: 1px solid #666666;
background-color: #A98572;
padding: 10px;
width: 400px;
}
.comments dd {
margin: 10px 5px 10px 0;
font-weight: normal;
line-height: 1.5em;
font-size: 1.2em;
text-transform: none;
}
#respond {
padding: 0 0 0 10px;
color: #333;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.commentlist {
padding: 0 0 0 10px;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
font-weight: bold;
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
font-size: 1em;
}
.commentlist p {
margin: 10px 5px 10px 0;
font-weight: normal;
line-height: 1.5em;
font-size: 1.2em;
text-transform: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #333;
padding: 2px;
background: #fff;
}
.commentlist li a {
color: #000;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.2em;
}
.nocomments {
text-align: center;
}
.commentmetadata {
font-size: 1.2em;
display: block;
font-weight: normal;
}
.thread-alt {
background-color: #dcbea4;
}
.thread-even {
background-color: #e3cbb3;
}
.depth-1 {
border: 1px solid #000;
}
/* Footer */
#footer-wrapper {
width: 1000px;
margin: 0 auto;
clear: both;
color: #40200b;
font-size: 1.2em;
text-align: left;
}
.credit {
padding: 5px 0 10px 220px;
font-size: 1.2em;
text-align: left;
margin: 0 auto;
}
.credit a {
color: #40200b;
text-decoration: none;
}
/* Images */
p img {
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* Captions */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
}
#main-wrapper .post-body ul {
margin: 0 24px;
padding: 0;
list-style-type: disc;
}
#main-wrapper .post-body ol {
margin: 0 0px;
padding: 0 30px;
list-style-type:decimal;
}
#blog-pager{
text-align:center;
font-size:11px;
padding: 0 0 15px 0;
width:500px;
}
#blog-pager-older-link{
float:right;
padding-right:57px;
}
#blog-pager-newer-link{
float:left;
}
.jump-link{
font-size: 1.2em;
padding: 5px 0 0 10px;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='bottom_frame'><div id='top_frame'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pendidikan Keluarga Dalam Islam (Header)' type='Header'/>
</b:section>
<div id='rss'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS' height='67' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtxZ8_2mjlNjXmtZEoVH6-dJVpvVUgrXN_Qfszhc_8rh_mzqJYMjBKG8wSmel0eOXtY8t2wi26xutW6Fh87M-BGf3NypMUQVxPiY8KrHUYJ0roRPEMGBSKJbaxTGLdn-C_Z-y5h319y8/s1600/spacer.gif' width='64'/></a></div>
<!-- replace the links with pages from your site -->
<div class='navigation'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl'>About Us</a></li>
<li><a expr:href='data:blog.homepageUrl'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl'>FAQ</a></li>
</ul>
</div>
<!-- replace the welcome note here -->
<div id='welcome'><span>"Apabila di dalam diri seseorang masih ada rasa malu dan takut untuk berbuat suatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya ia dengan kemajuan selangkah pun"</span></div>
<div id='searchform'><form action='/search' id='search_form' method='get'>
<input type="text" class="searchtext" value="" name="q" id='s' onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = '';}"/> <input id='searchsubmit' type='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtxZ8_2mjlNjXmtZEoVH6-dJVpvVUgrXN_Qfszhc_8rh_mzqJYMjBKG8wSmel0eOXtY8t2wi26xutW6Fh87M-BGf3NypMUQVxPiY8KrHUYJ0roRPEMGBSKJbaxTGLdn-C_Z-y5h319y8/s1600/spacer.gif' alt='Search' value='' title='Search' /></form>
</div>
</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div><!-- main-wrapper end -->
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
<div id='sidebar_bottom'/>
</div><!-- sidebar-wrapper end-->
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
<div class='credit'>
Copyright 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.<br/>
Free WordPress Themes Presented by <a href='http://www.ezwpthemes.com/'>EZwpthemes</a>. <br/>Bloggerized by <a href='http://missdothy.com'>Miss Dothy</a>
</div>
</div></div></div> <!-- end outer-wrapper -->
</body>
</html>
Langganan:
Postingan (Atom)