Selamat datang di blog saya

Download Template Mirip Facebook....


Facebook Blogger Template - Apakah anda ingin tampilan blog anda mirip dengan tampilan facebook? jangan khawatir, karena sekarang saya akan berbagi Template Blogger Facebook. Facebook Blogger Template adalah template yang cukup unik dan menarik, karena memang template ini sangat mirip dengan tampilan di facebook. Warna biru untuk menu dan latar belakang, fitur read more otomatis, sidebar kanan dan logo yang menarik. 

 

Password : tutorialblogz

Download Template Mirip Yahoo


Download Template Blogger Mirip Yahoo! - Bagi Anda yang menggemari mengoleksi berbagai Template - template keren, unik, dan menarik tentunya.. bisa Anda Download Template Blogger Mirip Yahoo! ini. Dengan tampilan yang serupa dengan website Yahoo! mulai dari tombol search, menu blog, slideshow dan lainnya. 



Untuk melengkapi tampilannya, diperlukan Widget - widget yang mirip seperti situs Yahoo!. Berikut ini kode - kodenya :

1. Search Engine 
 <div style='font:normal 12px arial;padding-left:5px;height:23px;'>
<strong><i>Hi, guest<strong></strong></i> ! </strong> welcome to <strong>Yahoo!</strong>. | <a href='#'>About Us</a> | <a href='#'>Contact</a> | <a href='http://www.blogger.com' title='registered now for free account'>Register</a> | <a href='http://www.blogger.com' title='sign in to blogger to share'>Sign In</a></div>
<form action=' /search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;&quot;) {this.value = &quot;&quot;}' type='text' value=''/>
<input class='searchbutton' type='submit' value=''/>
</form>

2. Slideshow
<div id="gal1" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2RYnV0e8AHaqMPB5fMJ5Cy4Cyk14cVAV5htLSm0mxEeP4OEc11I9e8Dc-jKpjuqHAZgFMYR9L7_HLBB6u1oPWwJrRXnE0SUtvnryur8nKqQmvYzXR9_efAWfZdntzqNN9IDHGokm3zU9w/s1600/lorem+ipsum2.jpg&cat=1&pid=210 7&cache=false" /></div>
<div class="min250">
<div style="margin-top:168px;" class="des_4"><strong>Yahoo! Indonesia</strong></div>
<div class="des_1 font16 c_white"><a href="http://tutorial-blogz.blogspot.com"><strong>Read the Yahoo! Indonesia</strong></a>
</div>
</div>
</div>
<div id="gal2" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPSpnVcNPbDYI8jDVg6Hq1YjQvdRjQWscqA4aNwOyB6QJVf0lN722NEroTWF1VbAhdO5vb-GMOjTHWcWPCOTV8UalprMYFi4_013Dp3G5oAvxA7jXduHOFlCVXns7WPhCVp3cMum0T8TQE/s1600/What+is+a+Blog.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div style="margin-top:168px;" class="des_4"><strong>BASIC KNOWLEDGE</strong></div>
<div class="des_1 font16 c_white"><a href="http://tutorial-blogz.blogspot.com"><strong>Basic knowledge, what is a Blog ?</strong></a>
</div>
</div>
</div>
<div id="gal3" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaN6JI4i6hLSBfF5i2M25NEumb-iQL5oxZXDM7GfP2fqn3ug14C3RSDnYwvfMPsDTRF7QnIQP_2EUqxL7XS9aR33IIjmTxV6Z8wkOa3Xgc8tuovHArXY7D01grbQE7gw2XazsFbCRhhN8H/s1600/Lionel+Messi.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div style="margin-top:168px;" class="des_4"><strong>SPORT NEWS</strong></div>
<div class="des_1 font16 c_white"><a href="http://tutorial-blogz.blogspot.com"><strong>Lionel Messi, the legend of the future football</strong></a>
</div>
</div>
</div>
<div id="gal4" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_MA2jUODw1AHVEnvT_rseQPJ5GGLHAlQzl4dGKDvGlSm7duWNfRkkKirFguiEe0S_2G1KcfSzoHdoeTniUaGZWCIgrxB8BMFZLHXP5WUdNXgrYQ8TBtfsNJLz2XMhGNGXrsrahtQRbNi/s1600/Font+Style.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div style="margin-top:168px;" class="des_4"><strong>FONT STYLE</strong></div>
<div class="des_1 font16 c_white"><a href="http://tutorial-blogz.blogspot.com"><strong>The Quick Brown Fox</strong></a>
</div>
</div>
</div>
<div id="gal5" style="display:none;" class="img400">
<div class="h250"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtHNGIBNfAdKlBTY1rTOdtgCyNEI3aBiZasD3bCU7uXJqsKq8yg8Zv2SepED4m56ypQ_36l_x2YouMa3wn73TDthtdo_cSulzhwnOIV4wGOZneLvcjyBC43HL-o-BdyDemXSMA78h1etjt/s1600/Google+Office.jpg&cat=1&pid=2107&cache=false" /></div>
<div class="min250">
<div style="margin-top:168px;" class="des_4"><strong>MAKE MONEY</strong></div>
<div class="des_1 font16 c_white"><a href="http://tutorial-blogz.blogspot.com"><strong>Monetize your site with Google Affiliate Network</strong></a>
</div>
</div>
</div>
<div style="height:250px; margin-top:-250px;"><div id="galtabs" class="page_hl pd_5"><a href="#" rel="gal1">1</a> <a href="#" rel="gal2">2</a> <a href="#" rel="gal3">3</a> <a href="#" rel="gal4">4</a> <a href="#" rel="gal5">5</a> </div></div><div class="clearit"></div>
<div class="clearit pb_10"></div>
<script type="text/javascript">
var myheads=new ddtabcontent("galtabs");myheads.setpersist(false); myheads.setselectedClassTarget("link");myheads.ini t(5000)
</script>

3. Menu Blog
<div id='sidebarnavigation'>
<ul>
<li class='about'><a href="#"/>About Us</a></li>
<li class='contact'><a href="#"/>Contact Us</a></li>
<li class='facebook'><a href="#" target="_blank"/> Facebook</a></li>
<li class='twitter'><a href="#" target="_blank"/> Twitter</a></li>
<li class='email'><a href="#" target="_blank"/> Email</a></li>
<li class='video'><a href="#" target="_blank"/> Video</a></li>
<li class='music'><a href="#" target="_blank"/> Music</a></li>
<li class='download'><a href="#" target="_blank"/> Download</a></li>
<li class='data'><a href="#" target="_blank"/> Data</a></li>
<li class='rss'><a href="#" target="_blank"/> RSS Feed</a></li>
<li><a href='#'>Archieves</a></li>
</ul>
</div>
<div style='font:bold 11px arial;float:right;line-height:1.4em;padding:5px 10px;color:#333;'>
<a href='http://tutorial-blogz.blogspot.com'>More CATEGORIES »</a>
</div>

4. Favorit Saya
<div id='sidebarnavigation'>
<ul>
<li class='msn'><a href="#"/>Msn</a></li>
<li class='yahoo'><a href="#"/>Yahoo</a></li>
<li class='blogger'><a href="#" target="_blank"/> Blogger</a></li>
<li class='gmail'><a href="#" target="_blank"/> Gmail</a></li>
<li class='bing'><a href="#" target="_blank"/> Bing</a></li>
</ul>
</div>
<div style='font:bold 11px arial;float:right;line-height:1.4em;padding:5px 10px;color:#333;'>
<a href='http://tutorial-blogz.blogspot.com'>More FAVORIT »</a>
</div>
Keterangan : Berikut cara untuk menambahkan widgetnya :
- Login ke Blogger
- Pilih Layout
- Klik Add a Gadget
- Pilih HTML/JavaScript
- Masukkan kode widgetnya
Save.

GhofarCyber-pkp Blog. Diberdayakan oleh Blogger.

 

Feedjit

CYBER


Featured Posts