Memdifikasi Blockquote Dengan Judul

Hai sobat posting pagi ini adalah tentang Memodifikasi Blockquote Dengan Judul bagaimana baru lihat judulnya sudah penasaran nih cara ini hanya menambahkan sedikit css langsung bisa ada judulnya langkahnya ikuti
1. login ke blogger
2. rancangan => edit html
3. cari kode ]]></b:skin> letakkan kode berikut diatas kode tadi

.post blockquote {
margin-left: 15px;
padding: 5px 5px 5px 10px;
background: #565654;
border: #ada171 solid 1px;
font: normal 12px/14px Monaco, Monospace;
border-left: #ada171 solid 5px;
position: relative
}
.post blockquote[rel] {
padding-top: 25px;
}
.post blockquote[rel]::before {
content: attr(rel);
font: bold 12px/22px Arial, Sans-Serif;
color: white;
background-color: #b4a97e;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
left: 0;
text-transform: uppercase
}

 ket : berwarna merah adl background sobat
4. Kemudian simpan template

Perhatian biasanya anda memposting dengan blockquote sebagai berikut

<blockquote>
tulis postingan sobat
</blockquote>

anda perlu menambahkan kode agar menjadi seperti berikut

</blockquote rel="contoh>
tulis postingan sobat
</blockquote>

Nah untuk tulisan contoh bisa anda ganti dengan judul blockquote sobat silahkan mencoba

Read more

Mengganti Warna Tampilan Cbox

Hai sobat blogger kali ini adalah posting tentang Mengganti Warna Tampilan Cbox mungkin sobat sudah bosan dengan tampilan cbox yang seperti biasa kali ini saya akan membuat sobat tidak bosan dan tetep betah aja deh. Oke langsung saja pada pembuatan
1. login ke cbox dengan akun sobat




2. kemudian pilih look & feel => edit css (pada bagian atas)




3. sobat akan menemukan kata default pada paragraf kedua kemudian klik
4. Jika sudah pilih salah satu gambar yang keren



5. Jika sudah memilih klik gambar tersebut kemudian confirm

Sudah selesai sobat ternyata sangat mudah bukan cara menggantinya semoga artikel ini bermanfaat

Read more

Membuat Chat Facebook Di Blog

Hai sobat blogger posting kali ini adalah tentang membuat chat  facebook di blog blog kali ini telah membuat chating sendiri ternyata yang memiliki fasilitas chating tidak hanya facebook dan mesengger tetapi blog juga sudah punya sendiri berikut gambarnya

Cara pasang chat facebook di blog
1. login ke blogger
2. rancangan => elemen halaman
3. pada kolom footer klik tambahkan gadget
4. pilih html/js
5. masukan kode berikut taruh pada kotak yang disediakan

<script type="text/javascript" src="http://www.footerchat.com/chat/cons.js"></script><br /><script type="text/javascript"> autoLogin('Username');</script>

6. Jika sudah save template

Read more

Membuat Menu Horizontal Blackred

Hai sobat kali ini adalah posting tentang Membuat Menu Horizontal Blackred bagaimana sobat sudah tau bukan dengan tema hari ini adalah tentang membuat menu horizontal berwarna merah dan hitam ini menurut saya sih sudah keren ini dia screenshotnya

caranya
1. login ke blogger
2. rancangan => edit html
3. cari kode ]]></b:skin> letakkan kod berikut diatas kode tadi

#topbar{;border: 1px solid #222;background-color: #111;background-image: -moz-linear-gradient(#444, #111);background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));width:100%;border-top:1px solid #000;margin:0 auto;padding:0 auto;border-top:5px solid #e30c0c;}
#top-wrapper{width:100%;height:30px;margin:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;padding:6px 10px 8px;border-left:1px solid #ccc}
#top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW417E4yXE7ado13M5bf2lJbx2Gf9ypF-D-Z84UMmtIjD4RJ3_WmOTpljQuu9imF7wh4TXSTMhmOjpCpNQrNZFsRKnNxTdSS0AkHemIgacTxv27OhVVrlkBv0h9rj61DJff1La3Va30w4/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:6px 24px 8px 10px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:160px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:4px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#4c4c4c;padding-bottom:0;}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background:#e30c0c;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #444;display:block;font-size:1px;height:0;line-height:0;margin:0}
#top ul a:hover{background-color:#e30c0c!important;color:#fff!important;text-decoration:none}

4. cari kode

 <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Greyghost (Header)' type='Header'/>
</b:section>
  </div>

5. kemudian letakkan kode berikut dibawah kode tadi

 <div id='topbar'>
<div id='top-wrapper'>
<ul id='top'>
<li><a href='http://eko-tipsntrick.blogspot.com' style='background:#e30c0c;'>Home</a></li>
<li><a href='http://eko-tipsntrick.blogspot.com/2012/04/daftar-isi.html'>Sitemap</a></li>
<li><a class='arrow' href='#'>Contact Us</a>
<ul>
<li><a href='http://www.blogger.com/profile/17408571515369499460'>Contact on Blogger</a></li>
<li class='hr'/>
<li><a href='http://www.facebook.com/ggkjy'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='http://www.twitter.com/eko_boement25'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='#'>Sport</a></li>
<li><a href='#'>Culture</a></li>
<li><a class='arrow' href='#'>Category</a>
<ul>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/blogging'>NgeBlog</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/cinta'>Love</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/Download'>Download</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/Games'>Games</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/info'>Info</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/pantun'>Pantun</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/tips%20n%20trick'>Tips Trik</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/ilmu%20alam'>Ilmu alam</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/internet%20gratis'>Internet Gr4tiz</a></li>
<li class='hr'/>
<li><a href='http://eko-tipsntrick.blogspot.com/search/label/kata%20mutiara'>Kata mutiara</a></li>
</ul>
</li>
<li><a href='#'>Health</a></li>
<li><a class='arrow' href='#'>Design</a>
<ul>
<li><a href='#'>Art</a></li>
<li class='hr'/>
<li><a href='#'>Blog</a></li>
<li class='hr'/>
<li><a href='#'>Website</a></li>
</ul>
</li>
<li><a class='arrow' href='#' style='background:#e30c0c;'>More</a>
<ul>
<li><a href='#'>Themes</a></li>
<li class='hr'/>
<li><a href='#'>Tutorial</a></li>
<li class='hr'/>
<li><a href='#'>Resource</a></li>
<li class='hr'/>
<li><a href='#'>Advertise</a></li>
<li class='hr'/>
<li><a href='#'>Javascript</a></li>
</ul>
</li>
</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>

 Ket :
    Yang berwarna merah adalah URL sobat
    Yang berwarna biru adalah judul sobat
6. kemudian simpan template dan lihat hasilnya

Read more

Mengganti Emoticon Pada Cbox

Hai sobat kali ini saya akan memberikan tips tentang mengganti emoticon pada cbox cara menggantinya sangatlah mudah. Caranya ada dibawah ini
1. login ke cbox



2. jika sudah pilih options => smilies
3. pada use smilies set kamu ganti dengan custom kemudian apply




4. kemudian kamu ganti url gambarnya kalo menurut saya sih emoticonnya lebih keren di addemoticons.com
5. jika sudah selesai kamu save changes






Sudah selesai sobat kalo tidak percaya silahkan dicek semoga bermanfaat

Read more