Defa Technology

- Screenshoot -

- Screenshoot -

DOWNLOAD

MAAF TIDAK ADA DEMONYA

Sumber 

- Preview -

4. Setting Social Media

DEMO|DOWNLOAD 

- Preview Video -

- Preview Home Page -

1. Menu Setting

<div class='menujohanes'><ul class='dark_menu'>
<li><a class='selected' href='#' title='Rss'>Rss</a></li>
<li><a href='#'>Contact</a><ul>
<li><a href='#'>Google+</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Email</a></li>
</ul></li><li><a href='#'>Categories</a><ul>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Lorem ipsum</a></li></ul></li>
<li><a href='#'>Anime</a><ul>
<li><a href='#'>Winter</a></li>
<li><a href='#'>Summer</a></li>
<li><a href='#'>Spring</a></li>
</ul></li>
<li><a href='#'>Staf</a><ul>
<li><a href='#'>Staf a</a></li>
<li><a href='#'>Staf b</a></li>
<li><a href='#'>Staf c</a></li>
</ul></li>
</ul></div>

#menu2

<ul class='dark_menu1'>
<li><a class='selected1' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='selected2' href='#' title='Home'>Contact</a></li>
<li><a class='selected3' href='#' title='Home'>About</a></li>
<li><a class='selected4' href='#' title='Home'>Sitemap</a></li>
<li><a class='selected5' href='#' title='Home'>Download</a></li>
</ul>

2. Pengaturan SEO/Meta Tag

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

3. Pengaturan Social Media

<ul id='tbisose'>
<li><a class='icon facebook' href='http://www.facebook.com/halaman fan page facebook/'/></li>
<li><a class='icon twitter' href='http://twitter.com/username/'/></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'/></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/alamat feed rss'/></li>
</ul>

Semoga posting ini bermanfaat untuk sobat semua
Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/

Sumber

1. Pengaturan Menu

<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#'>Lorem ipsum</a><ul>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
</ul></li><li><a href='#'>Categories</a><ul>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li>
<li><a href='#'>Lorem ipsum</a></li></ul></li>
<li><a href='#'>Backlink</a></li>
<li><a href='#'>Guest book</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Submit Template</a></li>
<li><a href='#'>Rss</a></li>
</ul>

2. Pengaturan SEO/Meta Tag

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

3. Pengaturan Format Waktu





Semoga posting ini bermanfaat untuk sobat semua
Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/

Sumber

<ul class='dark_menu'><li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li><li><a href='#'>Contact</a><ul><li><a href='#'>Google+</a></li><li><a href='#'>Blogger</a></li><li><a href='#'>Facebook</a></li><li><a href='#'>Email</a></li></ul></li><li><a href='#'>Categories</a><ul><li><a href='#'>Lorem ipsum</a></li><li><a href='#'>Lorem ipsum</a></li><li><a href='#'>Lorem ipsum</a></li><li><a href='#'>Lorem ipsum</a></li><li><a href='#'>Download</a></li><li><a href='#'>Lorem ipsum</a></li></ul></li><li><a href='#'>Anime</a><ul><li><a href='#'>Winter</a></li><li><a href='#'>Summer</a></li><li><a href='#'>Spring</a></li></ul></li><li><a href='#'>Staf</a><ul><li><a href='#'>Staf a</a></li><li><a href='#'>Staf b</a></li><li><a href='#'>Staf c</a></li></ul></li></ul></div>

#menu2

<div class='menujohanes'><ul class='dark_menu'><li><a href='#'>Backlink</a></li><li><a href='#'>IRC</a></li><li><a href='#'>Download torrent</a></li><li><a href='#'>Project</a></li><li><a href='#'>Privacy Policy</a></li></ul></div>

2. Pengaturan Social Media

<div class='twittericon'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguwnbr4m62racNRqThg4Jdqzc2mhNCmh5V3iVbq_hekfXlqhK0ZJ-nXrQhNHkGN8EiVovTaHlG8fJuRaLVGl9sbZ0knBVJrvHj_T8NCg9nFoJgQmht-hoK2WdRydW938jpM15WCertYXY_/s1600/twitter.png'/></a></div>
<div class='facebookicon'><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVzBb8NB4rOuiFT0UdInDFxZRJfVCS6N8QudQGMNd34ZfBSHf8yQvAtV3woiNJdHk-WxUvDAhSid_z1OcHrbRg5WbICZ70lqqwThTfleOOlrxolT3k4JEDBsDwj3A1H4C4BUdpagMQrQN6/s1600/facebook.png'/></a></div>

3. Pengaturan Slider

<div id='slider2'><div id='mask'><ul><li><span><h2>Tamako Market</h2></span><a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfri5vdf_GwuUASXqVhXZdnvSJYAPSjK6MROEpSMJRi1BHAecH_VfUNx071_siQgScqTx9FYM9K_vZ6VMUr8TX_QDtY8vyYNExpK0nXECL2vMbDZk2xZGJ9QZ3gA1ZyXDcULHwBaX38yd/s1600/4.jpg'/></a><div class='baka'><h3>Tamako Kitashirakawa is the eldest daughter of a family which runs a mochi shop in her town&#39;s bustling Tama-ya shopping district.</h3></div></li><li><span><h2>Vividred Operation</h2></span><a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Mu7IOofP4Ff3qfeQBJwL1hpTjYOVRai_QBI97zRnkrYKTeJGQ-jBpVaNGK1RWrTfHIbQ8X5NAxoYXYs4jXsSm9gyF-5Cq82IK89ZStqXGQhpMnIUMAMZpxLgGPBydirPK57cFWo5i9Jw/s1600/3.jpg'/></a><div class='baka'><h3>The story is set in a futuristic and peaceful world made possible thanks to the invention of the Manifestation Engine (&#31034;&#29694;&#12456;&#12531;&#12472;&#12531; Jigen Enjin?), which solved an energy crisis five years prior.</h3></div></li><li><span><h2>Ore no Kanojo to Osananajimi ga Shuraba Sugiru</h2></span><a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXtIFZuRAwuoRCiI-BIrK-of_lUe4Q1BMqO367-idab0vv0to9-meX_kRXOomU-C_6tMjFWrTwlhfN5hI2hKn-aU7Pcg_YA7FK2La-oOVAZMWgl3aCeg6b9FHa2tp3-VFhE9lAUg6IliI/s1600/Untitled-1.jpg'/></a><div class='baka'><h3>Eita Kid&#333; enters high school with the aim to attend medical school. Due to his parents getting divorced and his intention to maintain his grades, he shuns anything to do with romance or love.</h3></div></li><li><span><h2>Maoyuu Maou Yuusha</h2></span><a href='#' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi8fV2c71Aj-A2YX_fFqbv1FIGiiz7G4LgnB2Y_LSe8k_Vvbmg_vTIOzEqlMcPUTGhBG4NcJ3rEI7VivYyYFd4ZYsO-rJ2UtU2MLbydapiOzd7sJ6Wna9S5nvEWR5PlN185TQGl8FlcN55/s1600/2.jpg'/></a><div class='baka'><h3>The story is set in a world embroiled by war between Humans and Demons. The Humans&#39; greatest hero invades the Demon King&#39;s castle determined to vanquish her. However, instead of fighting back, the King proposes an alliance with the Hero.</h3></div></li></ul></div><div id='progress'></div><div id='overlay'></div><div id='pause'></div></div>

4. Pengaturan SEO

<meta content='deskripsi blog kamu' name='DESCRIPTION'/> <meta content='keyword blog kamu' name='KEYWORDS'/>

Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/

Sumber

Halo sobat D T dah sudah 2 hari admin nggk post ya, soalnya admin sakit jadi nggk bisa pos, ok kali ini admin akan share template buatannya om johanes

Halo sobat D T ketemu lagi sama admin, o iya admin mau tanya, pada pengen ori template yang admin pake nggk pasti pada mau langsung aja ya,

Nih tampilan Home Pagenya :


Nih tampilan Tata Letaknya :

-Template Ini Lumayan Ringan Dan Tidak Sangat Berat
-Template Ini Juga SEO (gk SEO sepenuh nya :v )
-Dan Template Ini VALID HTML5 Saya Sudah Meletakkan Meta Tag VAlid HTML5 dan SEO.,
-CSS Bakclinks
-READ MORE DAN add comment with css
-fitur REQUEST
-DLL


Untuk mengganti menu, cari code di bawah ini :

<div class='rendynav'>
<ul>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/' title='Klik Ini Untuk Kembali Ke Beranda'>Home</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2012/05/link-exchange.html' target='_blank' title='Link Exchange'>Link Exchange</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/wallhack-fitur-wallhack-bersih-charms.html' target='_blank' title='Sitemap'>Sitemap</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/1-hit-wallhack.html' target='_blank' title='buku tamu'>Guestbook</a></li>
<li><a class='tooltip' href='http://www.facebook.com/Green.Boyz.25' target='_blank' title='Add Author'>Contact Facebook</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/2011/07/1hit-all-weapon.html' target='_blank' title='Klik ini Untuk Melihat Disclaimer Blog Ini'>Disclaimer</a></li>
<li><a class='tooltip' href='http://www.cheatermaninjau.net/search/label/Template' target='_blank' title='Kumpulan Template'>Template</a></li>
</ul>
</div>

Ganti link dan nama linknya sesuai keinginan sobat

Bila ingin meta tagnya aktif sobat atur seperti yang bawah ini :

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/feeds/posts/default' rel='alternate' title='Limit Post - Atom' type='application/atom+xml'/>
<link href='/feeds/posts/default?alt=rss' rel='alternate' title='judul blog' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID blogger kamu' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='url blogger profile kamu' rel='me'/>
<link href='url Google+ kamu' rel='author'/>
<meta content='deskripsi blog kamu' name='description'/>
<meta content='keyword blog kamu' name='keywords'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | keyword | keyword</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/></b:if>
<meta content='index, follow' name='robots'/>
<meta content=' nama kamu ' name='author'/>
<meta content='index, follow' name='robots'/>
<meta content='article' property='og:type'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='Slurp'/>
<meta content='url blog kamu' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='kode validasi google' name='google-site-verification'/>
<meta content='kode validasi alexa' name='alexaVerifyID'/>
<meta content='kode validasi bing' name='msvalidate.01'/>
<meta content='general' name='rating'/>

Yang warna merah itu sobat atur sendiri

Bagi sobat yang ingin mengatur css animasinya nih admin kasih, sobat taruh dimana aja asal tidak eror :

.Buletmuterwrapper{margin-right:-130px; margin-top:-25px; width:98px; height:120px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
.Buletmuter25{box-shadow:0 00 8px black;background-color:transparent; border:15px solid green; border-top:15px solid #053706; border-bottom:15px solid #053706; border-radius:120px; width:96px; height:105px; margin:0 auto; top:-60px; position:relative; -moz-animation:muterterus 1s infinite linear; -webkit-animation:muterterus 1s infinite linear}
.Buletmuter2wrapper{margin-top:-29px;margin-left:-150px;width:98px;height:120px;float:left;font-size:14px;text-align:center;text-shadow:0 1px 1px black}
.Buletmuter225{box-shadow:0 00 8px black;background-color:transparent; border:15px solid green; border-top:15px solid #053706; border-bottom:15px solid #053706; border-radius:120px;width:96px;height:105px;margin:0 auto;position:relative;top:-60px;-moz-animation:muterterus 1s infinite linear;-webkit-animation:muterterus 1s infinite linear}

Satu lagi bila ada masalah dengan readmore & add comment cari code seperti di bawah ini :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 435;
summary_img = 325;
img_thumb_height = 96;
img_thumb_width = 96;
</script>

Yang warna merah itu sobat atur sendiri

Nih link downloadnya :

DEMO | DOWNLOAD VIA GOOGLE DRIVE | DOWNLOAD VIA TUSFILE

Paswword WinRar : Greenz

Semoga posting ini bermanfaat untuk anda semua
Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/

Sumber