Guilty Crown Blogger template

Hai sobat,kali ini ini saya buat template anime lagi nih,tema'a Guilty crown dengan Icon'a Inori :).pasti pada taukan guilty crown,film anime yang lagi populer sekarang karena ceritanya yang menarik dan keren.disini saya buat template Guilty Crown
,hasil Editan dari template Another yang pernah saya share minggu lalu.sperti yang sudah saya janjikan,saya merombakya jadi template css,tapi tetap mendapat tema guilty crownnya.design'a yang cukup simple dan paduan warna yang ga terlalu girly.

Untuk gambar headernya,saya edit sendiri,asli editan sendiri dari hasil gambar scan yang saya temukan di Website minitokyo.net.hasilnya seperti gambar dibawah ini~xD

kembali lagi soal templatenya,kali ini saya buat 2 versi,yaitu versi 1 sidebar dengan 2 sidebar.dikarenakan banyak client yang selera'a berbeda minta ini itu bikin pusing =__="
berikut preview'a

-1 Sidebar-

-2 Sidebar-

Lanjut ke pengaturanya,sama" mirip dengan template Another,tapi disini menggunakan menubar yang berbeda.dan untuk kedua template guilty crown versi 1 sidebar dan 2 sidebar,pengaturanya juga sama.


Pengaturan 1

buka blogger=>rancangan=>edit HTML,lalu cari kode HTML seperti dibawah ini

<div id='navigation'>
<div id='navi'>
<ul>
<li class='selected'><a href='#'>Home</a></li>
<li class='selected1'><a href='#'>About me</a></li>
<li class='selected2'><a href='#'>Exchange link</a></li>
<li class='selected3'><a href='#'>Site map</a></li>
<li class='selected4'><a href='#'>Guestbook</a></li>
<li class='selected5'><a href='#'>Download</a></li>
<li class='selected6'><a href='#'>Contact</a></li></ul>
</div>
</div>

Lalu ganti tanda pagar '#' Dengan Url link kamu,dan jangan lupa diganti nama link'a sesuai yang kamu inginkan.

Pengaturan2

Avatar

Untuk Avatar,sama seperti template Another kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v
ukuran gambar avatar tepatnya 68px x 68px

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>


kode html Diatas ini,saya sudah sediakan 3 jenis avatar untuk tiga author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a

ok deh,bagi yang mau coba template anime ini,selalu saya ingatkan terlebih dahulu untuk membackup template kamu,agar tidak terjadi hal" yang diinginkan.Selamat Mencoba,Arigatou gozaimasu~xDD

//Untuk template guilty crown 2 sidebar,saya tidak buat demonya,tapi preview'a ada di gambar diatas//



-Update!! Released: April 1, 2012
Fix a bug Guilty Crown Blogger template 1 sidebar:
-readmore at pages removed / tombol readmore yang ada dipages sudah dihapus //fixed
-pagenavi:fix / perbaikan pagenavi yang terhalangi kontent blog //fixed
-post title:fix/ Judul posting yang kepanjangan tidak akan lagi kepotong //fixed
-kotak komentar : auto width //fixed
-footer:fix/penambahan widget bertumpuk sudah tidak terpotong//fixed
-pages:fix/Autoreadmore:off//fixed

//templatenya sudah diperbaiki,bagi yang sudah menggunakan template Guilty Crown sebelumnya,silakan download lagi template ini,dan upload ke blog kamu.thx//

untuk yang 2 sidebar mungkin akan menyusul saya perbaiki =__=v

Download@1 sidebar Via Google Drive

Download@2 sidebar Via Google Drive

Demo

Bonus wallpaper Guilty Crown, Inori

-Download-

Read More

Animasi Text dengan CSS3

Entah kenapa akhir" ini lagi seneng"a main animasi,mungkin lagi bosen buat template kali ya?wkwkwk,padahal dari dulu paling males pakai keyframe karena agak berat,apalagi kalau di browser mozilla.ggrrrr malesin bgt deh=___=".saya buat beberapa experimen coba" dan hasil'a ada yg seperti hedaer saya,dan efek menarik lainya.tapi yang seperti di header saya tidak bisa dishare,karena udah nyatu ama header blog saya,mana yg dicopas jg udah lupa,n ribet==v,tapi contoh" dibawah ini tidak kalah menarik juga loh.daripada css HTMLa dibuang sayang,saya share aja deh.beberapa animasi diantara'a,mungkin cenderung lebih bagus di browser google chrome daripada mozilla firefox.meskipun udah diupdate browser mozilla'a ke yang paling baru,tp tetap aja masih menang google chrome kalau soal CSS3.

nah,langsung aja saya dah sediain demo + CSS + HTMLnya.masih ada yang gatau css sama html'a mau ditaruh dimana?ckckck=="

#Indonesian ._.

Htmlnya bisa di masukan di layout blog kamu,add a gadget=>html/javkascript,lalu copas dan simpan.
atau juga dimanapun yang kamu mau.

<body> isi html </body>

css/a diatas /b:skin

do you know what I mean?







1. Animasi dengan keyframe CSS3



Sliding text background color

• Home
• About me
• Contact
• Download

HTML

Ganti tanda pagar dengan URL link kamu

<div class="menuku">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Download</a></li>
</ul>
</div>

CSS

.menuku {background:#000;width:auto;margin: 5px;}

.menuku ul {
padding:10px;
font-family:"helvetica neue", helvetica, arial, sans-serif;
font-weight:700;
line-height:1.8;
color:#fff;
padding-left:5px;
text-shadow: 0 1px 1px transparent;
float:left;}

.menuku ul li {
clear:left;
font-size:.9em;
background:-webkit-linear-gradient(0, #3FB1E7 50%, #fff 50%);
float:left;
cursor:default;
background-position:100% 0;
background-size:200% 100%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-transition:background-position .4s cubic-bezier(0,0,.5,1);
-moz-background-clip:text;
-moz-text-fill-color:transparent;
-moz-transition:background-position .4s cubic-bezier(0,0,.5,1);}

.menuku ul li:hover {
background-position:0 0;}

Animated text background gambar

Johanes

HTML

<div class="textanimasi1">
Johanes</div>

CSS

@-webkit-keyframes slide {
0% { background-position:0 0; opacity:0; }
2% { background-position:2% 2%; opacity:1; }
99% { background-position:99% 99%; }
100% { background-position:100% 100%; opacity:0; }
}

.textanimasi1 {
text-align:center;
letter-spacing:-.08em;
font:700 9.4em helvetica, sans-serif;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn8l1-xQIrUSlMos2B-hBXmle3A_KgjYGXw-G8mrsCaRs_Sv-w4sSD3Zm_-QuaL35QmX5nU1PCTxY2sUzLNDNuoptMqPKq44iIAysWcd4Rx9_eSi7u502O_FXHgMbvZNQHlgxgbsR6deI/s1600/bg.jpg);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-animation:slide 60s linear infinite;
-moz-background-clip:text;
-moz-text-fill-color:transparent;
-moz-animation:slide 60s linear infinite;
text-shadow: 0 1px 1px transparent;
}

Animated text background gradient

Johanes

HTML

<div class="textanimasi2">
Johanes</div>

CSS

.textanimasi2{

.textanimasi2{
text-align:center;
letter-spacing:-.08em;
background: -webkit-gradient(linear,left top,right bottom,from(#E51D66),to(#705170));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation:slide1 5s linear infinite;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-moz-animation:slide1 5s linear infinite;
background: -moz-gradient(linear,left top,right bottom,from(#E51D66),to(#705170));
font:700 9.4em helvetica, sans-serif;
text-shadow: 0 1px 1px transparent;}



@-webkit-keyframes slide1 {
0% { -webkit-transform: rotateZ(0); }
1% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
9% { -webkit-transform: rotateZ(30deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes slide1 {
0% { -moz-transform: rotate(0); }
1% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
9% { -moz-transform: rotate(30deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}

Johanes

HTML

<div class="textanimasi3">Johanes</div>

CSS

.textanimasi3{
text-align:center;
letter-spacing:-.08em;
color:#E51D66;
font:700 9.4em helvetica, sans-serif;
text-shadow: 0px 0px 0px #ddd, 0x 0px 0px #ddd;
-webkit-animation:text1 10s linear infinite;
-moz-animation:text1 10s linear infinite;
height: 100px;
}


@-webkit-keyframes text1 {
0% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif; }
25% {-webkit-transform: rotateZ(360deg);font:700 2.4em helvetica, sans-serif;}
50% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif;}
75% {-webkit-transform: rotateZ(360deg);font:700 2.4em helvetica, sans-serif;}
100% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif;}
}


@-moz-keyframes text1 {
0% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif; }
25% {-webkit-transform: rotateZ(360deg);font:700 2.4em helvetica, sans-serif;}
50% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif;}
75% {-webkit-transform: rotateZ(360deg);font:700 2.4em helvetica, sans-serif;}
100% {-webkit-transform: rotateZ(-20deg);font:700 9.4em helvetica, sans-serif;}
}

Johanes

Johanes

HTML

<div class="textwrapper">
<div class="textanimasi4">Johanes</div>
<div class="textanimasi5">Johanes</div>
</div>

CSS

.textanimasi4{
text-align:center;
letter-spacing:-.08em;
color: rgba(255, 0, 0, 0.3 );
font:700 9.4em helvetica, sans-serif;
-webkit-animation:text4 3s linear infinite;
-moz-animation:text4 3s linear infinite;
height: 100px;top:0px;position:absolute;
text-shadow: 0 1px 1px transparent;
}

.textanimasi5{
text-align:center;
letter-spacing:-.08em;
color: rgba(0, 0, 255, 0.3 );
font:700 9.4em helvetica, sans-serif;
-webkit-animation:text5 3s linear infinite;
-moz-animation:text5 3s linear infinite;
height: 100px;top:0px;position:absolute;
text-shadow: 0 1px 1px transparent;
}

.textwrapper{position:relative;height: 100px;}



@-webkit-keyframes text4 {
0% {margin-left:5;}
50% {margin-left:-10px;}
100% {margin-left:5;}
}
@-webkit-keyframes text5 {
0% {margin-left:-5;}
50% {margin-left:10px;}
100% {margin-left:-5;}
}
@-moz-keyframes text4 {
0% {margin-left:5;}
50% {margin-left:-10px;}
100% {margin-left:5;}
}
@-moz-keyframes text5 {
0% {margin-left:-5;}
50% {margin-left:10px;}
100% {margin-left:-5;}
}

Johanes

HTML

<div class="textanimasi6">Johanes</div>

CSS

.textanimasi6{
text-align:center;
letter-spacing:-.08em;
color: rgba(0, 0, 255, 0.3 );
font:700 9.4em helvetica, sans-serif;
-webkit-animation:text6 10s linear infinite;
height: 100px;
text-shadow: 0 1px 1px transparent;
}

@-webkit-keyframes text6 {
0% {color:#74015A;}
25% {color:#FF005E;}
50% {color:#FC537D;}
75% {color:#FBB185;}
90% {color:#FDF9DB;}
100% {color:#74015A;}
}

@-moz-keyframes text6 {
0% {color:#74015A;}
25% {color:#FF005E;}
50% {color:#FC537D;}
75% {color:#FBB185;}
90% {color:#FDF9DB;}
100% {color:#74015A;}
}

Johanes

|

Scaning...

HTML

<div class="textwrapper1">
<div class="textanimasi7">Johanes</div>
<div class="textanimasi8">|</div>
<div class="textanimasi9">Scaning...</div>
</div>

CSS

.textanimasi7, .textanimasi8{
text-align:center;
letter-spacing:-.08em;
color: rgba(0, 0, 255, 0.3 );
font:700 9.4em helvetica, sans-serif;
height: 100px;top:0px;position:absolute;
text-shadow: 0 1px 1px transparent;
}
.textanimasi8 {
-webkit-animation:text8 3s linear infinite;
-moz-animation:text8 3s linear infinite;}

.textwrapper1{position:relative;height: 100px;}

@-webkit-keyframes text8 {
0% {margin-left:0px;}
50% {margin-left:530px;}
100% {margin-left:0px;}
}
@-moz-keyframes text8 {
0% {margin-left:0px;}
50% {margin-left:530px;}
100% {margin-left:0px;}
}

.textanimasi9 {
text-align: center;
letter-spacing: 15px;
color: rgba(0, 255, 0, 0.5 );
font: 700 20px helvetica, sans-serif;
bottom: -20px;
position: absolute;
text-shadow: 0 1px 1px transparent;
width: 100%;
-webkit-animation:text9 2s linear infinite;
-moz-animation:text9 2s linear infinite;
}
@-webkit-keyframes text9 {
0% {color: rgba(0, 255, 0, 0 );}
50% {color: rgba(0, 255, 0, 1 );}
100% {color: rgba(0, 255, 0, 0 );}
}

Sekianlah contoh" experimen saya tentang css3 keyframe~
Semoga bermanfaat :) Arigatou Gozaimasu~xD

Read More

Need For Speed - PRO Street

 

Minimum Sytem Requirements

OS: Windows 2000/XP/Vista/7

Processor: 1.8 GHz (Vista/7 2.1GHz) or faster

Memory: 512 MB RAM

Hard Drive: 4.7 GB

DVD Drive - 8 SPEED

Video Card: 64 MB*

Sound Card - DirectX 9.0c compatible

DirectX - Version 9.0c

Online Multiplayer: 512 Kbps or faster; 2-8 Players

Input - Keyboard, Mouse

Optional: USB Steering Wheel / Dual Analogue Gamepad


Link

via Indowebster (4.7gb ISO File)

Part1  Part2  Part3  Part4  Part5  Part6  Part7

Semoga Bermanfaat!
Salam TYZ!

Read More

The House Of The Dead 3 - COMPRESSED

Mungkin Sudah Banyak yang tau tentang game ini, game ber-genre Horror ini memang banyak diminati sekitr beberapa tahun lalu. Buat yang ingin Bermain tembak menembak melawan Zombie yang ada di Rumah Hantu, Wajib Download Game ini, meskipun sudah jadul tapi tetep seru untuk dimainkan, dan juga game ini sangat menegangkan... Berminat??? Ayo Download Game The House Of The Dead III Gratis Disini!!!

Minimum Requirements:
Windows 98/ME/2000/XP/Vista/7
CPU: Intel Pentium III 733 MHz or equivalent AMD Processor
Memor 500 MB RAM

How To Install the game:
1.join file with hjsplit
2.extract filenya
3.klik the house of the dead reg.reg

Download: HERE!!!!
Pass: theyoungsterszone.blogspot.com

Semoga Bermanfaat!
Salam TYZ!

Read More

SBK Superbike World Championship 2011

Minimum System Requirements

OS: Windows XP/Vista
Processor: Intel Pentium 4 @ 2.4 GHz / AMD Athlon XP 2600+
Memory: 2 Gb
Hard Drive: 4 Gb
Video Memory: 128 Mb
Video Card: nVidia GeForce 6600 / ATI Radeon X1300
Sound Card: DirectX Compatible
Network: Broadband Internet Connection
DirectX: 9.0c
Keyboard
Mouse

Download: HERE!!!
Pass: theyoungsterszone.blogspot.com

Semoga bermanfaat!
Salam TYZ!

Read More

Men of War : Assault Squad

Screenshots:

Men of War: Assault Squad takes place across the globe during the height of World War II and features five different armies each with their own unique units, vehicles and abilities. The game also features the unique "direct control" feature which enables players to maneuver units using the directional keys, rather than pointing and clicking. PC Generals can get behind the controls of a tank to smash through obstacles, crush soldiers under its tracks and fire armor-piercing shells at enemy emplacements, or take control of individual soldiers as they fight.

Features:

Different historical settings and battlegrounds for every nation presented in the game allowing players to face distinct varieties of enemies and tactics
Unique hero units with powerful abilities such as increasing units' firepower, boosting morale or providing other advantages to defeat the enemy against all odds
Bonuses featuring remote controlled bombs that can flatten entire residential blocks, airstrikes to destroy incoming tank columns, special "For the Motherland" charge attacks and many more
Improved and dynamic AI ensures that no two missions in the game will play out the same way, making each battle a new experience against an AI that really fights back
A great choice of various locations including Western Europe to Eastern Europe, North Africa and the Pacific area
The ability to play together with up to four friends in LAN or cooperative online play
New multiplayer maps and game settings
Improved multiplayer providing authentic use of equipment and vehicles
Overhauled infantry squads and the ability to purchase specific soldiers
More realistic weapon behavior and penetration values
A reworked artillery system providing innovative assault and defense strategies
New types of ammunition which increase the tanks' strength

System requirements:
* Windows XP / Vista / Windows 7
* 2.6GHz Processor
* 1GB RAM
* GeForce 6200/Radeon 9600 Videocard or higher
* DirectX 9.0c
* Compatible sound card
* 4GB free HDD space
* DVD-ROM

Download link @IDWS (Single link)
Size 1.12 GB


INSTALL NOTES
1. Mount or burn the image
2. Install
3. Copy the content from the SKIDROW folder to the game installation
4. Support the companies, which software you actually enjoy

Download: HERE!!!!
Pass: theyoungsterszone.blogspot.com

Semoga Bermanfaat!
Salam TYZ!

Read More

Trik Memasang Avatar penulis blog

Trik Memasang Avatar penulis blog,Mungkin sobat sering melihat avatar" atau foto penulis blog yang penulis blognya berbeda,dan mempunyai avatar'a masing" yang berbeda seperti template Anime" orang luar negeri yang tiap design'a menggunakan sistem postingan seperti itu.sebenarnya Ini trik lama dan untuk memasang'a sangat simple,tapi trik saya kali ini agak berbeda dengan yang lain ,karena trik yang saya berikan valid HTML dan penempatan CSS'a yang benar.penggunaan css Inline Styles yang salah contoh'a seperti dibawah ini.

<div style="color=#fff;background:#fff;">...</div>

Sebisa mungkin hindari penggunaan inline style seperti diatas. Lebih baik menggunakan stylesheet bawaan blogger,diantara <b:skin> isi css </b:skin>. cara ini akan sangat memudahkan kamu pada saat mengedit CSS'a.

Untuk mencoba trik ini saya sarankan untuk membackup template kamu agar tidak terjadi hal yang tidak diinginkan.sebenarnya cara'a cukup simple dan sudah umum menurut saya.
Fungsi avatar'a itu sendiri menggunakan tag Conditional data:post.author yang memungkinkan untuk menampilkan konten dari author/penulis tersebut



ok langsung saja,pertama buka blogger=>rancangan=>edit HTML,lalu centang Expand Widget Templates.

Setelah saya coba,ternyata tidak semua template sama,oleh karena itu disini ada 2 cara:
tapi saya sarankan coba yang cara2 ,karena tingkat keberhasilan'a lebih tinggi daripada cara1 :)

Cara 1
kemudian Cari kode HTML seperti dibawah ini

<div class='post hentry uncustomized-post-template'>

#Note bila kamu menemukan kode html yang sama seperti diatas,pastikan dibawah kode html itu ada kode:

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

Cara2

Cari kode Html yang mirip" seperti dibawah ini

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>




<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

Setelah itu,copy paste Kode HTML dibawah ini

<div class='admin'>
<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>
</div>

Cara1

copy paste kode html diatas tadi tepat dibawah kode:
(<div class='post hentry uncustomized-post-template'> )

Atau


Cara2

copy paste kode html diatas tadi seperti dibawah ini.

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>

<div class='admin'>
<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>
</div>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

Setelah itu,copy paste CSS Dibawah ini,diatas kode ]]></b:skin>

.admin {
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: -webkit-linear-gradient(top, white, #EEE);
background: -moz-linear-gradient(top, white, #EEE);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
margin-left: 10px;
margin-top: 40px;
}

.admin img {width:68px;height:68px}

Pada CSS .Admin,untuk mengatur posisi gunakan margin.
CSS Diatas sama dengan Template saya Another dan Guilty Crown

pada CSS .admin img digunakan untuk mengatur lebar dan tinggi gambar/avatar itu sendiri

CSS Dibawah ini cuma Hiasan background gradient dan border radius CSS3,kamu bisa merubah warna atau sudut bulatnya.

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: -webkit-linear-gradient(top, white, #EEE);
background: -moz-linear-gradient(top, white, #EEE);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);

//Ada kemungkinan sesudah kamu menyimpan'a,posisi'a tidak beraturan,karena itu gunakan margin-left,margin-right,margin-top dan margin-bottom untuk mengatur posisi avatar tersebut.//

lalu simpan dan lihat hasilnya.dan lihat source code yang saya gunakan,sama dengan tutorial diatas
untuk contoh demo'a,silakan lihat sendiri pada template saya:
Another blogger template
Guilty crown Blogger template

Pengaturan Tambahan

Untuk Avatar,sama seperti template Another dan Template Guilty Crown kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I1BVAr25WcLXOm5FI9nUXTB99ZVyVh1fnOkWtc_EXx7nxTUYrYITUxnnk3OKf-k6to-si8iWNjWyh0EFmk-YvW8r7XNpobIckPsxIbw7giO2pLeT5mQwczQVm53Zg7oRlAvAO1Cvfzi_/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>


kode html Diatas ini,saya cuma beri 1 jenis avatar untuk 1 author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia.untuk menambahkan avatar'a,yang kamu perlu lakukan cuma copas HTML diatas,tepat dibawahnya,lalu ganti nama penulis dan url gambar avatar'a.

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a

//Saya Sudah mencobanya di berbagai template,dan hasilnya ada beberapa yang bisa menggunakan cara 1 dan juga ada yang bisa menggunakan cara2.//

Selesai deh.jadi dengan ini saya harapkan sobat bisa lebih kreatif dalam hal CSS dan HTML,jangan ngikutin style orang lain,apalagi punya orang luar negeri.ciptakan style kita sendiri,kreasi kita sendiri,dan hasil tangan kita sendiri.Ini Style ku,apa style mu?Indonesia harus kreatif.Arigatou Gozaimasu,semoga bermanfaat :)

Read More

If not for some of the glaring bugs in the retail version, RollerCoaster Tycoon 3 would have been a truly excellent sequel to a beloved franchise.

Gameplay Screenshots

Description

RollerCoaster Tycoon 3 is completely updated and redesigned to take the series to all-new heights. Featuring overhauled 3D graphics and the exclusive new Coaster Cam, you can now see your park from any angle and ride the coasters you build. From street level to blimp, see your park pulse with fun and excitement like never before. Features include an enhanced user interface, complete camera control, and the ability to light up the night with the new park lighting system. The game stars a huge array of diverse guests and you can even create your own family members and friends and add them to your park. Create pyrotechnic wonders with the new Fireworks MixMaster, build your dream park with unlimited funds in “Sandbox” mode, and add music to rides and fireworks shows from your own mp3 library. Five themes are available: Generic, Spooky, Western, Adventure and Sci-fi.

Features

*Experience incredible new 3D graphics
*Ride the Rides with the Coaster Cam™
*Build rides easier with the enhanced user interface
*Light up the night with the new park lighting system
*View your park from any angle with complete camera control
*See breathtaking park vistas including realistic sunsets, moonlight, weather patterns and more…
*A huge array of diverse guests — everyone is unique!
*Create your own family members and friends and add them to your park
Respond to the individual likes and dislikes of kids, teens and adults
*See fully animated individuals (including facial expressions!) exhibit intelligent behavior, both individually and as a crowd
*More Rides and Attractions!
*Create pyrotechnic wonders with the new Fireworks MixMaster
*Build your dream park with unlimited funds in “Sandbox” mode
*Add music to rides and fireworks shows from your own mp3 library
*Includes many New-to-RollerCoaster Tycoon rides and attractions
*Design your park with 5 fun themes: Generic, Spooky, Western, Adventure and Sci-fi

System Requirements

Minimum System Requirements
OS: Windows 98/ME/2000/XP
Processor: Pentium 3 @ 733 MHz
Memory: 128 Mb
Hard Drive: 600 Mb free
Video Memory: 32 Mb
Video Card: GeForce 2
Sound Card: DirectX Compatible
DirectX: 9.0
Keyboard
Mouse
DVD Rom Drive
Recommended System Requirements
OS: Windows 98/ME/2000/XP
Processor: Pentium 4 @ 1.3 GHz
Memory: 256 Mb
Hard Drive: 600 Mb free
Video Memory: 64 Mb
Sound Card: DirectX Compatible
DirectX: 9.0
Keyboard
Mouse
DVD Rom Drive

Download Links

Total Size:

660.56 MB

Fileserve Links
http://www.fileserve.com/file/SsfzMHG
http://www.fileserve.com/file/ZnNUZ4d
http://www.fileserve.com/file/j7vPW8N
http://www.fileserve.com/file/DbNtQk4
http://www.fileserve.com/file/8EKDRcJ
http://www.fileserve.com/file/2sZg9RT
http://www.fileserve.com/file/DUb3pwS

Semoga Bermanfaat!
Salam TYZ!

Read More

Another Blogger Templates

hore Selesai juga template experimen aq.thx untuk teman saya MikhailRyu yang udah share template'a.kali ini saya mengedit template milik teman saya yang katanya model'a mirip bakuhatsu.karena saya merasa tertarik untuk mencicipi'a,ehh,maksudnya modifikasi,akhirnya saya coba untuk mengedit template ini.

Pertama kali saya liat tampilan template ini sih jujur aja terlihat gimana gitu==v.
dan setelah saya isinya,tenyata banyak css dan html yang broken.dan banyak script" gajelas yang ga ada fungsinya==".huftt...butuh tenaga ekstra buat rapiin css&html'a deh.

Dan.ceritanya masih panjang,tapi ga usah basa basi lagi,saya jelaskan dulu mengenai template another.Untuk tema'a sendiri saya terinspirasi dai film anime another yang dikategorikan sebagai film supernatural,horror.nah karena itu saya buat pula blogger template bertemakan Anime yang terkesan gelap,dan mistiss.wakwkawkawk,ga terlalu nakutin juga kq gambarnya,malah keren~

Preview

Template Anime ini sudah saya rombak total dari template sebelumnya.sidebar saya buat jadi 1 disebelah kiri,sedangkan yang sebelah kanan saya hapus agar ukuran badan blog jadi kecil.saya tambahkan pula footer 3 kolom dan saya juga menambahkan newsfeed/headline pada header.disini saya sengaja tidak menambahkan ruang banner pada header,karena saya pikir sangat menggangu,jadi saya tdk tambahkan~
oia,dan juga saya menambahkan simple Menubar CSS3 yang sudah saya modif sedemikian rupa dengan hover efek,jadi ketika kita mengarahkan cursor ke menu,maka menubar'a akan muncul dari atas.

Apalagi ya?Oia,saya buat tampilan homepage dan halaman posting berbeda background dan ukuran yang lebih kecil+gambar header berbeda

Jangan lupa Avatar pada author/penulis blog template ini bisa berbeda,tapi ada pengaturan khusus untuk ini.dan template ini sudah dilengkapi auto readmore~


Sudah taukan konten" yang ada di template ini?
Untuk selanjutnya saya jelaskan pengaturan template ini~


Pengaturan 1

Headline

Buka blogger=>rancangan=>element halaman
lalu klik edit pada widget feed,kemudian ganti url blog'a dengan url blog kamu.

Tapi kalau kamu mengalami widget feed blank seperti gambar dibawah ini,dan tidak bisa dihapus/tdk ada tombol removenya~

buka edit HTML kembali,lalu cari kode html sperti dibawah ini

<b:widget id='Feed1' locked='false' title='' type='Feed'/>

hapus widget'a,simpan,kembali ke element halaman,lalu tambahkan widget/add Gadget Feed yang baru,maka widget'a akan kembali normal.

Pengaturan 2

Menubar

Buka blogger=>rancangan=.edit HTML lalu cari kode html seperti dibawah ini.

<div id='nav'>
<ul>
<li><a href='http://#'>Menu1<br/><span>Home</span></a></li>
<li><a href='http://#'>Menu2<br/><span>About me</span></a></li>
<li><a href='http://#'>Menu3<br/><span>Contact</span></a></li>
<li><a href='http://#'>Menu4<br/><span>Portfolio</span></a></li>
<li><a href='http://#'>Menu5<br/><span>Story</span></a></li>
<li><a href='http://#'>Menu6<br/><span>Anime</span></a></li>
<li><a href='http://#'>Menu7<br/><span>Download</span></a></li>
</ul>
</div>

Lalu ganti tanda pagar '#' dengan alamat link kamu
lalu simpan~xD

Pengaturan3

Avatar

Untuk Avatar,kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7YKFYdks1RLV8Aj3xcsu0g9wIGMKqBXr7ycp9rePL4KgHcS00aYtse7HBQriIbszcHLiIeiZSteEGoK1YMwesx3D9H0jcPkjvKEAKUyjobXAg4BLT6e030Ad7R_xUfqsD8pf534vJvuU3/s1600/Avatar4th96+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPYa9att_f1WkFrn0z-pW4SsS7t11WMu_fvWSS4hBt8JRyt583FgY-vUz_bxyG8EeBuNMaU7oClSws5de4yTgFB0rn1gTHQfb5PgyF2gKRL-wlLYGaC9F-RALpTcaXL5MEVlHVBQ3WDIdb/s1600/Avatar4th96+copy+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0FTCs8r3n2DObBhgP5APYtoy_rCMKXOiT1s0wKHisgmSEwba0szrIp3j4aTtL1UgmIrk7ZLwM_jA3oKbgXkV_Fz11hwWpX2Vgtcl6m9xfmZONc-xEQfeZfULf_B3Yzrjzwq-00tgET3PH/s1600/Avatar4th96+copy+copy+copy+copy.png'/></b:if>


kode html Diatas ini,saya sudah sediakan 3 jenis avatar untuk tiga author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a

UPDATE!!
pengaturan4

Bila kamu ada masalah dengan Judul blog yang kepanjangan/ tidak mendapat ruang,lebih baik kamu buat ukuran'a jadi kecil,supaya judul blog tidak keluar batas header.
cara,a,buka blogger=> rancangan=> edit html,lalu cari css seperti dibawah ini

Untuk merubah ukuran text pada judul blog,ganti nilai pada font-size menjadi 80 atau 70 sesuaikan dengan nama blog kamu agar teratur posisi nama blog kamu

#header h1, #header .description {
color: white;
font-size: 85px;
font-family: 'Overlock SC', cursive;
text-shadow: -5px -5px 20px red, 5px 5px 20px black;
text-align: center;
width: 860px;
line-height: 60px;
}

sama seperti diatas,tapi css dibawah ini untuk descripsi blog kamu.bila descripsi blog kamu panjang dan ingin mengecilkan ukuran text'a,kamu tinggal mengganti nilai font-size'a menjadi 23,22, atau 21px sesuaikan dengan blog kamu ^^

#header .description {
display:block;
font-size:24px;
text-shadow: -5px -5px 20px red, 5px 5px 20px black;
position: relative;
margin-left: 0px;
}

selesai deh,bagi yang mau coba Anime template Blogger ini,saya ingatkan dahulu untuk membackup template kamu agar tidak terjadi sesuatu yang tidak diinginkan~xD
Selamat mencoba,Arigatou gozaimasu~



oia ada tambahan,template ini kebanyakan gambar,bagi yang koneksi internetnya ga kenceng mungkin akan terasa agak lama saat proses rendering/loading gambar'a.tapi saya jamin kalau cache udah kesimpen di browser kamu,akan lebih ringan.jadi sabar aja yang pertama kali membuka tampilan template ini,seterus'a akan lancar kq.

tenang saja sob,saya udah ada rencana rombak template ini versi full CSS'a.comming soon.
kalau mau ngedit template ini,edit sendiri ya ~ganbatte Kudasai~


-Update!! Released: Maret 18, 2012
Fix a bug:
-header blog automatic center / judul blog automatis rata tengah //fixed
-navbar:fix z-index / perbaikan navbar yang terhalangi kontent blog //fixed
-post img : fix auto height //fixed
-post blockquote img : auto width //fixed

//templatenya sudah diperbaiki,bagi yang sudah menggunakan template another sebelumnya,silakan download lagi template ini,dan upload ke blog kamu.thx//

Download Via Google Drive

Download Via Dropbox

Demo

Read More

Black Rock Shooter Blogger Templates

Hai sobat.kali ini saya mau share template experimen saya nih,tema'a black rock shooter.design'a yang unik dan aneh kalau diperhatikan dari struktur template yang saya buat 1 kolom 3 footer.pada tampilan homepage dan halaman posting berbeda,tampilan'a saya buat semenarik mungkin dengan penempatan widget" teratur dan penempatan background'a juga sudah saya atur pada halaman depan,sedangkan pada halaman posting saya buat lebih simple.ada baiknya sebelum mengunakan template ini,backup dahulu template kamu.dan saat memasang template ini saya sarankan untuk menghapus semua widget lama anda karena dapat menyebabkan salah penempatan widget pada awal pemakaian template ini.sebelum'a saya jelaskan dulu pengaturan template ini.

Pengaturan 1

Cara mengganti pesan diatas:
buka blogger=> rancangan=>edit HTML

lalu cari kode html dan text seperti dibawah ini,lalu kamu ganti pesan'a

<div class='herder'>
<p>Blog ini berisi tentang info seputar Design blog menggunakan css,css3,html dan jquery.saya juga berbagi tips ,trik dan template blogger buatan saya sendiri untuk sobat.Tersedia CSS3 blogger template , Anime blogger template dan lainya . semoga bermanfaat ^^ </p>
</div>

Pengaturan 2


Widget followers

Widget Profile

Widget Bloglist

Pada ketiga widget diatas,saya sarankan agar tetap pada posisinya.

Sedangkan untuk ketiga footer diatas,kamu bebas menambah jumlah widget'a

Pengaturan3

Untuk mengganti url link pada menubar,buka blogger=>rancangan=>edit HTML
lalu cari kode html seperti dibawah ini

<div id='nav'>
<ul>
<li><a href='#'>Blogger Templates</a></li>
<li><a href='#'>CSS3</a></li>
<li><a href='#'>Jquery</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>Tips Dan Trik blog</a></li>
</ul>
</div>

ganti tanda pagar '#' dengan URL link kamu

Pengaturan 4

Untuk mengganti daftar isi blog,buka blogger=>Rancangan=>edit HTML=> centang expand widget templates
lalu cari kode html seperti dibawah ini.
<div class='jokeren'>
<h5>Trik Menarik lain&#39;a</h5>
<div id='daftarisi'>
<script src='http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js'>
</script>
<script src='http://djogzs.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc'>
</script>
</div></div>

Ganti Url Blog pada url blog saya dengan url blog kamu seperti diatas yang sudah saya beri warna merah.

Selesai deh pengaturanya.mungkin agak rumit,tapi nama'a juga template experimen.jadi mungkin agak ribet juga sihh.disini saya cuma sharing" template experimen saya,kalau mau diedit ,edit sendiri yah~ Selamat mencoba Arigatou Gozaimasu

Download

Demo

Read More

Ribbon menu CSS3

Apa kabar sobat?sudah lama nih saya share css3 karena sekarang sibuk kuliah,tapi kalau ada waktu senggang ,manfaatin aja deh~xDD thx sudah sering" mampir.nah kali ini saya mau share css ribbon menu.design menubar yang menyerupai pita,karena menarik dan ringan.ok langsung saja~


Pertama,buka blogger kamu => Rancangan=> edit HTML lalu masukan kode html di bawah ini.

<div class='menu'>
<a href='#'><span>Home</span></a>
<a href='#'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>

Ganti tanda pagar # dengan url link kamu

kemudian,masukan css dibawah ini di atas kode ]]></b:skin>

.menu:after, .menu:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid rgba(0, 159, 234, 0.3 );}
.menu:after {
border-right-color:transparent;}
.menu:before {
border-left-color:transparent;
}
.menu a:link, .menu a:visited {
color:#fff;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;}
.menu span {
background:rgba(0, 159, 234, 0.3 );
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s;
-moz-transition: background, margin 0.2s;
-o-transition: background-color, margin-top 0.2s;
transition: background, margin 0.2s;
}
.menu a:hover span {
background:rgba(0, 159, 234, 0.5 );
margin-top:0;
}
.menu span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #9B8651;
border-bottom:0.5em solid rgba(0, 159, 234, 0.3 );
}
.menu span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #9B8651;
border-bottom:0.5em solid rgba(0, 159, 234, 0.3 );}

lalu simpan dan lihat hasilnya.
Contohnya,kamu bisa lihat dibawah ini

HomeAboutServicesContact

Simple bukan? selamat mencoba,Arigatou Gozaimasu~

Read More

ROME-Total War

Minimum System Requirements
English version of Microsoft®
Windows® 98SE/ME/2000/XPPentium® III 1.0GHz (1000MHz) or Athlon? 1.0GHz (1000MHz) processor or higher
256MB RAM
8x Speed CD-ROM drive (1200KB/sec sustained transfer rate) and latest drivers.
2.9GB of uncompressed free hard disk space (plus 500MB for Windows® swap file).
100% DirectX® 9.0b compatible 16-bit sound card and latest drivers
100% Windows® 98SE/ME/2000/XP compatible mouse, keyboard and latest drivers
DirectX® 9.0b (included).
1024 x 768 Monitor Resolution.
3D Hardware Accelerator Card Required - 100% DirectX® 9.0b compatible 64MB Hardware Accelerated video card and the latest drivers*.

Multiplayer Requirements:
Internet (TCP/IP) and LAN (TCP/IP) play supported.
Internet play requires broadband connection and latest drivers.
LAN play requires network interface card and latest drivers

Download: HERE...!!!

PASSWORD: theyoungsterszone.blogspot.com

Semoga Bermanfaat!
Salam TYZ!

Read More