Kode-Kode Template Blogspot Mirip Yahoo!

Ini Kode-Kode  Template Blogspot  Mirip Yahoo! sebagaimana dipasang di template blog demo ini.

1. Search Engine (Kotak Pencarian)

 <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

<ul id="newsslider">

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsMClCju9x4p_rrB9CzXZumCcMpuPP9KWNvOyiKg_cuEXjyBelz1uATfCnHOLYT3Ldv4m-jkxceKbx3wTRFcenbISr1_7zmIm-xJPdqdbcUBde5Ozb8Je4ebyy68zPP1SUe-0TDDyklazM/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) Dalam Bimbang, Kunikmati dirimu</a></h3>
<p>Wepe sangat terpukul setelah putus cinta dengan Herry seseorang yang sangat mempesonanya... <a href="#"> more &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxYfhF4aSbbjZX7npqU5edTlguJR9p5JeywMqsC3KugepOU6fLJBf5QTfC_g3lHfd7Skxy6RyyeYbSWNued_IP049TNEUA18_E-b4foDNSTHYIb5jWvl6OuT5KsFg3N9z8uPOC8NrAXyH/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>

<p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
</li>

<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUXm3pB6Zp2TcNGb_wbG-aXIG7VFlcq2UryQVMh4b1B5jVNxvgVXeqfxdC3GKe7DW7pLVl4xpmdT77E56ZGOk3yCnkKjaptLyndE1nUp8k29mjhcwc_rBVtdCMFipUb3W6VTIl4lOhS0n/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
<p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>

</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlOZw3j4_wi1Z8xyosf1TjnTSersg8AOXZh9BenuyazYbX9DUdRKmTol55_UN1Ne4ZTmO6tHH7ekBcTy5BHkKw-Ubk42QejMncWShVHw8PAFb-bKWXlktPvXqKMefi_JOO5b4DNMO_ScC/s1600/youly+chang.jpg"/></a>

<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsMClCju9x4p_rrB9CzXZumCcMpuPP9KWNvOyiKg_cuEXjyBelz1uATfCnHOLYT3Ldv4m-jkxceKbx3wTRFcenbISr1_7zmIm-xJPdqdbcUBde5Ozb8Je4ebyy68zPP1SUe-0TDDyklazM/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-dalam-bimbang-kunikmati.html">(Sad Romance) Dalam Bimbang, Kunikmati dirimu</a></h3>
<p>Wepe sangat terpukul setelah putus cinta dengan Herry seseorang yang sangat mempesonanya... <a href="#"> more &raquo; </a></p>

</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxYfhF4aSbbjZX7npqU5edTlguJR9p5JeywMqsC3KugepOU6fLJBf5QTfC_g3lHfd7Skxy6RyyeYbSWNued_IP049TNEUA18_E-b4foDNSTHYIb5jWvl6OuT5KsFg3N9z8uPOC8NrAXyH/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>
<p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
</li>

<li>
<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUXm3pB6Zp2TcNGb_wbG-aXIG7VFlcq2UryQVMh4b1B5jVNxvgVXeqfxdC3GKe7DW7pLVl4xpmdT77E56ZGOk3yCnkKjaptLyndE1nUp8k29mjhcwc_rBVtdCMFipUb3W6VTIl4lOhS0n/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
<p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>

</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlOZw3j4_wi1Z8xyosf1TjnTSersg8AOXZh9BenuyazYbX9DUdRKmTol55_UN1Ne4ZTmO6tHH7ekBcTy5BHkKw-Ubk42QejMncWShVHw8PAFb-bKWXlktPvXqKMefi_JOO5b4DNMO_ScC/s1600/youly+chang.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiri-Mp6a2eWBeR2wFUqkHpfZgiBmcuI7RFwqRBX93LCV0yTNSnXbCFhY8upQ_eK1qV4jvuFc7TFviyidZGnHRS4bnSXsKbUrz7okHI4b0tklMGDuTkFeFe4VgiGGjeR0DXoaty4lzuQRq/s1600/emak.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/oh-emak-oh-ibu.html">Oh Emak Oh Ibu</a></h3>

<p>5 tahun yang lalu waktu emak mengantarku ke terminal bus antar provinsi guna merantau dan berangkat kuliah ke Jakarta... <a href="#"> more &raquo; </a></p>
</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxYfhF4aSbbjZX7npqU5edTlguJR9p5JeywMqsC3KugepOU6fLJBf5QTfC_g3lHfd7Skxy6RyyeYbSWNued_IP049TNEUA18_E-b4foDNSTHYIb5jWvl6OuT5KsFg3N9z8uPOC8NrAXyH/s1600/hawa.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/diary-sang-penggoda-kekasihmu-merayuku.html">[Diary Sang Penggoda] Kekasihmu Merayuku</a></h3>
<p>Wanita itu datang padaku, dengan langkah anggun terkesan tergesa-gesa, wajah ayunya..... <a href="#">more &raquo;</a></p>
</li>

<li>

<a class="title" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUXm3pB6Zp2TcNGb_wbG-aXIG7VFlcq2UryQVMh4b1B5jVNxvgVXeqfxdC3GKe7DW7pLVl4xpmdT77E56ZGOk3yCnkKjaptLyndE1nUp8k29mjhcwc_rBVtdCMFipUb3W6VTIl4lOhS0n/s1600/hawa+2.jpg" /></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/sad-romance-di-pantai-itu-mereka.html">[Sad Romance] Di Pantai Itu Mereka</a></h3>
<p>Semilir angin laut menghempas bibir pantai, pasir bergerak perlahan tersapu lembut air laut, sepasang kekasih ada disana.... <a href="#">more &raquo;</a></p>

</li>

<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlOZw3j4_wi1Z8xyosf1TjnTSersg8AOXZh9BenuyazYbX9DUdRKmTol55_UN1Ne4ZTmO6tHH7ekBcTy5BHkKw-Ubk42QejMncWShVHw8PAFb-bKWXlktPvXqKMefi_JOO5b4DNMO_ScC/s1600/youly+chang.jpg"/></a>
<h3><a href="http://violetcafe5.blogspot.com/2011/11/catatan-seorang-gay.html">Catatan Seorang Gay&#8230; </a></h3>
<p>Samar-samar herry menatap bayangan dirinya pada sebuah cermin. Siapa yang harus kupersalahkan? sebagai manusia.... <a href="#">more &raquo; </a></p>

</li>

</ul>

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. Menu 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>

Cara untuk menambahkan widget template blogspot mirip yahoo!
- Login ke Blogger
- Pilih Layout
- Klik Add a Gadget
- Pilih HTML/JavaScript
- Masukkan kode widgetnya
- Save.

Meta Tags of This Blog:

<meta content='Template Blog Yahoo Style' name='title'/>
<meta content='Template Blog Mirip Yahoo! Yahoo! Style Blogger Template' name='description'/>
<meta content='template, blog template, blogger template, magazine template, simple elegant, mirip yahoo' name='keywords'/>
    <meta content='Romeltea' name='author'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Read More »

Sunday, October 13, 2013 | 5 comments

Pemain Muslim MU Adnan Januzaj Dilirik Juventus

In publishing and graphic design, lorem ipsum is a placeholder text (filler text) commonly used to demonstrate the graphic elements of a document or visual presentation, such as font, typography, and layout, by removing the distraction of meaningful content.

The lorem ipsum text is typically a mangled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed that make it nonsensical and not proper Latin.

A common form of lorem ipsum text reads as follows:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Another version of the text uses the word "adipisici" (rather than "adipisicing"; the digraph ng at the end of words is alien to classical Latin). Other versions of lorem ipsum include additional words to add variety so that repeated verses will not word-wrap on the same phrases.

Source: http://en.wikipedia.org/wiki/Lorem_ipsum

Meta Tags of This Template
<meta content='Template Blog Yahoo Style' name='title'/>
<meta content='Blogger Template Yahoo! Style' name='description'/>
<meta content='template, blog template, blogger template, magazine template, simple elegant, mirip yahoo' name='keywords'/>
    <meta content='Romeltea' name='author'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Read More »

Sunday, October 13, 2013 | 2 comments

Garuda Muda Lolos ke Final Piala AFC 2014

In publishing and graphic design, lorem ipsum is a placeholder text (filler text) commonly used to demonstrate the graphic elements of a document or visual presentation, such as font, typography, and layout, by removing the distraction of meaningful content.

The lorem ipsum text is typically a mangled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed that make it nonsensical and not proper Latin.

A common form of lorem ipsum text reads as follows:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Another version of the text uses the word "adipisici" (rather than "adipisicing"; the digraph ng at the end of words is alien to classical Latin). Other versions of lorem ipsum include additional words to add variety so that repeated verses will not word-wrap on the same phrases.

Source: http://en.wikipedia.org/wiki/Lorem_ipsum

Meta Tags
<meta content='Template Blog Yahoo Style' name='title'/>
<meta content='Blogger Template Yahoo! Style' name='description'/>
<meta content='template, blog template, blogger template, magazine template, simple elegant, mirip yahoo' name='keywords'/>
    <meta content='Romeltea' name='author'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Read More »

Sunday, October 13, 2013 | 0 comments