Magazine Purple Style

Wahhhhhh akhirnya tiba jugak di penghujung ceritaku . . hehehe gaya mu rangga sok iiaa . ..
hmm, hari ini ane mau share salah satu template oprek ana yang pernahane pkai sob. seperti biasanya setiap ane selesai mkai tuhtemplate pasti ane share untuk sobat. jadi sekarang ane share aja yak . . liat aja nih sob SS nya . .

Halaman Hompage

Halaman Postingan

Download - - - - - -Klik Here

NB: untuk menu dropdown nya silahkansobat copas kode dibawah ini . .

<ul class='sf-menu'>
    <li><a href=''>Home</a></li>
<li><a href=''>Profil</a>
    <ul>
    <li><a href=''>Admin</a>
    <ul>
    <li><a href='#'>Rangga</a></li>
    <li><a href='#'>Blogger</a></li>
    </ul>
    </li>
    <li><a href='#'>Contact Me</a></li>
    <li><a href=''>Facebook</a>
    <ul>
    <li><a href='#'>Rangga</a></li>
    <li><a href='#'>Chenkgelate</a></li>
    </ul>
    </li>
    </ul>
    </li>
<li><a href='#'>Sitemap</a></li>
<li><a href=''>Service</a>
    <ul>
    <li><a href='#'>Pembuatan Adsense</a></li>
    <li><a href='#'>Pembuatan Blog</a></li>
    </ul>
    </li>
<li><a href=''>Exchange</a>
    <ul>
    <li><a href='#'>Banner</a></li>
    <li><a href='#'>Link</a></li>
    </ul>
    </li>
<li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li><li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li>
<li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li>

<li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li>
<li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li>
<li><a href=''>Menu </a>
    <ul>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    <li><a href=''>Sub Menu 1</a></li>
    </ul>
    </li>
    <div class='clear'></div>
    </ul>

Okeh. mungkin cuma itu saja. thanks and Happy Blogging

Read more »

Menampilkan Link atau Text di Sebelah Title Sidebar

Disini ada dua cara memasangnya, yang pertama bisa mengedit dan menambahnya secara langsung di Sidebar Gadget yang sudah ada atau kalo masih bingung rekan bisa masuk dulu ke tab Tata Letak -> Elemen halaman -> tambah gadget -> HTML/JavaScript, kemudian langsung copy-paste aja salah satu kode dibawah. Ingat, pastikan Title pada Gadget HTML/JavaScript tetap dalam keaadan kosong, hal ini untuk menghindari terjadinya duplicate Title pada sidebar.

Contoh tampilan Text Link dengan Small Icon:


<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(http://bp0.blogger.com/_TqPdHmAEwTM/R5-60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png) right 0px no-repeat;
padding-right:20px;
}
</style>

<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text Link:


<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}
</style>

<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text:


<style type="text/css">
.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}
</style>

<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>

Oh iya, beberapa template pada sidebar kemungkinan menggunakan <h3> jadi rekan tinggal menyesuaikan saja. Selamat mencoba..mudahan hanya dengan tutorial sederhana ini tampilan template rekan jauh lebih bergaya :D

Read more »