belajar dan berbagi

Pembiayaan Griya BSM

Pembiayaan Griya BSM

Pembiayaan Griya BSM adalah pembiayaan jangka pendek, menengah, atau panjang untuk membiayai pembelian rumah tinggal (konsumer), baik baru maupun bekas, di lingkungan developer maupun non developer, dengan sistem murabahah.
Akad:
Akad yang digunakan adalah akad murabahah
Akad murabahah adalah akad jual beli antara bank dan nasabah, dimana bank membeli barang yang dibutuhkan dan menjualnya kepada nasabah sebesar harga pokok ditambah dengan keuntungan margin yang disepakati.
Manfaat:
Membiayai kebutuhan nasabah dalam hal pengadaan rumah tinggal (konsumer), baik baru maupun bekas
Nasabah dapat mengangsur pembayarannya dengan jumlah angsuran yang tidak akan berubah selama masa perjanjian.
Fitur:
Angsuran tetap hingga jatuh tempo pembiayaan
Proses permohonan yang mudah dan cepat
Fleksibel untuk membeli rumah baru atau second
Maksimum plafon pembiayaan sampai dengan Rp5 milyar
Jangka waktu pembiayaan yang panjang
Fasilitas autodebet dari Tabungan BSM.
Persyaratan:
WNI cakap hukum
Usia minimal 21 tahun dan maksimal 55 tahun pada saat jatuh tempo pembiayaan
Maksimum pembiayaan 70% dari harga beli rumah
Besar angsuran tidak melebihi 40% dari penghasilan bulanan bersih.
Dokumen yang diperlukan:
Fotokopi KTP pemohon
Fotokopi Kartu Keluarga
Fotokopi Surat Nikah (bila sudah menikah)
Asli slip Gaji & Surat Keterangan Kerja
Fotokopi Tabungan/Rekening Koran 3 bulan terakhir
Fotokopi NPWP untuk pembiayaan di atas Rp50 juta
Fotokopi rekening telepon dan listrik
Fotokopi SHM/SHGB
Fotokopi IMB dan Denah Bangunan.
Sumber: Pembiayaan Griya BSM

Template Blogspot Klasik Thisaway (Rose)

Template Blogspot Klasik Thisaway (Rose)

Blogger Template Style
Name: Thisaway (Rose)
Designer: Dan Rubin
URL: www.superfluousbanter.org
Date: 29 Feb 2004
Updated by: Blogger Team

Bagi yang menggunakan template klasik ini silahkan copy semua kode dibawah ini, kemudian pastekan pada kolom Template › Edit HTML, jangan lupa conteng Expand Template Widget




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>

<$BlogMetaData$>

<style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name: Thisaway (Rose)
Designer: Dan Rubin
URL: www.superfluousbanter.org
Date: 29 Feb 2004
----------------------------------------------- */


/* global
----------------------------------------------- */
body {
margin: 0;
padding: 0;
text-align: center;
min-width: 760px;
background: #ce436e url(http://www.blogblog.com/thisaway_rose/bg_body.gif) repeat-x left top;
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
color: #632035;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #f7d8e2;
border-right: 6px solid #f7d8e2;
color: #ba476b;
}

code {
color: #ba8094;
}

hr {
display: none;
}


/* layout
----------------------------------------------- */
@media all {
#wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
}

#blog-header {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway_rose/bg_header_bottom.gif) no-repeat left bottom;
}

#blog-header div {
background: #632035 url(http://www.blogblog.com/thisaway_rose/bg_header.gif) repeat-x left bottom;
}

#main-wrapper {
position: relative;
width: 760px;
background: #f7f0e9 url(http://www.blogblog.com/thisaway_rose/bg_main_wrapper.gif) repeat-y left top;
}

#main-content {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
}

#content-wrapper {
padding: 22px 0 0 0;
background: url(http://www.blogblog.com/thisaway_rose/bg_content.gif) repeat-x left top;
}
}
@media handheld {
#wrapper {
width: 90%;
}

#blog-header {
background:none;
}

#blog-header div {
background: #632035;
}

#main-wrapper {
width: 100%;
background: #f7f0e9;
}

#main-content {
float: none;
width: 100%;
}

#content-wrapper {
background: none;
}
}

.post {
margin: 0 16px 14px 29px;
padding: 0;
border-bottom: 3px solid #f7d8e2;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0ced8;
background-color: #f5e4e9;
}

@media all {
#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 269px;
color: #761c37;
background: url(http://www.blogblog.com/thisaway_rose/bg_sidebar.gif) repeat-x left top;
}

#sidebar {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway_rose/bg_sidebar_arrow.gif) repeat-y 179px 0;
}

#blog-footer {
padding-top: 15px;
background: url(http://www.blogblog.com/thisaway_rose/bg_footer_top.gif) no-repeat left top;
}

#blog-footer div {
background: #491525 url(http://www.blogblog.com/thisaway_rose/bg_footer.gif) repeat-x left top;
}
}
@media handheld {
#sidebar-wrapper {
float: none;
width: 100%;
background:none;
}

#sidebar {
background:none;
}

#blog-footer {
background:none;
}

#blog-footer div {
background: #491525;
}
}

#profile-container {
margin-bottom: 20px;
}

/* headings
----------------------------------------------- */
#blog-header h1 {
margin: 0;
padding: 26px 0 0 84px;
color: #feeef3;
font-size: 30px;
line-height: 25px;
background: url(http://www.blogblog.com/thisaway_rose/icon_header.gif) no-repeat 16px 26px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
font-size: 10px;
text-transform: uppercase;
color: #c88fa2;
background: url(http://www.blogblog.com/thisaway_rose/icon_date.gif) no-repeat 13px 0;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway_rose/bg_date.gif) no-repeat 0 0;
}

h2.sidebar-title {
padding: 1px 0 0 36px;
font-size: 14px;
color: #bd8095;
background: url(http://www.blogblog.com/thisaway_rose/icon_sidebar_heading.gif) no-repeat 0 45%;
}

#profile-container h2.sidebar-title {
color: #95526a;
background: url(http://www.blogblog.com/thisaway_rose/icon_sidebar_profileheading.gif) no-repeat 0 45%;
}

.post h3.post-title {
margin: 13px 0 0 0;
padding: 0;
font-size: 18px;
color: #ba476b;
}

#comments h4 {
margin-top: 0;
font-size: 16px;
}


/* text
----------------------------------------------- */
#blog-header p {
margin: 0;
padding: 7px 16px 0 84px;
color: #feeef3;
font-size: 10px;
font-weight: bold;
line-height: 14px;
}

.post-body div {
font-size: 13px;
line-height: 18px;
margin: 0;
height: 1%;
overflow: visible;
}

.post-body blockquote {
margin: 10px 0px;
}

p.post-footer {
font-size: 11px;
color: #bd8095;
text-align: right;
}

p.post-footer em {
display: block;
float: left;
text-align: left;
font-style: normal;
}

p.comment-data {
font-size: 12px;
}

.comment-body p {
font-size: 12px;
line-height: 17px;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#sidebar p {
font-size: 12px;
line-height: 17px;
margin-bottom: 20px;
}

#sidebar p.profile-textblock {
clear: both;
margin-bottom: 10px;
}

.profile-link {
padding: 0 0 0 17px;
background: url(http://www.blogblog.com/thisaway_rose/icon_profile.gif) no-repeat 0 0;
}

p#powered-by {
margin: 0;
padding: 0;
}

#blog-footer p {
margin: 0;
padding: 0 0 15px 55px;
color: #feeef3;
font-size: 10px;
line-height: 14px;
background: url(http://www.blogblog.com/thisaway_rose/icon_footer.gif) no-repeat 16px 0;
}


/* lists
----------------------------------------------- */
.profile-data {
font-size: 13px;
line-height: 17px;
}

.post ul {
padding-left: 32px;
list-style-type: none;
font-size: 13px;
line-height: 18px;
}

.post li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway_rose/icon_list_item.gif) no-repeat 0 3px;
}

#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0 0 1px 17px;
background: url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat 0 3px;
}

#sidebar ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
font-size: 12px;
line-height: 14px;
}

#sidebar li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway_rose/icon_list_item.gif) no-repeat 0 3px;
}


/* links
----------------------------------------------- */
a {
color: #bf277e;
font-weight: bold;
}

a:hover {
color: #96095a;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(http://www.blogblog.com/thisaway_rose/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

#sidebar ul a {
color: #e25984;
}

#sidebar ul a:hover {
color: #b02c56;
}

#powered-by a img {
border: none;
}

#blog-header h1 a {
color: #feeef3;
text-decoration: none;
}

#blog-header h1 a:hover {
color: #d9b4c1;
}

h3.post-title a {
color: #ba476b;
text-decoration: none;
}

h3.post-title a:hover {
color: #902245;
}


/* miscellaneous
----------------------------------------------- */
.post-photo {
padding: 3px;
border: 1px solid #ebbdcc;
}

.profile-img {
display: inline;
}

.profile-img img {
float: left;
margin: 0 10px 5px 0;
padding: 3px;
border: 1px solid #ebbdcc;
}

.profile-data strong {
display: block;
}

.clear {
clear: both;
line-height: 0;
height: 0;
}
</style>


</head>

<body>

<!-- #wrapper for centering the layout -->
<div id="wrapper">

<!-- Blog Header -->
<div id="blog-header"><div>
<h1>
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p><$BlogDescription$></p>
</div></div>

<!-- Begin #main-wrapper - surrounds the #main-content and #sidebar divs for positioning -->
<div id="main-wrapper">

<!-- Begin #main - This div contains the main-column blog content -->
<div id="main-content">
<!-- Begin #content-wrapper -->
<div id="content-wrapper">

<Blogger>

<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>


<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>

<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>

<div class="post-body">

<div>
<$BlogItemBody$>
</div>

</div>

<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
</p>

</div>
<!-- End .post -->


<!-- Begin #comments -->
<ItemPage>

<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<h4><$BlogItemCommentCount$> Comments:</h4>

<ul>
<BlogItemComments>
<li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<p class="comment-data">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p>
<div class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</div>
</li>
</BlogItemComments>
</ul>

<p class="comment-data">
<$BlogItemCreate$>
</p>

</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>Links to this post:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>
<br />
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>



<p class="comment-data">
<a href="<$BlogURL$>"><< Home</a>
</p>
</div>

</ItemPage>
<!-- End #comments -->

</Blogger>

</div>
<!-- End #content-wrapper -->

</div>
<!-- End #main-content -->


<!-- Begin #sidebar-wrapper -->
<div id="sidebar-wrapper">
<!-- Begin #sidebar -->
<div id="sidebar">

<!-- Begin #profile-container -->

<$BlogMemberProfile$>

<!-- End #profile -->

<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
</ul>
</MainOrArchivePage>


<h2 class="sidebar-title">Previous Posts</h2>

<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>

<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>

<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>


<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>


</div>
<!-- End #sidebar -->
</div>
<!-- End #sidebar-wrapper -->

<div class="clear"> </div>
</div>
<!-- End #main-wrapper -->

<div id="blog-footer"><div>
<p><!-- If you'd like, you could place footer information here. --> </p>
</div></div>

</div>
<!-- End #wrapper -->

</body>
</html>

Template Blogger Klasik | Blogger Template Style TicTac (Blueberry)

Inilah sebuah template blogspot lawas yang sudah tidak terlihat lagi secara default pada halaman pilihan template blogger. template ini bernama TicTac (Blueberry).



Bagi yang menggunakan template klasik ini silahkan copy semua kode dibawah ini, kemudian pastekan pada kolom Template › Edit HTML, jangan lupa conteng Expand Template Widget

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>

<$BlogMetaData$>


<style type="text/css">


/*
Blogger Template Style
Name: TicTac (Blueberry)
Author: Dan Cederholm
URL: www.simplebits.com
Date: 1 March 2004
*/

/* ---( page defaults )--- */

body {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: small;
text-align: center;
color: #333;
background: #e0e0e0;
}

blockquote {
margin: 0 0 0 30px;
padding: 10px 0 0 20px;
font-size: 88%;
line-height: 1.5em;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

code {
color: #996666;
}

hr {
display: none;
}

img {
border: none;
}

/* unordered list style */

ul {
list-style: none;
margin: 0 0 20px 30px;
padding: 0;
}

li {
list-style: none;
padding-left: 14px;
margin-bottom: 3px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 6px;
}

/* links */

a:link {
color: #6699cc;
}

a:visited {
color: #666699;
}

a:hover {
color: #5B739C;
}

a:active {
color: #5B739C;
text-decoration: none;
}

/* ---( layout structure )---*/

@media all {
#wrap {
width: 847px;
margin: 0 auto;
text-align: left;
background: url(http://www.blogblog.com/tictac_blue/tile.gif) repeat-y;
}

#content {
margin-left: 62px; /* to avoid the BMH */
}

#main-content {
float: left;
width: 460px;
margin: 20px 0 0 0;
padding: 0;
line-height: 1.5em;
}

#sidebar {
margin: 0 41px 0 547px;
padding: 20px 0 0 0;
font-size: 85%;
line-height: 1.4em;
color: #999;
background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat 0 0;
}
}
@media handheld {
#wrap {
width: 90%;
background: none;
}

#content {
margin-left: 0 2% 0 2%;
}

#main-content {
float: none;
width: 100%;
}

#sidebar {
margin: 0 2% 0 2%;
}
}

/* ---( header and site name )--- */

@media all {
#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://www.blogblog.com/tictac_blue/top_div_blue.gif) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #4F73B6 2px 2px 2px;
background: url(http://www.blogblog.com/tictac_blue/top_h1_blue.gif) no-repeat bottom left;
}
}
@media handheld {
#blog-header {
background: #6699cc;
}

#blog-header h1 {
background: none;
}
}

#blog-header h1 a {
text-decoration: none;
color: #fff;
}

#blog-header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-left: 14px;
font-size: 90%;
color: #999999;
background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;
}

h3.post-title {
margin-top: 0;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
letter-spacing: -1px;
color: #993333;
}

.post {
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
border-bottom: 1px solid #ddd;
}

.post-footer {
margin: 0;
padding: 0 0 0 14px;
font-size: 88%;
color: #999;
background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat 0 8px;
}

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}

/* comment styles */

#comments {
padding-top: 10px;
font-size: 85%;
line-height: 1.5em;
color: #666;
background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
}

#comments h4 {
margin: 20px 0 15px 0;
padding: 8px 0 0 40px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
background: url(http://www.blogblog.com/tictac_blue/bubbles.gif) no-repeat 10px 0;
height: 29px !important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}

#comments ul {
margin-left: 0;
}

#comments li {
background: none;
padding-left: 0;
}

.comment-body {
padding: 0 10px 0 25px;
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 10px 5px;
}

.comment-body p {
margin-bottom: 0;
}

.comment-data {
margin: 4px 0 0 0;
padding: 0 10px 1em 60px;
color: #999;
border-bottom: 1px solid #ddd;
background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.comment-link {
margin-left:.6em;
}

/* ---( sidebar )--- */

h2.sidebar-title {
margin: 0 0 0 0;
padding: 25px 0 0 50px;
font-family: "Lucida Grande", "Trebuchet MS";
font-size: 130%;
color: #666;
height: 32px;
background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 20px 15px;
height: 32px !important; /* for most browsers */
height /**/:57px; /* for IE5/Win */
}

#sidebar ul, #sidebar p {
margin: 0;
padding: 5px 20px 1em 20px;
border-bottom: 1px solid #ddd;
}

#sidebar li {
background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 5px;
}

/* profile block */

.profile-datablock {
margin: 0;
padding: 5px 20px 0 20px;
}

.profile-datablock dd {
margin: 0;
padding: 0;
}

.profile-img img {
float: left;
margin: 0 10px 0 0;
padding: 4px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background: #fff;
}

#sidebar p.profile-link {
padding-left: 36px;
background: url(http://www.blogblog.com/tictac_blue/profile_blue.gif) no-repeat 20px 4px;
}

p#powered-by, #sidebar p.profile-textblock {
margin-top: 1em;
border: none;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
clear: both;
height: 0;
}

@media all {
#footer {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
background: url(http://www.blogblog.com/tictac_blue/bottom_sill.gif) no-repeat bottom left;
}

#footer p {
margin: 0;
padding: 20px 320px 20px 95px;
background: url(http://www.blogblog.com/tictac_blue/bottom_sash.gif) no-repeat top left;
}
}
@media handheld {
#footer {
background: none;
}

#footer p {
background: none;
}
}

<ItemPage>
/* ---- overrides for post page ---- */

.post {
padding: 0;
border: none;
}
</ItemPage>
</style>


</head>

<body>

<div id="wrap"> <!-- #wrap - for centering -->

<!-- Blog Header -->
<div id="blog-header">
<h1>
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
</div>


<div id="content"> <!-- #content wrapper -->

<!-- Begin #main-content -->
<div id="main-content">

<Blogger>

<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>


<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>

<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>

<div class="post-body">

<p><$BlogItemBody$></p>

</div>

<p class="post-footer">posted by <$BlogItemAuthorNickname$> at
<a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>
<MainOrArchivePage><BlogItemCommentsEnabled> |
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$></p>

</div>
<!-- End .post -->


<!-- Begin #comments -->
<ItemPage>

<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<h4><$BlogItemCommentCount$> Comments:</h4>

<ul>
<BlogItemComments>
<li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<div class="comment-body">
<p><$BlogCommentBody$></p>
</div>
<p class="comment-data">By <$BlogCommentAuthor$>, at <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$></p>
</li>
</BlogItemComments>
</ul>

<p class="comment-data">
<$BlogItemCreate$>
<br /><br />

</BlogItemCommentsEnabled>
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>Links to this post:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>
<br />
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>



<a href="<$BlogURL$>"><< Home</a>
</p>
</div>

</ItemPage>
<!-- End #comments -->

</Blogger>

<hr />
</div><!-- End #main-content -->
</div><!-- End #content -->



<!-- Begin #sidebar -->
<div id="sidebar">

<h2 class="sidebar-title">About</h2>

<p><$BlogDescription$></p>

<!-- Begin #profile-container -->

<$BlogMemberProfile$>

<!-- End #profile -->

<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
</ul>
</MainOrArchivePage>

<h2 class="sidebar-title">Previous</h2>

<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>

<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>

<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>

<!--<h2 class="sidebar-title">New</h2>

<p>This is a paragraph of text in the sidebar.</p>
-->

<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>


</div>
<!-- End #sidebar -->

<div class="clear"> </div>

<div id="footer">
<p><!-- If you'd like, you could place footer information here. --> </p>
</div>

</div> <!-- end #wrap -->

<!-- c(~) -->
</body>
</html>

Cara mudah bikin recent comment

Cara mudah bikin recent comment, banyak blog-blog yang meletakkan recent comment pada widget/sidebar. recent comment diletakkan pada widget/sidebar gunanya agar setiap ada komentar yang masuk pada blog kita bisa terlihat tanpa kita harus membuka email atau tanpa harus login ke blogger dan tanpa melihat / memeriksa semua posting.
kita mulai Cara mudah bikin recent comment ya:
1. Login ke blogger
2. Tata Letak
3. Tambahkan Gadget
4. Pilih Feed


5. Masukkan url seperti ini:
http://ikhsanu.blogspot.com/feeds/comments/default
ganti ikhsanu.blogspot.com dengan alamat blog sampeyan

6. Simpan
Missing required field "updated"

Missing required field "updated"

Missing required field "updated". Bagaimana cara mengatasinya?
Silahkan dicoba,
1. Login ke blogger
2. Edit html
3. jangan lupa conteng Expand Template Widget
4. cari kode :

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>


timestamp-link diganti dengan update begitu juga published diganti dengan update

jadinya seperti ini

<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

simpan
Max Simple Adsense Ready Theme Faster

Max Simple Adsense Ready Theme Faster

Max Simple Adsense Ready Theme Faster adalah sebuah themes wordpress yang memang benar-benar simple dan loading sangat ringan, Max Simple Adsense Ready Theme Faster telah dilengkapi Theme Settings Panel tentunya dengan beberapa menu setting yang ada di dalamnya, diantaranya:
Header
Navigation Menu
Posts
Featured Image
Excerpt
Pages
Comments
Sidebars
Footer content
Advertisement

(Gambar diambil dari http://maxdesigningstudio.info)

Download Max Simple Adsense Ready Theme Faster

Cara buat header blog jadi 2 kolom

Sering kita melihat blog-blog atau website yang menampilkan iklan tepatnya disamping header / sejajar dengan nama blog. Namun pada template bawaan blogspot biasanya belum terdapat hal demikian. jadi posting kali ini saya ingin rasanya membuat sebuah posting tentang Cara buat header blog jadi 2 kolom.

Ayo kita mulai untuk membuat Cara buat header blog jadi 2 kolom:
1. Seperti biasanya kita harus login ke blogger.com
2. Template >>> Edit HTML (Contreng "Expand Template Widget " )
3. cari kode :





.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

Ganti kode tersebut dengan kode di bawah ini:





.header-outer {

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

_background-image: none;min-height: 154px;

#header {

width: 45%;

margin-right: 10px;float: left; }

#bgsGR_headerkanan {

float: right;

width: 49%;
margin: 20px 10px 5px 10px;

padding: 2px;}

#bgsGR_headerkanan .widget {margin: 3px;}






cari lagi kode


<div class='region-inner header-inner'>

setelah kode tersebut tambahkan kodedibawah ini :



<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

SIMPAN

cara buat www.com

Cara buat www.com

,

cara membuat www

,

atau cara buat www.com

, untuk membuat www tentunya anda harus memiliki blog / website untuk membuat blog. Blog kita bisa buat pada :

1.Blogspot

Cara buat www pada blogspot silahkan lihat Cara bikin blog, silahkan ikuti saja petunjuknya. Ada beberapa kelebihan pada blogspot, yaitu sangat mudah bikinnya, bisa gonta ganti template/tampilan. bisa menghasilkan uang dengan Google Adsense.

2. Wordpress

.
Cara buat www pada Wordpress silahkan lihat Cara bikin blog wordpress

3. Weebly

"Cara buat www pada weebly", silahkan lihat Cara bikin blog di weebly.com
Pada blog weebly ini juga bisa untuk mendapatkan uang melalui Google adsense, dan biasanya untuk membuat adsense pada weebly ini tanpa menunggu tenggang waktu / jarak pembuatan blog dengan waktu pendaftaran Google Adsense. jadi begitu kita selesai bikin blog bisa langsung daftar Google adsense.

Jika kita ingin buat www dengan nama sendiri, atau mengganti nama blog yang telah di bikin dengan NAMASENDIRI, atau nama PERUSAHAAN / ORGANISASI dan cara buat www dengan domain sendiri kita harus terlebih dahulu membeli domain, untuk membeli domain bisa dipesan/dibeli DISINI , untuk tekhnisnya bisa langsung hubungi CS-nya. itulah posting tentang "Cara buat www.com" semoga bermanfaat.
Itulah sedikit tentang cara membuat www, cara buat www, cara membuat www, atau cara buat www.com semoga bermanfaat

Cara buat menu bar blogspot tanpa edit html


- Login ke blogger
- Lay Out (lihat gambar)

Cara buat menu bar blogspot tanpa edit html

- Add Gadget
- HTML/JavaScript
- Masukkan kode berikut pada HTML/JavaScript





- Ganti url http://ikhsanu.blogspot.com dengan link yang kita inginkan
- Save / Simpan
- Tarik / Pindahkan Gadget yang telah di simpan ke atas posting / dibawah header
Cara buat menu blog / Cara buat menu bar

Cara buat menu blog / Cara buat menu bar

Menu bar adalah sebuah bar yang biasanya berada dibawah header atau atas header.




Pada template asli / bawaan blogger biasanya menu bar ini belum terpasang, sebenarnya kita juga bisa membuat menubar melalui menu Layout > Add Gadget. tetapi kali ini kita coba membuat menu bar dengan menggunakan kode html

1. Jangan lupa Login ke blogger
2. Template >>> Edit HTML (Contreng "Expand Template Widget " )
3. Letakkan kode berikut dibawah






4. Ganti url http://ikhsanu.blogspot.com dengan link yang kita inginkan
5. save

Cara menghilangkan navbar blogspot

Kalau pada posting sebelumnya adalah Cara menghilangkan navigation bar, lalu pada posting ini adalah Cara menghilangkan navbar blogspot, sebenarnya hampir sama, tetapi pada posting kali ini adalah Cara menghilangkan navbar blogspot yang lebih muda, tanpa melihat kode-kode yang buanyak.
lagi kita mulai Cara menghilangkan navbar blogspot.
1. Seperti biasa harus login ke blogger
2. Layot (lihat gambar)



3. Klik Navbar, yang ada di halaman Layout / Tata letak dan selanjutnya akan tampil sebuah halaman Navbar Configuration


4. Conteng Off lalu SAVE / Simpen
5. Deleng asile, wes ilang opo durung yo..........

Cara menghilangkan navigation bar

setelah kita membuat blog baru bearti memiliki blog ya..., maka pada sebuah blog baru kita biasanya akan terlihat sebuah Bar pada atas blog kita seperti inilah bar yang dimaksud:

kita telah melihat navigation bar, biasanya beberapa orang tidak menghendaki tampilnya navigation bar seperti diatas.
Langsung saja kita ke cara menghilangkan navigation bar.
1. Pasti harus login ke blogger
2. Template >>> Edit HTML (Contreng "Expand Template Widget " )
3. Masukkan kode berikut diatas ]]></b:skin>:


#navbar-iframe {
display: none !important;
}



4. Simpan Template

Cara mengubah template blogspot

cara mengubah template blogspot

Pada posting sebelumnya adalah tentang cara membuat blog terbaru , jadi kali ini saya mencoba untuk posting tentang cara mengubah template blogspot. Biasanya setelah kita membuat blog, maka salah satu keinginan kita selanjutnya adalah mengubah template blog. Lalu bagaimana cara mengubah template blogspot yang telah kita buat, inilah sedikit tentang cara mengubah template blogspot, dan cara yang kita gunakan ini adalah cara mengubah template blogspot standar.
Mari kita mulai cara mengubah template blogspot :
1. Untuk mengubah template blogspot tentunya harus login dulu.
2. Setelah login, kita akan berada pada halaman blogger, lalu klik tanda panah yang mengarah ke bawah disamping View Blog, klik Template. Lihat gambar

3. Setelah klik template, halaman kita akan seperti gambar dibawah ini

Dan inilah beberapa template pilihan yang bisa kita gunakan untuk menggantikan template / tampilan blog kita. Template yang telah tersedia ada bebarapa macam pilihan, dan terdiri dari bebeapa kategori yaitu : Dynamic Views, Simple, Picture Window, Awesome Inc., Watermark, Ethereal
Mari kita lihat gambar template blogspot yang telah tersedia:


4. Selanjutnya, setelah kita menentukan pilihan yang sesuai, lalu klik Apply To Blog
5. Silahkan lihat hasilnya dengan cara klik View blog.
Cara mengatur jarak judul posting dengan Header

Cara mengatur jarak judul posting dengan Header

Cara mengatur jarak judul posting dengan Header
pada beberapa template terkadang jarak antara judul dengan header terlalu jauh atau mungkin terlalu dekat, jadi untuk mengatur sesuai dengan keinginan kita adalah sebagai berikut:

Cari "#main-wrapper"
jika sudah ketemu, kurang lebih kodenya akan seperti ini :
#main-wrapper {

margin: 0 69px 0 0;

padding-top:
0px;

width:450px;

verflow:hidden

Pada pedding-top silahkan ganti sesuai dengan keinginan
Tag: mengatur jarak, jarak posting, jarak header, posting dengan header, mengatur jarak judul
Cara bikin border pada posting

Cara bikin border pada posting

Berikut ini cara bikin border pada pinggir posting.
cari code .post {
lalu letakkan kode ini dibawahnya
.border-top: $(header.bottom.border.size) solid $(tabs.border.color);
border-top: $(header.border.size) solid $(tabs.border.color);
border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

margin-left: 3px;
margin-right: 3px;
margin-top: 3px;
margin-bottom: 3px;

padding-top: 3px;
padding-right: 20px;
padding-bottom: 3px;
padding-left: 20px;
Back To Top