Memasang Peringatan di Bawah Postingan

cara Memasang Peringatan di Bawah Postingan. Tutorial ini saya terapkan di Blogger/Blogspot.Yang Wordpress saya belum Bisa.Maksud dari Judul Tersebuat adalah Kita akan memasang Sebuah Peringatan Seperti ini:

 Tapi anda Juga bisa mengubahnya sesuai dengan Kreativitas anda sendiri.Bagaimana apakah anda tertarik dengan artikel Memasang Peringatan di Bawah Postingan? Langsung saja Ke TKP....
1. Login Di BLogger.com atau draft.blogger.com
2. Langsung saja Masuk Ke Tab Tat Letak--->Edit HTML
3. Centang Expand Template Widget








4. Cari Kode ]]></b:skin> lalu pastekan kode Di bawah ini Diatas Kode ]]></b:skin>

.bawahpost{
padding:10px;
margin:10px 0px;
background:url("http://i989.photobucket.com/albums/af13/vikost/23.png?t=1270535273");
border:2px solid #000000;
line-height:1.6em;
-moz-border-radius-topleft:13px;
-moz-border-radius-bottomright:13px;
}

5. Lalu,Cari Kode Seperti ini <data:post.body/>
6. Pastekan Kode Berikut ini dibawah kode <data:post.body/>

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

<div class='bawahpost'>
<a href='http://www.copyscape.com/duplicate-content/' style='clear: left; float: left; margin-bottom: 1em; margin-right: 1em;'><img alt='http://banners.copyscape.com/images/cs-wh-120x60.gif' src='http://i989.photobucket.com/albums/af13/vikost/KOPIPASTE.jpg?t=1270532191'/></a> Jangan Asal Copy Paste Artikel Diatas!!! Jika Anda Ingin Mengcopy  Artikel <strong><data:post.title/></strong> ke blog anda,Jangan Lupa diberi Sumbernya <strong><data:post.url/></strong>. Karena Artikel Blog Juga Merupakan Suatu Karya Cipta.<a href='http://id.wikipedia.org/wiki/Hak_cipta'>(UU Hak Cipta)</a> 
</div>
</b:if>

7.SIMPAN TEMPLATE
Semoga Artikel Cara Memasang Peringatan di Bawah Postingan Di Blogger/blogspot dapat bermanfaat bagi Anda semua

Read more

Memasang Tombol Share ke Facebook dan Twitter

Facebook dan Twitter

Salam Terhangat Buat Bloger Indonesia...apa kabar nih.Pasti Baik-baik saja ya. Cara Memasang Tombol Share ke Facebook dan Twitter.Pasti anda sudah mengenal Facebook dan Twitterkan bahkan mempunyai akunnya. Supaya Akun Blogger/Facebook/Twitter anda Ramai Komentar coba anda bagi-bagikan Suatu artikel yang berguna dari "blog anda sendiri"  buat Sahabat-sahabat anda. Cara pasangnya mudah kok Begini:

1. Login ke Blogger.com
2. Masuk Ke Tab "Rancangan"
3. Pilih Edit/HTML
4. Centang Expand Template Widget
5. Cari kode ini: <p><data:post.body/></p> atau <data:post.body/>
6. Masukkan Kode Dibawah ini Diatas Kode No.6

<div style='float:right; margin:0 0 10px 10px; text-align:center;'>
KODE-FACEBOOK
<br />
<br />
KODE-TWEETMEME</div>

7. Ganti Tulisan yang Berwarna Merah dengan Kode Seperti ini

Kode Share Facebook
Kode Share Facebook-1

<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

Kode Share Facebook-2

<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

Kode Share Twitter
Kode Share Twitter-1

<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Kode Share Twittwr-2

<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Semoga Artikel Cara Memasang Tombol Share ke Facebook dan Twitter dapat bermanfaat Bagi Anda Semua.

Read more

Cara Membuat Tab View yang Sederhana tapi Elegan

Sewaktu saya Chat Di Shoutmix. Luthfi  Meminta Diberikan Cara Membuat Tab View yang Sederhana tapi Elegan.Jadi Kali ini saya akan Menjawab Pertanyaan itu.Oleh karena itu Tutorial Blog/Trik Blog Kali ini KangTiar aka Mengulas "Cara Membuat Tab View yang Sederhana tapi Elegan". Di BLog KangTiar Cara ini Digunakan Untuk Mengganti Buku Tamu.yang ini Low...

Langsung saja ya...buatnya.
Kita lihat langkah pertama:
1. Login > Layout/tata Letak > Edit HTML
2. Cek Expand Template Widget
3. Paste-kan kode berikut di atas kode </head>

<script src='http://die-silver.googlecode.com/files/ardi33tabviewv2.js' type='text/javascript'/>

4. Kalau sudah, letakkan kode berikut di atas kode ]]></b:skin>

div.Tabardi33 div.TFs
{height: 30px; overflow: hidden;}
div.Tabardi33 div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;letter-spacing:-0.07em;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabardi33 div.TFs a:hover
{ background: #E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabardi33 div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabardi33 div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1; padding:0;background: #ffffff; -moz-border-radius:5px;}
div.Tabardi33 div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabardi33 div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}

5. Klik Simpan perubahan dan Sekarang menuju ke Elemen halaman
6. Klik Tombol Add gadget > HTML/Javascript
7. Letakkan kode berikut dalam content:

<form action="tabardi33.html" method="get">
<div class="Tabardi33" id="Tabardi33">
<div class="TFs">
<a>tab1</a>
<a>tab2</a>
<a>tab3</a>
<a>tab4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 1 anda

</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->

Disini letakkan kode untuk tab 2 anda

</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 3 anda

</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">

Disini letakkan kode untuk tab 4 anda

</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabardi33_name('Tabardi33');</script>

Perhatikan tulisan yg berwarna:
Hijau   : Judul Tab
Merah : Isi untuk masing-masing tab

8. SIMPAN
Semoga Artikel Cara Membuat Tab View yang Sederhana tapi Elegan bisa bermanfaat bagi para Blogger.

Read more