Latest Article Get our latest posts by subscribing this site

Memasang iklan disamping kotak komentar blog

Posted by Project D|N Posted on 04:21 with No comments
Kemaren ada salah satu sahabat blog saya bertanya seperti ini. sob, gmna sih cara membuat iklan disamping kotak komentar kayak kamu itu ??
Nah, untuk menjawab pertanyaan dari sobat, maka hari ini saya akan share bagaimana carameletakkan iklan dismaping kotak komentar tersebut . .

Seperti biasa sobat klik pada menu edit HTML dan centang pada expand widget template untuk selanjutnya sobat cari kode seperti ini :

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
Jika sudah ketemu silahkan sobat ganti dengan kode yang dibawah ini :
<table border='0' width='600'><tr> <td align='center'>ISI DENGAN KODE IKLAN</td> <td align='center'><iframe class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/></td></tr></table>
Tapi ingat sob. Pastikan kode yang diganti adalah kode iframe yang ke dua. karna yang pertama itu untuk indeks mobile. Untuk kostumiasasi. hehe
Silahkan sobat sesuaikan dengan selera sendiri dech  . .

Happy Blogging :)
Read more »

Template Sperti o-om.com | Blogger Template

Posted by Project D|N Posted on 08:45 with 26 comments
Hari ini Saya ingin share kepada teman blogger template yang pernah saya pakai dulu. template ini mirip dengan templatenya o-om.com. tapi kalian harus tau template ini template buatan saya sendiri yang saya design seperti o-om.com karna saya kpengen seperti itu . .
baiklah nih SS nya . .

 

Bagaimana menurut sobat ?? agak mirip kan. di halaman homepage ini saya sengaja membuatartikelnya per label agar tidak sama persis seperti o-om.com.
Nah sementara di halaman postingnya seperti ini . .
Gmna sob ?? apa sobat penge template seperti ini ??
ya udah langsung di download aja ya . .
It's Free . .
Download

1. Recent post widget:
<h2><span class="pasang-link"><a href="http://www.chenkgelate.com/2011/06/daftar-isi_30.html">[sitemap]</a></span>» Recent Post</h2>

<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[1] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[2] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[3] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
imgr[4] = "http://lh5.googleusercontent.com/-e1-1E_VoSAc/AAAAAAAAAAI/AAAAAAAADrY/XMr1eJXgblk/photo.jpg";
showRandomImg = true;
boxwidth = 500;
cellspacing = 5;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.chenkgelate.com/";
</script>
<script type="text/javascript" src="http://iskaruji.googlecode.com/files/post_terbaru.txt"></script>
Silahkan diganti tulisan yang berwarna merah dengan URL blog sobat.

2. Recent post perlabel:
<h2><span class="pasang-link"><a href="http://www.chenkgelate.com/search/label/Free%20Template?max-results=20">[more]</a></span>» Free Templates</h2>

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 50;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Free%20Template?orderby=updated&alt=json-in-script&callback=labelthumbs"></script><br />
Untuk warna Hijau tukar dengan nama Label sobat

Oke. Sekian dulu ya sob.
Read more »

Magazine Purple Style

Posted by Project D|N Posted on 13:51 with 15 comments
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

Posted by Project D|N Posted on 14:00 with 1 comment
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 »

Simplex Linepress

Posted by Project D|N Posted on 14:45 with 8 comments
Some readers asked me for a blogger version of Linepress template (from Gabfire) . After a long time ,now I want to show you the result . It's good for a magazine or news portal . Hope you all like this .



Live Demo | Download

How to install this template

1,Download the template .

2,Open the template file in any word editor . I recommend Notepad ++ for easy in editing .

3,To add social network account


Find this code :

<div id="submenu">
                 <ul class="subnav">
                     <li><a title="Subscribe to latest posts in RSS" rel="nofollow" href="/feeds/posts/default" class="gab_rss" target="_blank">RSS for Entries</a></li>
                     <li><a title="Subscribe to latest posts via email" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex" class="gab_email" target="_blank">Subscribe via E-mail</a></li>                                               
                     <li><a title="follow on twitter" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter" target="_blank">Follow on Twitter</a></li>                                               
                     <li><a title="Connect on facebook" rel="nofollow" href="http://www.facebook.com/simplexdesignblog" class="gab_facebook" target="_blank">Connect on Facebook</a></li>

and change the link in bold to your social network and feed burner accounts .

4,Save template and upload to blogger .

5,Go to page elements .



6,To add logo


click on logo widget

and add your logo into widget content as structure

<img src="your logo url"/>

like picture bellow


7,To add item to main menu navigation


click on 'menunav' widget


add link to your categories



8,To add content in 'teaser' section



click on teaser widget



add the category name into widget content


Do the same for 'teaser','featureright','mediabar','primarybottomleft' widget

9,To add content in the tab


click on each widgets from 'priBottab1','priBottab2','priBottab3','priBotab4'


add the category name into widget content ,add the name of category into widget title.


10,Other widgets can be edit as you want . You can add script into widget content (ads ,video embed ...)

11,You can add or remove or move widgets in anyplace as you want .

Save changes . That's all for this template .

I hope this template work fine for you .
Read more »
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Portal Editing - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger