AH-SHARED

Matrix Screensaver With C++

noreply@blogger.com (Unknown) — Sun, 24 Nov 2013 03:03:00 +0000

ernah terpikir oleh sobat membuat screensaver matrix dengan bahasa pemrograman C++?? jika belum maka sekaranglah waktunya untuk menunjukkan hasil karya saya selama dikampus.

Sobat AHS,pada kesempatan kali ini saya akan membagikan Cara Membuat Matrix pada C++ kepada anda,khususnya yang suka programming atau yang sedang belajar dengan bahasa C++

Ini sebenarnya punya tugas saya,tetapi berhubung sudah selesai ya saya share aja, tetapi yang saya share bukan contoh kodenya melainkan langsung program jadinya..

Kenapa kok begitu?? itu sengaja, supaya anda juga ikutan tertarik untuk membuatnya,supaya melatih anda semua.. dan juga melatih seberapa kemampuan logika anda untuk membuat suatu program dalam bahasa C++

Disini(source codenya) saya tidak memakai fungsi-fungsi dalam array ataupun gotoxy,hanya memakai fungsi dari for saja. Bagaimana sobat?? tertarik untuk melihatnya??

oke, bagi yang mau aja,, silahkan download file nya :

Link Download

Download

*bila ada link rusak segera meminta ganti*

Password :

Oke,demikianlah artikel tentang Matrix Screensaver With C++ semoga bermanfaat.

Cara Membuat Blockquote Dengan Gambar

noreply@blogger.com (Unknown) — Wed, 06 Nov 2013 16:07:00 +0000

Cara Membuat Blockquote Dengan Gambar - Hallo sobat AHS pada kesempatan kali ini, saya akan posting tentang Cara Membuat Blockquote Dengan Gambar ya sebelum kodenya dicuri oleh orang² yang tidak bertanggung jawab, atau orang yang ngiri dengan blockquote saya.. mending saya share duluan :p
Oh iya, tutorial ini di request oleh salah satu dari sobat AHS (n_n)b mau request an anda terpenuhi juga?? makanya buruan request :v,,

penasaran kan demonya seperti apa?? okelah mari dilihat dahulu demonya sobat..

Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.

*Mohon maaf blockquote saya ubah,jadi demonya tidak ada,silahkan lihat gambar saja*

Nah itu dia demonya,sekarang kita akan menyimak tutorialnya..

Cara Membuat Blockquote Dengan Gambar

Pertama : anda harus masuk blogger terlebih dahulu
Kedua : bila sudah masuk blogger segera copy kode dibawah ini diatasnya kode <b:skin>

.post blockquote{-webkit-box-shadow:rgb(221, 221, 221) 4px 4px 4px;-moz-box-shadow:rgb(221, 221, 221) 4px 4px 4px;box-shadow:rgb(221, 221, 221) 4px 4px 4px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vS5lKT9yCtxhytJwqout6hXLL8vnOV2v5qJrZ5g7BYYvUu9U6q0vv7dIyGbqGh6CduMJTXYnKO5tRP6FNTL12eb5QQIYvaB88RQEl79QQd_KvN_mEAbHd_pc3CErhCmjFxeaADyrKoa8/s1600/blockimg.png);background-position:0% 0%;background-repeat:no-repeat repeat;border-radius:6px;border-top:1px solid #DDD;border-right:1px solid #DDD;border-left:1px solid #DDD;border-bottom:1px solid #DDD;text-align:left;border-width:1px;color:black;font-family:Consolas, 'Courier New', Monaco, Courier, monospace;line-height:18px;margin:0px 20px;overflow:hidden;padding:10px 20px 10px 45px;}.post blockquote p{margin:0;padding-top:10px;}

Penjelasan Maksud Kode

Potongan kode	Penjelasan
.post blockquote {..; background-image: url( http://1.bp.blogspot.com/ -HBhXg7CQlPI/ Uh7Q0uKOBdI/AAAAAAAABZI/ V91IQ9nnI8g /s1600/blockimg.png ) ;... }	itu sudah jelas sobat,itu hanya gambar yang bisa di repeat ke arah sumbu Y secara berulang-ulang haha.. kalian semua ketipu sama gambar :v
{ ..; background-position: 0% 0%; background-repeat: no-repeat repeat; border-radius:6px;.. }	nah,kalo yang ini untuk mencegah agar gambar yang tadi itu tidak merepeat/mengulang terus-menerus(tidak sesuai dengan kemauan kita)

Saya rasa intinya cuma itu saja.. jika ada yang belum jelas silahkan bertanya aja

FAQ : A : Saya Sudah Memasang blockquote,apa yang harus saya lakukan??
Q : Hapus saja css blockquotenya,biasanya namanya juga sama (yaitu .post-body blockquote atau .post blockquote),ganti dengan css blockquote ini.

Ketiga : bila anda sudah menerapkan semua tutorial yang diatas itu,maka anda hanya perlu memanggilnya, contoh :

<blockquote>hanya coba ngetest blockquote baru saja kok</blockquote>

Oke,selamat mencoba,..
Demikianlah posting tentang Cara Membuat Blockquote Dengan Gambar, semoga bermanfaat..

Cara Membuat Simple Navbar Blogger With Social Button

noreply@blogger.com (Unknown) — Sat, 26 Oct 2013 14:25:00 +0000

Cara Membuat Simple Navbar Blogger - Yosshh.. setelah lama ngga update kali ini AHS akan update tutorial lagi,, kali ini AHS akan membagikan tutorial tentang cara membuat navigasi simple ala AHS yang sebelumnya pernah dipake,tapi karena sekarang sudah ganti lagi,jadi yang lama saya share aja daripada kesimpen di lemari terus :3 hehe..
tujuan share ini apa ya??
hmm.. ada yang minta di ajari buat navigasi simple kayak gini tuh,ya sekalian bagi-bagi trik gratis gitu..
makanya bro,tetap stay tune di sini ya,nantikan update artikel yang berkualitas :3 *sedikit bercanda*

untuk yang penasaran sama demonya silahkan di lihat aja langsung :

Demo

udah tau kan?? langsung ke tutorialnya.. simak baik-baik..

AHSBar CSS Design

udah melihat demonya kan?? oke sekarang saya akan mengajari bagaimana cara membuatnya,simple aja kok sebenarnya..

CSS

#AHSbar{background-color: #fff;border-bottom:5px solid #c0392b;box-shadow:0px 1px 2px rgba(0,0,0,0.3);height:40px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;}#AHShelp,#AHSmenu2{margin:0 auto;width:100%;max-width:1050px;}.AHS-connect{width:252px;float:left;margin:-3px 20px;padding:0px;height:34px;}.AHS-connect li{float:left;}.AHS-connect li a{display:block;width:34px;height:34px;line-height:40px;outline:none;margin:0 2px;position:relative;text-align:center;color:#c0392b;}.AHS-connect li a:hover{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#393939;margin-top:-5px;}.AHSlogo{float:left;background:#fff;}.AHSlogo img{margin:-3px auto;opacity:.3}.AHSlogo img:hover{margin:-3px auto;opacity:1;transition:all 1.4s ease-in-out;-webkit-transition:all 1.4s ease-in-out;-moz-transition:all 1.4s ease-in-out;}

HTML

<div id='AHSbar'>
<div id='AHSmenu'>
<div id='AHShelp'>
<div class='AHSlogo'>
<a href='#'><img alt='AH-SHARED' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF_2dEudOhJHzZ2007l2CzXo5IBppt1Bzv-VvC8VOECgYsDl9If55FCFzd80Dy3GCwF_6QIlYRIvufrM0YuOHiSb0qOIjhIoTukV4rLEMFsWMMyaOlWkz2OqO-ZeJMSLe3k9XBPbPuqKhn/s1600/AHS-logo.png' style='padding:0px;' title='Home'/></a></div>
<div class='AHS-connect'>
<ul><li><a href='http://www.facebook.com/id-fb' rel='nofollow' target='_blank' title='Facebook Author'><i class='icon-facebook-sign'></i></a></li>
<li><a href='https://twitter.com/id-twitter' rel='nofollow' target='_blank' title='Twitter Author'><i class='icon-twitter-sign'></i></a></li>
<li><a href='https://plus.google.com/id-gp' rel='nofollow' target='_blank' title='Google+ Author'><i class='icon-google-plus-sign'></i></a></li>
<li><a href='#' onclick='prompt("My Skype ID:","user-skype")' rel='nofollow' title='Skype Author'><i class='icon-skype'></i></a></li>
</ul>
</div>
</div>
<div id='AHSmenu2'>
<div id='search'>
<form action='#url-tujuan-search' id='id-cse'><input name='cx' type='hidden' value='id-unik-cse'/><input name='cof' type='hidden' value='FORID:10'/><input name='ie' type='hidden' value='ISO-8859-1'/><input name='q' onblur='if (this.value == "") {this.value = "Search Something...";}' onfocus='if (this.value == "Search Something...") {this.value ="";}' size='30' type='text' value='Search Something...'/>
</form>
</div>
</div>
</div>
</div>

Cara Memasangnya gimana???

saya anggap sudah masuk blogger
sekarang copy kan kode CSS nya ke atas kode </b:skin>
lalu,kode HTMLnya taruh diatas kode <body>
bila,kode <body> tidak ada maka,anda hanya perlu cari kode <body saja,gunakan CTRL+F untuk memudahkan pencarian
silahkan ganti gambar yang ada(ukurannya sekitar 70x50) dan tanda # dengan url tujuan sobat,juga sekalian ganti yang bertuliskan id-gp,id-twitter,id-fb,user-skype,#url-tujuan-search,dan id-cse sobat

Selamat mencoba..

Oke,tutorial hari ini sampai sini dulu ya,,byee..

Membuat Blok Catatan,Tips,Alert,Note Di Blog

noreply@blogger.com (Unknown) — Wed, 09 Oct 2013 09:41:00 +0000

Membuat Blok Catatan,Tips,Alert,Note Di Blog - Yak..Halloo sobat..,,setelah sekian lama AHS ngga update postingan gara-gara saya sibuk,kali ini AHS update dan saya akan berbagi cara untuk membuat blognya semakin stylish dan kelihatan jauh lebih fresh..

Saya rasa bagi sobat yang sudah mahir CSS tentunya tidak akan asing dengan postingan kali ini.

tapi walaupun anda sudah mahir,pastinya anda butuh ide untuk memoles entah itu postingan blog ataupun halaman home blog anda yang tentunya di inspirasi oleh orang lain.

Oke udah melihat screenshotnya yang berada diatas belum?? nah,untuk lebih jelasnya, supaya anda juga ngga penasaran maka,sebelum anda melihat CSS yang saya akan berikan ini,silahkan melihat demo yang berada dibawah :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.

Nah,bagaimana sobat?? tertarik?? jika iya,silahkan simak tutorial pemasangannya yang akan saya berikan ini..

CSS

.AHSalert,.AHSnotice,.AHSsuccess,.AHSinfo,.AHSseries{margin:5px 0;border:2px solid #ddd;padding:.8em .8em .8em 3.6em;text-align:left}.AHSalert{background:#fbe3e4 url(http://2.bp.blogspot.com/-m199bF-51Y8/UD-xoPclOMI/AAAAAAAAA2g/v0Ph5F33LTU/s1600/MBT+alert.png) no-repeat scroll .8em .4em;color:#8a1f11;font:bold 15px Trebuchet MS;border-color:#fbc2c4}.AHSnotice{background:#fff6bf url(http://1.bp.blogspot.com/-axW-b4k19rA/UD-xrlRIRCI/AAAAAAAAA20/WyWG5-lKfJw/s1600/MBT+notice.png) no-repeat scroll .8em .4em;color:#514721;font:bold 15px Trebuchet MS;border-color:#ffd324}.AHSsuccess{background:#CCFEBF url(http://3.bp.blogspot.com/-Ey_f4tLqWaw/UD-xsS60hmI/AAAAAAAAA28/q8aIYetyEwc/s1600/MBT+success.png) no-repeat scroll .8em .4em;color:#264409;font:bold 15px Trebuchet MS;border-color:#c6d880}.AHSinfo{background:#DFE7FE url(http://2.bp.blogspot.com/-jH9ysEu0PdI/UD-xqU42isI/AAAAAAAAA2s/vHFYlXqooEY/s1600/MBT+info.png) no-repeat scroll .8em .4em;color:#205791;font:bold 15px Trebuchet MS;border-color:#92cae4}.AHSseries{background:#9FCFFF url(http://1.bp.blogspot.com/-fB8_ur4gKYQ/UFLkgDuNEdI/AAAAAAAABAM/9Ig3cqe1f40/s1600/MBT+series.png) no-repeat scroll .8em .4em;color:#444;font:bold 15px Trebuchet MS;border-color:#099CEE}.AHSnotice a{color:#514721}.AHSsuccess a{color:#264409}.AHSinfo a{color:#205791}.AHSseries a:link{color:#19109F}.AHSseries a:hover{color:#1950CF}.AHSerror a,.AHSalert a{color:#8a1f11}

HTML

<div class='AHSalert'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>
<div class='AHSnotice'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>
<div class='AHSsuccess'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>
<div class='AHSinfo'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>
<div class='AHSseries'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>

untuk pengaktifannya silahkan simak langkah-langkah dibawah ini,..

jika sobat mau memakai kode alert maka memakai kode :

<div class='AHSalert'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>

jika sobat mau memakai kode notice maka memakai kode :

<div class='AHSnotice'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor.
</div>

begitu seterusnya,..

Kode itu disimpan dimana???

bila sobat ingin memakai saat loading blog(saat di halaman utama) maka CSS dari widget ini sobat bisa taruh di kode <b:skin> atau memakai kode <style>
bila sobat ingin memakai saat hanya di halaman posting maka CSS dari widget ini sobat bisa taruh di tag kondisional,jadinya seperti apa?? seperti contoh dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>
.AHSalert,.AHSnotice,.AHSsuccess,.AHSinfo,.AHSseries{margin:5px 0;border:2px solid #ddd;padding:.8em .8em .8em 3.6em;text-align:left}.AHSalert{background:#fbe3e4 url(http://2.bp.blogspot.com/-m199bF-51Y8/UD-xoPclOMI/AAAAAAAAA2g/v0Ph5F33LTU/s1600/MBT+alert.png) no-repeat scroll .8em .4em;color:#8a1f11;font:bold 15px Trebuchet MS;border-color:#fbc2c4}.AHSnotice{background:#fff6bf url(http://1.bp.blogspot.com/-axW-b4k19rA/UD-xrlRIRCI/AAAAAAAAA20/WyWG5-lKfJw/s1600/MBT+notice.png) no-repeat scroll .8em .4em;color:#514721;font:bold 15px Trebuchet MS;border-color:#ffd324}.AHSsuccess{background:#CCFEBF url(http://3.bp.blogspot.com/-Ey_f4tLqWaw/UD-xsS60hmI/AAAAAAAAA28/q8aIYetyEwc/s1600/MBT+success.png) no-repeat scroll .8em .4em;color:#264409;font:bold 15px Trebuchet MS;border-color:#c6d880}.AHSinfo{background:#DFE7FE url(http://2.bp.blogspot.com/-jH9ysEu0PdI/UD-xqU42isI/AAAAAAAAA2s/vHFYlXqooEY/s1600/MBT+info.png) no-repeat scroll .8em .4em;color:#205791;font:bold 15px Trebuchet MS;border-color:#92cae4}.AHSseries{background:#9FCFFF url(http://1.bp.blogspot.com/-fB8_ur4gKYQ/UFLkgDuNEdI/AAAAAAAABAM/9Ig3cqe1f40/s1600/MBT+series.png) no-repeat scroll .8em .4em;color:#444;font:bold 15px Trebuchet MS;border-color:#099CEE}.AHSnotice a{color:#514721}.AHSsuccess a{color:#264409}.AHSinfo a{color:#205791}.AHSseries a:link{color:#19109F}.AHSseries a:hover{color:#1950CF}.AHSerror a,.AHSalert a{color:#8a1f11}
</style>
</b:if>

bagaimana sobat?? sudah mengerti?? bila masih ada yang perlu ditanyakan silahkan langsung tanya saja,oke??

Demikianlah artikel Membuat Blok Catatan,Tips,Alert,Note Di Blog semoga bisa bermanfaat bagi kita semua.

Mengenal CSS Transition

noreply@blogger.com (Unknown) — Mon, 23 Sep 2013 01:04:00 +0000

Hallo jumpa lagi sobat AHS.. kalo kemarin saya posting tentang Bermain-main Dengan CSS Floating, kalo sekarang saya akan posting tentang Mengenal CSS Transition

yap,, kebanyakan orang yang masih awam tidak tau apa itu perbedaannya transition:all 0.3s ease-in dan transition:all 0.3s ease-in-out..
sebetulnya saya akan membahas tentang CSS Position,tapi menurut saya itu belakangan aja,sekarang kan musim CSS3 jadi ya saya akan mengambil tema pembahasan tentang Effect CSS3 yaitu ini..

mengenai effectnya sendiri,dia(effect transition)merupakan effect yang paling banyak fiturnya,..
syntaxnya kira" seperti ini :

-webkit-transition: property_name duration timing_function delay;      
-moz-transition: property_name duration timing_function delay;      
-o-transition: property_name duration timing_function delay;      
-transition: property_name duration timing_function delay;

bisa juga dipisah(seperti penulisan margin dan padding,untuk margin bisa dilihat di Kxmadagaskar)
kira" penulisan pemisahannya seperti ini :

transition-property: property_name;     
transition-duration: duration;     
transition-timing-function: timing_function;     
transition-delay: delay;

nah,sekarang coba sobat lihat tutorial sederhana berikut ini untuk lebih mengenal lagi CSS Transition..perhatikan baik-baik ya sobat..

Mengenal CSS Transition

oke langsung masuk ke intinya saja ya..,,coba sobat perhatikan contoh dibawah ini :

Kotak Tanpa Transition

pada contoh diatas saya menggunakan kotak sebagai penanda,nantinya kode kotak bisa dibuat yang lebih rumit lagi,..
untuk membuat seperti itu sih,semua orang harusnya udah bisa,contohnya begini(sederhana) :

<style type="text/css">
#kotak{
width:100px;
height:100px;
background:#2493c4;
color:#fff;
padding:5px;
text-align:left;
border:1px solid #2493c4;
}
</style>
<div id="kotak">Kotak Tanpa Transition</div>

Mudah bukan?? nah sekarang yang agak lebih rumit..kita akan coba memberikan efek transition pada kotak dibawah ini,..amati perbandingannya..

Contoh Kotak dengan Transition Ease-In

Kotak Transition Ease-In

yap selesai..,,contoh kode kotak diatas adalah :

<style type="text/css">
#kotak2{
width:100px;
height:100px;
background:#2493c4;
color:#fff;
padding:5px;
text-align:left;
border:1px solid #2493c4;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
}
#kotak2:hover{
background:#f03;
border:1px solid #f03;
transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;}
</style>
<div id="kotak2">Kotak Transition Ease-In</div>

Mudah bukan?? nah,,sekarang coba sobat bandingkan kotak diatas dengan kotak dibawah ini..

Contoh Kotak dengan Transition Ease-In-Out

Kotak Transition Ease-In-Out

gimana sobat?? udah tau dan mengerti perbedaannya?? nah berikut ini merupakan contoh final kode dari tutorial diatas..

Kotak Resizable Box

untuk mencoba-coba kode,saya sarankan jangan menggunakan dreamweaver,lebih baik pake notepad atau notepad++

Oke,, sampai disini dulu ya sobat..bye..

Bermain-main Dengan CSS Floating

noreply@blogger.com (Unknown) — Sat, 21 Sep 2013 07:54:00 +0000

Hallo....Kembali lagi nih,,.sorry sobat akhir-akhir ini AHS jarang update lagi,karena saya sudah kuliah dan kemungkinan butuh satu admin lagi, yang benar benar menguasai template dari AHS yang sekarang dan bisa update artikel terus *promosi*

itu serius sobat, anda kepingin jadi admin di blog ini?? Show your skill,buktikan ke aku kalo kamu memang pantas jadi admin di blog ini.
oke,sekarang saya akan membahas mengenai CSS Floating,apa sih itu CSS Floating?? CSS floating adalah kode css yang berfungsi untuk menyamakan tinggi artikel dan sidebar.

contohnya seperti ini :

Nah,untuk membuat seperti itu,mudah saja..mudah dalam arti cara untuk membuat seperti itu ada banyak,tinggal kita pilih yang mana,..

Bermain-main Dengan CSS Floating

kalo saya, membuat yang seperti itu, saya memakai kode begini :

<html>
<head>
<title>Main-Main Dengan CSS Floating</title>
<style>
*{margin:0;padding:0;font-weight:normal;font-size:100%;}
#wrapper{width:960px;margin:0 auto;}
#header{width:100%;background:red;height:60px;margin:10px 0;color:#fff;font-weight:bold;text-align:center;font-size:22px;}
#content{background:yellow;overflow:hidden;padding:20px;margin-bottom:10px;}
#artikel{width:600px;float:left;background:blue;height:700px;}
.artikel-1{width:90%;height:200px;padding:10px;margin:10px auto;background:yellow;color:#000;}
.artikel-2{width:90%;height:200px;padding:10px;margin:10px auto;background:yellow;color:#000;}
.judul{border-bottom:1px solid #000;font-weight:bold;font-size:18px;color:#000;margin:5px auto;}
#sidebar{width:300px;float:right;height:200px;background:blue;margin:10px auto;color:#fff;}
.judul-side{border-bottom:1px solid #fff;text-align:center;font-weight:bold;font-size:18px;color:#fff;margin:5px auto;}
#sidebar2{width:300px;float:right;height:200px;background:blue;margin:10px auto;color:#fff;}
#footer{width:100%;background:red;height:30px;color:#fff;text-align:center;}
.widget{margin:5px;}
</style>
</head>
<body>
<div id='wrapper'>
<div id='header'>AHS-Site</div>
<div id='content'>
<div id='artikel'>
<div class='artikel-1'><div class='judul'>WOI INI JUDULNYA</div>Yak,Kita saksikanorang jelek membaca tulisan yang tidak jelas ini,apakah yang kita akan lakukan sekarang???..</div>
<div class='artikel-2'>Yak,Kita saksikan orang jelek membaca artikel yang tanpa judul ini,kita lihat saudara" apakah yang akan dilakukannya?? wooo... dia menangisbung..</div>
</div>
<div id='sidebar'><div class='judul-side'>INI WOI JUDULNYA</div><div class='widget'>Nah ini baru ada judulnya xD</div></div>
<div id='sidebar2'><div class='widget'>No judul sidebar LOL xD</div></div>
</div>
<div id='footer'>Copyright &copy; AHS 2013 All Right Reserved.</div>
</div>
</body>
</html>

Dari kode diatas,kita bisa dapatkan kode :

<html>
     <head>
     <!-- Untuk style.css dan meta tag -->
     </head>
  <body>
  <!-- Isi dari body -->
  </body>
</html>

Kita udah mengenal kode itu bukan?? yap,itu adalah kode dasar dari HTML,lalu bedanya apa dengan xHTML?

saya jawab,xHTML adalah bahasa HTML yang di pake oleh blogger(kalo salah yaudah,mau gimana lagi :v )
blogger itu ada 2 bahasa,yaitu XML untuk templatenya sedangkan kode standar adalah xHTML
bedanya apa?? sebetulnya ngga ada,hanya berbeda sedikit.

oke,untuk pengunjung setia AHS yang ingin benar" belajar baik itu xHTML,HTML,CSS,Javascript,dll sebisa mungkin sering-sering mampir ke sini ya :v saya akan mencoba update artikel tentang itu.
oke,pembahasannya tunggu ada yang tanya dulu ya :v

Untuk masalah pencarian admin,hubungi saya di Fb,Twitter,Email. Akan diadakan tes kemampuan anda terlebih dahulu.
Atas Perhatiannya,Thx.

byee..

Cara Membuat Banner Ads 125x125 ala AHS

noreply@blogger.com (Unknown) — Wed, 28 Aug 2013 10:37:00 +0000

Hallo.. apa kabar sobat AHS??...udah berapa lama nih AHS ngga update lagi xD..
ya maklum aja sobat,habis ganti template sih xD...kali ini saya ingin membagikan tutorial tentang Cara Membuat Banner Ads 125x125 Ala AHS

ya,, jikalau dulu saya sudah pernah share yang memakai table yang itu >> Cara Membuat Banner 125x125, sekarang saya mau share yang memakai css..seperti ini contohnya sobat,,..

ya, seperti itulah contohnya, yuk langsung aja sobat,..

Cara membuat banner ads 125x125 seperti AHS

pertama,jelas masuk blogger lah -_-
setelah itu menuju ke dashboard > Template > Edit HTML
setelah masuk ke template,copy kode dibawah ini,pastekan di atas ]]></b:skin> atau bisa juga diletakkan langsung diwidget*yang ada di tata letak itu*(cari menggunakan Ctrl+F)

#ahsharedads{margin:0px;padding:0px;text-align:center;}
#ahsharedads img {
margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #c0392b;
-moz-box-shadow: 1px 2px 1px #c0392b;box-shadow: 1px 2px 1px #c0392b;}
#ahsharedads img:hover {-moz-transform: scale(1.0) rotate(370deg);
-webkit-transform: scale(1.0) rotate(370deg);-o-transform: scale(1.0) rotate(370deg);
-ms-transform: scale(1.0) rotate(370deg);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;
-webkit-transition:all 1.5s ease;-webkit-box-shadow:0px 0px 30px 0px #c0392b;
-moz-box-shadow:0px 0px 30px 0px #c0392b;box-shadow:0px 0px 30px 0px #c0392b;}

Eh,, belum selesai,..

lanjut,,copy kode dibawah ini,pastenya di Add Gadget(caranya ya, Layout/Tata letak > Add Widget > Add HTML/Javascript)

<div id="ahsharedads">
<div style="text-align: center;">
<a href="http://akisada-ryo.blogspot.com/" target="_blank"><img alt="A-R" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhha9akhpxFIqfVuESa_N-i9IIv1BSdGXjStpxRkZUyoWBNtPbySMWtu4Lghy9BQgypUFhQUZYAKYEbPGIqgFZonvXmH5tyz1IHpICjvQ1NNqUFdxpJM9KZllEsi2vVJqRPMRL6lT7dga4/s1600/pi.png" title="visit now" /></a>
<a href="http://cie-inc.blogspot.com/2013/05/the-best-information.html" target="_blank" title="Second"><img alt="Second" src="http://i.imgur.com/Xknq2bH.png" /></a>
<a href="http://vhee-zone.blogspot.com/" title="VHEE-ZONE"><img alt="VHEE-ZONE" src="http://i.imgur.com/efuftpo.png" title="VHEE-ZONE" /></a>
<a href="http://best-of-konoha.blogspot.com/" target="_blank" title="Konoha Blogger"><img alt="Foxrider Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV78kSxTBu2B0XmjHC7SBH3SDCLYGK9k-wGKW0nxUWKlTyveladY9CG428UX9FDTiWPyCU3ZTYjY27g9sEtAqAYxIOg_YRhQRaoUmhrZw4LRH31zVszwIMFztrUgdEK7LKJvp8OlP1NhX5/s1600/.gif" /></a>
</div></div>

Setting

Sebagian kode Adsnya

Kode	Penjelasan
-webkit-border-radius: 5px;-moz-border-radius: 5px;	Nah,kode itu untuk membuat sudut/border,melengkung.
-o-transform: scale(1.0) rotate(370deg);-ms-transform: scale(1.0) rotate(370deg);	Kode itu jika adsnya di hover/disentuh kan membesar 1.0 dan berputar sebesar 370 derajat

Cara memasukkan link gambar/banner kedalam widget

Nah, untuk yang ini,mudah saja,taruh saja link gambar/banner lengkap anda kedalam *sebutannya didalam* kode <div id='AHSads'> dan kode </div>

contohnya begini sobat,..

<div id='AHSads'>
..Kode Banner lengkap disini.. 
</div>

Untuk bannernya sendiri support berapa?? nah, untuk yang itu, bisa support sampai maksimal(sebanyak-banyaknya)

Nah,,sampai sini dulu ya sobat,, untuk demo bisa dilihat sendiri xD..bye..

Award AHS From CB Simple BloGzZ

noreply@blogger.com (Unknown) — Thu, 15 Aug 2013 02:59:00 +0000

Hallo sobat,, yap AHS kali ini mendapatkan award lagi,,.. *gembira*
ya,kali ini awardnya berasal dari CB Simple BloGzZ

Berikut ini adalah penampakan awardnya..

dan berikut ini adalah penampakan dari formulirnya..

Gimana pendapat kalian sobat?? ._.
Hah? apa?? masih ngga percaya?? coba kalian klik disini

gimana?? udah percaya kan??.. okelah :v

Thanks To :

God
My Family,My Girlfriend and other
CB Simple BloGzZ
And Special Thanks to You

Award AHS Dari Anonymous Revenge

noreply@blogger.com (Unknown) — Mon, 12 Aug 2013 09:24:00 +0000

Hallo sobat... yey AHS dapet award lagi :D yap, kali ini award AHS berasal dari Anonymous Revenge
Ini penampakan awardnya sobat..,,

dan,,
ini penampakan dari formulirnya sobat,,..

Nah,, gimana sobat???
hah? apa? masih belum percaya?? coba sobat klik disini

Thanks To :

God
My Parent,My Girlfriend and Other
Anonymous Revenge
and Special Thanks to You

Award AHS From Akisada-Ryo

noreply@blogger.com (Unknown) — Sun, 11 Aug 2013 06:41:00 +0000

Hallo sobat AHS,,Apa kabar sobat AHS,, baik kan?? *udah lah ngga mungkin di jawab -_-
Yey.. akhirnya AHS mendapat Award Best Design lagi,,,...kali ini awardnya berasal dari Akisada-Ryo..

Ini dia penampilan awardnya sobat,,..

nah,,itu dia sobat AHS,,yap.. kali ini AHS mendapatkan juara 1 :D
*sebetulnya saya pun masih ngga percaya ._. bisa dapet juara 1 ._.

Ini formulir/daftar/informasinya sobat,..

nah,, itu *nunjuk atas* adalah formulirnya,..
gimana sobat?? hah? apa?? masih belum percaya?? *sama sih ._.
coba klik disini sobat kalo masih belum percaya,,..

Thanks To :

God
Parents,My Girlfriend,and other
Akisada-Ryo
And You

Oke, sekian dulu,..

Cara Membuat Kotak Backlink dibawah post

noreply@blogger.com (Unknown) — Thu, 08 Aug 2013 10:17:00 +0000

Hallo sobat AHS,, jumpa lagi nih,, oh iya.. hari ini lebaran,, Saya beserta segenap keluarga dan seluruh kru *kru apaan? ._. coming soon krunya >.<"* AHS,,..
mengucapkan minal aidin wal faizin mohon maaf lahir batin :)
nah,, pada kesempatan kali ini saya ingin membagikan tutorial tentang Cara Membuat Kotak Backlink dibawah Post

mungkin sobat AHS juga sudah tau tutorial ini,,karena sudah banyak beredar di blog-blog lain,,
tapi disini saya ingin menjelaskan secara mendetail bagaimana sih cara pemasangan yang tepat sehingga tidak merusak template.

bagi yang belum tau juga ngga papa,bisa juga melihat lalu praktekin tutorial ini.
ini sobat bila anda belum tau screenshotnya seperti apa..,,

Udah tau kan?? yuk mari kita mulai tutorialnya,,..

Cara Membuat Kotak Backlink dibawah Post

pertama jelas login blogger
kemudian masuk dashboard > template > edit html
setelah itu cari kode ]]></b:skin> dengan menggunakan tombol Ctrl+F
lalu.. letakan kode dibawah ini tepat diatas ]]></b:skin>

#AHSbacklinks{overflow:hidden;margin-top:5px;border:4px solid red;box-shadow:0 0 20px #000;border-radius:5px;height:45px;width:720px;-webkit-transition:all 0.4s ease-in-out;}
#AHSbacklinks:hover{height:185px;-webkit-transition:all 0.7s ease-in-out;}
.AHSbkl{margin-top:3px;float:left;color:black;width:517px;border:1px solid #fff;background:transparent;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.AHSbkl:hover{color:black;border:1px solid #fff;background:transparent;}
#AHSbacklinksTitle{border:4px solid red;border-radius:5px;width:700px;height:20px;text-align:center;font-family:Black Ops One;font-size:20px;font-style:normal;font-weight:normal;color:White;margin:5px;padding:2px 10px;}

Eittss, belum selesai sobat

kemudian cari kode <data:post.body/>

Cara diatas hanya untuk orang yang sudah berpengalaman,buat anda yang belum coba turutin tutorial ini

setelah anda mengcopy code css diatas,cari kode <b:if cond='data:blog.pageType == "item"'>
dan letakan lagi kode dibawah ini tepat di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id='AHSbacklinks' style='margin-top:30px;'>
<div id='AHSbacklinksTitle'> - AHSBacklinks - ™ </div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL : <br/><input class='AHSbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press Ctrl+C to Copy' type='text'/></td></tr>
<tr><td>Code For Forum : <br/><input class='AHSbkl' expr:value='" [URL=" + data:post.url + "]" + data:post.title + "[/URL] "' onclick='this.focus();this.select();' readonly='readonly' title='URL For Forum' type='text'/></td></tr>
<tr><td>HTML Code : <br/><textarea class='AHSbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='HTML Code'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td/></tr>
</table>
</div>
</b:if>

Sudah selesai

Setting & Penjelasan

Kode Tutorial	Penjelasan
kemudian cari kode <data:post.body/>	Kenapa kode itu saya coret?? jawabannya sangat simple banyak blogger yang asal main copas dan langsung mencobanya,tidak belajar dulu itu kode apa dan sebagainya,,Memangnya tidak boleh pake kode itu? ya jelas, kode itu begitu kehapus maka template anda akan rusak,maka dari itu,saya menulis kan disini untuk amannya saja gunakan kode <b:if cond='data:blog.pageType == "item"'> kode itu bisa ditemui di semua template(bawah sendiri) di dekatnya kode <div id='post-footer....> atau sebelum kode jump-link(dikenal dengan #more)

Kode Tutorial

Penjelasan

kemudian cari kode <data:post.body/>

Kenapa kode itu saya coret?? jawabannya sangat simple banyak blogger yang asal main copas dan langsung mencobanya,tidak belajar dulu itu kode apa dan sebagainya,,Memangnya tidak boleh pake kode itu?
ya jelas, kode itu begitu kehapus maka template anda akan rusak,maka dari itu,saya menulis kan disini untuk amannya saja gunakan kode

<b:if cond='data:blog.pageType == "item"'>

kode itu bisa ditemui di semua template(bawah sendiri) di dekatnya kode <div id='post-footer....> atau sebelum kode jump-link(dikenal dengan #more)

Gambar Dari Tutorial diatas

Masih bingung sobat?? ._. masih belum menemukannya? nih saya kasih contoh lengkap kodenya seperti apa,..

Penjelasan gambar

yang saya kotakin kuning itu adalah kode <b:if cond='data:blog.pageType == "item"'>........</b:if>
panah orange itu merupakan kode #more atau bila post mempunyai jump-link
nah,yang saya maksudkan,, anda menaruh kode html dari tutorial ini kedalam/sebelum penutup </b:if>(jadi diatasnya panah orange itu)

sudah kan?? selamat anda sudah bisa memakai kotak backlink

Saya rasa cuman sekian,untuk warna,lebar,tinggi atur saja sendiri ._.
sampai jumpa lagi sobat AHS,,kita ketemu di lain kesempatan ya,,,...

Today Quote :

" Teruslah Berlatih,,Anggap Saja Try And Error Sudah Biasa,Justru Darisanalah Kita Bisa Belajar Dan Mengerti Seberapa Kemampuan Kita " #AHS-Quote

Cheat GTA San Andreas PC

noreply@blogger.com (Unknown) — Tue, 06 Aug 2013 10:35:00 +0000

Hallo sobat AHS
Kali ini saya ingin membahas/membagikan cheat tentang Cheat GTA San Andreas PC
GTA San Andreas adalah game genre Sandbox atau yang lebih dikenal game bebas(bebas berkeliling,bebas membunuh siapapun,dll :v)
GTA San Andreas(GTA SA) selain tersedia di PC,juga tersedia di PS2..Game ini dibuat oleh Rockstar Games,sebuah perusahaan game yang bermarkas di Toronto *kayaknya sih :v
Bedanya apa GTA SA di PS2 dan di PC??
hmm.. kalau kata saya sih,di PC kita bisa memodding/mengatur tampilan karakter,mobil,senjata,dll dengan mandiri,,kalo di PS2 tidak bisa ._.
*basa-basi sebentar ._.

Mungkin diantara sobat AHS ada yang kesel ya,,kenapa saya main game ini kalah terus ._.
itu tandanya sudah waktunya pake cheat ini sobat xD

Nah,, itu tadi sekilas info tentang GTA SA,,sekarang saya akan bagikan cheatnya..
simak ya sobat,,..

Cheat GTA San Andreas PC

Weapons, Health, Armor & Money

LXGIWYL = Weapon Set 1, Thug's Tools(Senjata Set 1)
PROFESSIONALSKIT = Weapon Set 2, Professional Tools(Senjata Set 2)
UZUMYMW = Weapon Set 3, Nutter Tools(Senjata Set 3)
HESOYAM = Health, Armor, $250k
BAGUVIX = Semi-Infinite Health
CVWKXAM = Infinite Oxygen(Oksigen Ngga Habis-habis)
ANOSEONGLASS = Adrenaline Mode
FULLCLIP = Infinite Ammo, No Reload(Ammo Tidak Terbatas)

Police, Stats & Gangs

TURNUPTHEHEAT = Increase Wanted Level Two Stars(Menambah level wanted 2 bintang)
TURNDOWNTHEHEAT = Clear Wanted Level
BTCDBCB = Fat
BUFFMEUP = Max Muscle(Berotot)
KVGYZQK = Skinny
AEZAKMI = Never Wanted(Tidak pernah bintang)
BRINGITON = Six Star Wanted Level(Bintang 6)
WORSHIPME = Max Respect(Maksimal Respect)
HELLOLADIES = Max Sex Appeal(100% Sex Appleal)
VKYPQCF = Max Stamina
PROFESSIONALKILLER = Hitman In All Weapon Stats(Level Hitman di semua senjata)
NATURALTALENT = Max All Vehicle Skill Stats(Maksimal Skill di semua kendaraan)

Spawning Objects

AIWPRTON = Spawn Rhino
OLDSPEEDDEMON = Spawn Bloodring Banger
JQNTDMH = Spawn Rancher
VROCKPOKEY = Spawn Racecar 1
VPJTQWV = Spawn Racecar 2
WHERESTHEFUNERAL = Spawn Romero
CELEBRITYSTATUS = Spawn Stretch
TRUEGRIME = Spawn Trashmaster
RZHSUEW = Spawn Caddy(Mobil Golf)
JUMPJET = Spawn Hydra
KGGGDKP = Spawn Vortex Hovercraft
AIYPWZQP = Have Parachute
ROCKETMAN = Have Jetpack
OHDUDE = Spawn Hunter(Helicopter)
FOURWHEELFUN = Spawn Quad
AMOMHRER = Spawn Tanker Truck
ITSALLBULL = Spawn Dozer
FLYINGTOSTUNT = Spawn Stunt Plane
MONSTERMASH = Spawn Monster

Vehicles

CPKTNWT = Blow Up All Cars
WHEELSONLYPLEASE = Invisible car
STICKLIKEGLUE = Perfect Handling
ZEIIVG = All green lights
YLTEICZ = Aggressive Drivers(Pengemudi Liar)
LLQPFBN = Pink traffic
IOWDLAC = Black traffic
FLYINGFISH = Boats fly
EVERYONEISPOOR = Traffic is Cheap Cars
EVERYONEISRICH = Traffic is Fast Cars
CHITTYCHITTYBANGBANG = Cars Fly
JCNRUAD = Smash n' Boom
SPEEDFREAK = All Cars Have Nitro(Semua mobil punya nitro)
BUBBLECARS = Cars Float Away When Hit
OUIQDMW = Free Aim While Driving
GHOSTTOWN = Reduced Traffic
FVTMNBZ = Traffic is Country Vehicles
BMTPWHR = Country Vehicles and Peds, Get Born 2 Truck Outfit

Gameplay

SPEEDITUP = Faster Gameplay
SLOWITDOWN = Slower Gameplay
AJLOJYQY = Peds Attack Each Other, Get Golf Club
BAGOWPG = Have a bounty on your head
FOOOXFT = Everyone is armed(Semua penduduk membawa senjata)
GOODBYECRUELWORLD = Suicide(Bunuh diri)
BLUESUEDESHOES = Elvis is Everywhere
BGLUAWML = Peds Attack You With Weapons, Rocket Launcher
LIFESABEACH= Beach Party
ONLYHOMIESALLOWED = Gang Members Everywhere
BIFBUZZ = Gangs Control the Streets
NINJATOWN = Ninja Theme
BEKKNQV = Slut Magnet
CJPHONEHOME = Huge Bunny Hop
KANGAROO = Mega Jump
STATEOFEMERGENCY = Riot Mode
CRAZYTOWN = Funhouse Theme
SJMAHPE = Recruit Anyone (9mm)
ROCKETMAYHEM = Recruit Anyone (Rockets)

Weather & Time

PLEASANTLYWARM = Sunny Weather(Siang terus)
TOODAMNHOT = Very Sunny Weather
ALNSFMZO = Overcast Weather
AUIFRVQS = Rainy Weather
CFVFGMJ = Foggy Weather
YSOHNUL = Faster Clock(Jam menjadi cepat
NIGHTPROWLER = Always Midnight
OFVIAC = Orange Sky 21:00
SCOTTISHSUMMER = Thunderstorm
CWJXUOC = Sandstorm

Untuk Mengaktifkan cheatnya silahkan lihat yang dibawah ini

Cara mengaktifkan cheat

Kode	Penjelasan
semisal kode:"PLEASANTLYWARM" atau kode-kode yang lain,yang diinginkan oleh sobat	Yang pertama,,anda harus masuk ke gamenya dulu,setelah itu ketikan kode `PLEASANTLYWARM` tanpa capslock/shift(huruf besar)

Selamat anda sudah bisa mengaktifkan cheat GTA SA ('-')/ \('-')

Sampai disini dulu ya sobat AHS,,sampai ketemu lagi..

Thanks To GTA SA.net

Bermain-main dengan HTML dan CSS ala AHS

noreply@blogger.com (Unknown) — Sun, 04 Aug 2013 06:22:00 +0000

allo sobat AHS,, udah berapa hari nih ngga posting,, ngga terasa ya udah memasuki bulan agustus..
yap,, kali ini saya akan posting tentang Bermain-main dengan HTML dan CSS ala AHS

sobat AHS,, bagi anda yang gemar update post atau gemar melakukan edit-edit template,, nah anda datang pada post yang tepat,,
sekarang,, saya akan ajari bagaimana bermain-main dengan HTML dan CSS itu,,
sulit kah itu??
jawabannya ya bagi anda yang tidak mau berusaha,tetapi tidak bagi anda yang ingin bisa HTML dan CSS,,

bagi saya HTML dan CSS itu bila di pelajari terus-menerus tidak akan pernah berhenti dalam arti lain tidak akan pernah ada habisnya,,
karena apa? setiap manusia tidak pernah puas akan segala sesuatu,
contohnya lihat saja yang menjadi trend sekarang..
Flat Design,Valid HTML5,Valid CSS3,Responsive,SEO? *pfft.. #curhat sedikit bero ._.

oke,langsung masuk pembahasan..

Cara Gampang Bisa HTML dan CSS

pertama, gampang sih sobat, untuk bisa HTML anda cukup memahami kode dibawah ini,,

<html>
<head>

<title>TITLE-BLOG/WEB</title>
<style>
/* Pengaturan CSS disini */
</style>
</head>
<body>

</body>
</html>

sudah paham sobat??

oke, lanjut,,.. kedua untuk memahami lebih dalam lagi saya kasih contoh dibawah

#AHS-kotak{width:100px;
height:100px;
color:#fff;
background:#2493C4;
font-size:normal;
margin-left:auto;
margin-right:auto;
text-align:center;
}

coba anda copy sobat kode itu,lalu gunakan kode dibawah ini untuk memanggil css dari kotak itu

<div id="AHS-kotak">Teks-Disini</div>
atau bisa juga
<div id="AHS-kotak"/>

Selanjutnya gimana??... ya selanjutnya,, tinggal atur sendiri bang..
Untuk mengaturnya sebetulnya tidak begitu sulit kok,hanya perlu pemahaman akan HTML dan CSS yang tepat.

Keterangan dari Kode Tutorial Diatas

Kode Tutorial	Penjelasan
<div id="AHS-kotak">	Kenapa kok id? kok bukan class?,,karena tanda "#" itu merupakan kode pemanggil HTML "ID" sedangkan tanda "." merupakan kode pemanggil HTML "Class"
width:100px;height:100px;	Kode itu untuk membuat kotak menjadi persegi saja,dalam hal ini dengan lebar 100px dan tinggi 100px
background:#2493C4	Kode itu untuk memanggil background yang merupakan warna dari kotak itu,untuk menjadikannya transparant tinggal ubah aja kodenya menjadi `background:rgba(0,0,0,0.7)`,,nah kode "a" itu untuk mengatur transparantnya,sedangkan kode " 0,0,0 " itu merupakan kode warna rgb(red,green,blue)
text-align:center	Kode itu untuk meratakan teks ketengah,untuk membuatnya menjadi kekiri/kekanan,silahkan ubah menjadi right atau left

Oke sobat,, selanjutnya anda tinggal memahami sendiri,lalu terus sering berlatih,,

QUOTE:

Jadilah Orang Yang Merendah Bila Anda Ingin Disegani Banyak Orang,Setelah Anda Hebat Bukan Berarti Waktunya Stop Belajar,Justru Harus Semakin Di Tingkatkan. #AHS-QUOTE

Cukup sekian posting hari ini,, di lain waktu kita akan membahas lagi,,bila ada kesulitan silahkan tanyakan.

Cara Membuat 3 Box Di Bawah Header

noreply@blogger.com (Unknown) — Sat, 27 Jul 2013 09:24:00 +0000

Haloo sobat AHS.. pada kesempatan ini saya ingin membagikan tutorial tentang Cara Membuat 3 Box Di Bawah Header..
mungkin tutorial ini bisa berguna bagi anda yang sedang mencari" tutorial sejenis..
ya sobat,, meskipun tutorial ini sebenarnya sudah lama,, tapi ngga papalah..

oke langsung saja ya sobat,..

Cara Membuat 3 Box Di Bawah Header

pertama jelas masuk blogger
lalu,, masuk dashboard > template > edit template
kemudian cari kode ]]></b:skin> lalu copy kode dibawah,kemudian paste di atas ]]></b:skin>(gunakanlah Ctrl+F agar lebih cepat)

/* -- Headerbox --*/
#box {
background:#fff;
margin-top:10px auto;
width:960px;*ganti sesuai keinginan*
overflow:hidden;
font-size:12px;
padding:10px;
}
#box h2 {
background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;
font-size:14pt;
font-weight:400;
text-align:center;
font-style:normal;
line-height:1.3em;
color:#fff;
padding:5px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
}
#box ul {
color:#333;
margin:0;
padding:0;
}
#box ul li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyb2OwzETdQ6dFlAWM4xzO-q_sz9ix3Hm62Uni5kQy5r-1b9Yp8T1X44bN2OAJKIl-K9Z6gnmlBg4hcPd8LbttoX78nzFfdKOT1nDdmVZmZ1FZbaHsMMvU8uGFxuLT1eel1p5onjVniabA/s320/b3.gif) no-repeat;
list-style-type:none;
border-bottom:1px dashed #CCC;
margin:0 0 10px;
padding:0 0 5px 20px;
}
#box ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}
#boxcenter {
width:300px;*ganti sesuai keinginan*
float:left;
margin-left:10px;
background:#fff;
padding:10px
}
#boxleft {
width:280px;/*ganti sesuai keinginan*/
float:left;
margin-left:10px;
background:#fff;
padding:10px;
}
#boxright {
width:280px;/*ganti sesuai keinginan*/
float:right;
margin-left:10px;
background:#fff;
padding:10px;
}

sudah kan??

selanjutnya,,cari kode yang mirip seperti ini, biasanya letaknya dibawah </head>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='JUDUL BLOG ANDA (Header)' type='Header'/>
</b:section>
</div>

sudah ketemu kan??

kemudian letakkan kode berikut ini tepat setelah kode diatas

<div id='box'>
<b:section class='box' id='boxleft' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='boxcenter' id='boxcenter' preferred='yes' showaddelement='yes'>
</b:section>
<b:section class='boxright' id='boxright' preferred='yes' showaddelement='yes'>
</b:section>
</div>

Versi Lain

sebenarnya sama seperti diatas,,tetapi menurutku ini jauh lebih simple

Okee,, mari kita simak tutorial ini,,..

saya anggap anda sudah login dan sudah berada di edit template
selanjutnya,,cari kode berikut ]]></b:skin> jika sudah dapat, letakkan kode berikut diatasnya

#box-main-ahs {
clear:both;
}
.box-ahs{
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

kemudian cari kode <div id='main-wrapper'> setelah dapat letakkan kode berikut diatasnya

<div id='box-main-ahs'>
<div id='boxahs1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-ahs' id='ahs1' preferred='yes' style='float:left;'/>
</div>
<div id='boxahs2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-ahs' id='ahs2' preferred='yes' style='float:left;'/>
</div>
<div id='boxahs3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-ahs' id='ahs3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

sudah kan??
coba sekarang anda preview/pratinjau dulu,lalu baru save

Anda sudah selesai dan berhasil memasang box dibawah header

Oke,,sampai disini dulu ya.. semoga bermanfaat.

Cara Membuat Post Di Bagi Menjadi 2 Bagian

noreply@blogger.com (Unknown) — Sat, 27 Jul 2013 08:51:00 +0000

Hallo sobat AHS,,
jumpa lagi nih..kali ini saya mau membagikan tutorial tentang Cara Membuat Post Di Bagi Menjadi 2 Bagian
ya,,sobat tutorial ini seperti membuat postingan kita menjadi 2 bagian,,..seperti pada koran/majalah..

memang tutorial ini jarang dipake,,karena memang tutorial ini untuk style blog Blogazine
apa itu Blogazine??
Blogazine adalah style dimana suatu blog/website yang konten/postnya menggunakan fungsi full css,,tetapi untuk membuat seperti itu tidaklah mudah ._.

Oke,,sekarang simak ya tutorialnya,

Cara Membuat Post Menjadi 2 Bagian

pertama jelas login blogger
lalu,,buka dashboard anda > New Post
setelah itu copy kan kode dibawah ini,di menu HTMLnya bukan di Compose

<table border="1px" cellpadding="10" cellspacing="10">
<tbody><br/>
<tr>
<td align="justify" valign="top" width="250"> artikel di bagian kiri</td>
<td align="justify" valign="top" width="250">artikel di bagian kanan</td>
</tr><br/>
</tbody>
</table>

Keterangan :

border="1px": merupakan kode ketebalan garis, anda ganti ukurannya, atau bisa juga dihilangkan jika kurang suka
cellpadding="10" : untuk mengatur jarak antara tepi kolom dengan tulisan
cellspacing="10" : untuk mengatur jarak antara dua kolom
align="justify" (rata dikiri dan dikanan) : untuk mengatur perataan artikel, dapat anda ganti dengan left (rata kiri), right (rata kanan) atau center (tengah)
valign="top" (rata atas) : untuk mengatur perataan vertikal, dapat anda ganti dengan bottom (rata bawah atau middle (rata tengah)

Versi Lain

saya anggap anda sudah berada di post
copy kode dibawah ini

<style type="text/css">#multikolom{-moz-column-count:2;-moz-column-gap: 1em;-moz-column-rule: 1px solid black;-webkit-column-count: 2;-webkit-column-gap: 1em;-webkit-column-rule: 1px ;} </style>
<div id="multikolom">Tulisan anda disini</div>

lalu,, paste kan di HTMLnya
done

Keterangan :

Pada cara yang kedua ini, anda hanya tinggal memasukkan tulisan menggantikan "Tulisan anda disini"

Demo

Versi 1/Paling Atas

artikel di bagian kiri

artikel di bagian kanan

Versi 2/Bawahnya

Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini Tulisan anda disini

Editor Note

sudah keliatan kan sobat AHS perbedaannya :v
ya,, sukur" anda mau cobain tutorial ini,kalo tidak ya ngga papa, cuman awas kalo ngga komen!
komen ya :v *canda bero :v

Oke,,sampai disini dulu ya sobat,,semoga bermanfaat.

Cara Membagi Sidebar Menjadi 2 Bagian

noreply@blogger.com (Unknown) — Sat, 27 Jul 2013 08:41:00 +0000

Hallo sobat AHS,..
kali ini saya akan membagikan tutorial mengenai Cara Membagi Sidebar Menjadi 2 Bagian..
tutorial ini sebenarnya sudah lama,, tetapi tidak mengapa,, karena masih banyak blogger yang mencari-cari tutorial ini,,

saya juga memakai tutorial ini tetapi hanya berbeda kode saja,, kenapa? ya kan width sidebarku bisa di bagi 2 ._.

udah pada penasaran??
sabar dulu,, nih aku kasih screenshotnya :

Nah maksudku yang itu loh,, disana aku memakai kode :

#sidebar-kiri{.........} dan #sidebar-kanan{.............}

Konsepnya?? sama saja kok sobat,,..
Oke langsung saja ya sobat..

Cara Membagi Sidebar Menjadi 2 Bagian

1. Masuk www.blogger.com

2. Template (Dibackup dulu jika perlu)

3. Edit HTML,Expand template widget(jika versi baru : masuk template > edit html > kemudian tinggal cari)

4. Sekarang gunakan Ctrl+F dan cari kode seperti dibawah ini

#sidebar-wrapper { width: 220px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Nah tidak usah takut kalo pas kalian cari kgk ada, karena pastinya tiap template beda. Nah jikalau tidak ada cukup kalian cari yang #sidebar-wrapper nya aja

5. Kalau sudah ketemu, ubah kode yang saya beri warna merah dengan angka yang sesuai dengan blog kamu , misalkan kalau 220 kalian bagi dua jadinya 110 dan pastinya kecil sekali. Coba kalian ubah jadi 350 atau lebih besar jika dibagi 2 tidak akan terlalu kecil, jikalau ingin mengubahnya menjadi 350 kodenya akan menjadi seperti ini (Dan jangan lupa floatnya jadi right)

#sidebar-wrapper { width: 350px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

NB : jika sudah mirip dengan kode itu tidak usah diganti apa apa ya.

6. Jikalau sudah ketemu dan sudah diganti tambahkan kode dibawah ini diatas kode yang sudah anda ubah tadi

#left-col {
width:170px;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:170px;
float:right; word-wrap:break-word;
overflow:hidden;
}

Nah tips untuk kalian,kode yang 170px itu (yg saya beri warna merah) itu terserah kalian ukurannya yg #left-col itu yg widget terbelah bagian kiri dan satu lagi yg kanan , jadi kalau itu ukurannya terserah kalian yang pasti jumlah maksimalnya jika dijumlah tidak melewati ukuran maksimal sidebar kalian.

7. Selanjutnya kita akan mengaktifkan kode tersebut dengan cara cari kode seperti dibawah ini

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<b:widget id= dan seterusnya....
</div>

Dan lagi lagi jangan kaget jika tidak ada kodenya , jika tidak ada kodenya anda tinggal mencari kode yang saya beri warna merah saja sudah cukup. Jika kalian sudah ketemu coba kalian perhatikan kodenya dan cari </div> alias ujungnya ya

8. Jika sudah ketemu ujungnya yang </div> kalian tinggal menambahkan kode ini tepat diatas </div> atau sebelum kode </div>

<b:section class='sidebar' id='left-col' preferred='yes'/> <b:section class='sidebar' id='right-col' preferred='yes'/>

9. Nah ini dia yang paling repotnya, tadi kita kan sudah memperlebar sidebar blog kita , maka agar tampilan blog kalian tidak hancur maka header, wrapper, dan footernya kita harus lebarkan juga agar tampilannya tetap bagus.(NB : cara ini tidak usah dilakukan kalau kalian meletakan angka di bagian point ke 4 itu sesuai dengan lebar asli blog kalian, dan bagi yang melebarkannya tidak sesuai dengan aslinya harus mengikuti cara ini)

Nah sekarang begini dulu rumusnya begini "Lebar yang anda taruh di point ke 4(yang anda tambah agar hasilnya bagus)-dengan yang aslinya" jadi kalau disesuaikan dengan yang ada dipost ini jadinya 350-220=130, jadi setiap kode yang ada di bagian footer,header dan wrapper kalian tambahin 130. Eiiit tidak usah takut jika tidak bisa di post ini juga akan ada tutorialnya

Untuk header

Masih tetap di edit HTML
Kalian cari kode #header-wrapper {
kemudian kalian baca baik baik setelah kode tersebut dan lihat yang width:....px ,nah pastinya kode ...... tadi adalah kode asli milik anda yang harus anda tambah 130, jadi jika disana 300 tinggal ditambah 130 dan jadi 430.

Untuk Wrapper

Masih tetap di edit HTML
Kalian cari kode #outer-wrapper {
kemudian kalian baca lagi baik baik dan cari juga width:...px dan tambahkan juga 130

Untuk footer

Masih tetap di edit HTML
Kalian cari kode #footer {
Kemudian sama baca dan cari width:..px dan tambahkan juga 130

Nah bagi yang kode tersebut kgk bisa diketemukan harap cari yang hampir sama.

10. Jikalau sudah selesai , Simpan template.

Oke,,sekian tutorial hari ini,,semoga bermanfaat.

Membuat Seleksi Otomatis Pada Blockquote

noreply@blogger.com (Unknown) — Fri, 26 Jul 2013 06:56:00 +0000

Hallo sobat AHS,,..setelah sebelumnya saya share tentang beberapa award yang dimenangkan oleh AHS,,..
sekarang saya ingin share tentang Membuat Seleksi Otomatis Pada Blockquote.

sobat AHS,,yang suka berbagi tutorial, biasanya kan membagikan kode-kode yang suka dicopy.
Standarnya penggunaan kode itu pada tag code atau tag pre. akan tetapi tidak sedikit orang yang menggunakan kode blockquote,,
seperti apa?? contohnya aja blog ini :v

sudah penasaran kan sobat??

oke,, simak baik" ya sobat AHS..

Cara Membuat Seleksi Otomatis pada Blockquote

pertama,, jelas login blogger
lalu,, cari kode </body>(pencarian gunakan tombol Ctrl+F agar lebih cepat)
setelah ketemu,, copy kode dibawah ini lalu pastekan diatas kode </body>

<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>

Demo

Contohnya bisa dilihat diblockquote ini(diatas itu)

Editor Note

Sebagai contoh penerapan seleksi otomatis ini, saya gunakan pada kode yang saya bagikan,
sobat tinggal klik ganda, maka semua kode akan terseleksi. Saya menggunakan tag blockquote juga untuk semua kode yang saya bagikan.
Bagi sobat yang juga menggunakan tag blockquote,
untuk menerapkan seleksi otomatis ini, simpan kode dibawah ini sebelum kode </body>

Penggunaan

Silahkan dobel click blockquote itu,,lalu,,rasakan sensasinya *halah :v

cuma gitu aja??? ya iyalah mau apa lagi ._.
oh iya, bagi yang menggunakan kode tag <pre> atau tag <code> bisa juga menggunakan ini loh,,
caranya?? tinggal ganti aja tulisan "blockquote" dengan kode pre,code anda,lalu save. done.

bagaimana sobat AHS?? muncul atau tidak? bisa atau tidak??
oke,,sampai di sini dulu ya sobat AHS,, semoga bermanfaat.
Source

Award AHS From Pink-Result

noreply@blogger.com (Unknown) — Mon, 22 Jul 2013 02:06:00 +0000

Yeeeahh.. AHS dapet award lagi :D,,,..kali ini awardnya dari Pink-Result,,..
Iseng-iseng ikut award,,dapet award lagi xD,,.. hari ini AHS panen award XD,,,..*sorak-sorak gembira*

Berikut ini tampilan awardnya :

Keren bukan sobat AHS?? :v

Berikut ini keterangan resmi dari Pink-Result

gimana sobat?? bagus bukan???
hah?? apa?? masih ngga percaya sobat AHS?? silahkan klik Disini

Spesial Thanks to :

Pink-Result

Thanks to :

God
My Family
AHS Friend
and You

Award AHS From Gamerz-Community

noreply@blogger.com (Unknown) — Mon, 22 Jul 2013 00:23:00 +0000

Yeeyy... AHS dapet award lagi sobat... kali ini awardnya dari The Gamerz-Community,,..
Iseng-iseng ikut award lagi,, ehh.. dapet award,,..

Berikut ini penampakan awardnya :

Berikut ini keterangan resmi dari The Gamerz-Community,..

gimana sobat?? bagus bukan??

hah??? apa sobat??? masih ngga percaya?? coba sobat klik » Disini
udah percaya kan??

**
Thanks to :

God
My Family
The Gamerz-Community
and You

Oke,, sekian dulu yaa sobat AHS,,sampai jumpa lagi..

AHS V.12 Blogger Template

noreply@blogger.com (Unknown) — Sun, 21 Jul 2013 05:19:00 +0000

Hallo sobat AHS,,.. kali ini saya ingin bagi bagi template nihh...
yap,, untuk kali ini template yang saya bagikan adalah template AHS STYLE v.12,,

template ini masih mirip dengan template saya pake sekarang...jika sobat bertanya,, loh itu kan templatenya Johny Classicsite yang dimodifikasi sama MBT(MoreBlogTools.com,kebetulan info saja,situs itu shutdown dulu)
Anda salah!...
berikut ini bukti,..

ScreenShot

ini originalnya :

Sesudah redesign total/rombak total

jika anda tanya lagi,, kok bisa berubah seperti itu??
saya jawab gni,,pffttt masa ngga bisa serupa tapi tak sama sih?? anda saja yang plagiat mungkin bisa meniru?
kalo plagiator,bisa meniru saja,saya bukan....saya buat itu template sekitar 1 minggu :3

begitu pula dengan template AHS Style v.1 kepunyaan saya.
Kenapa saya jelaskan ini? supaya ngga dikira plagiat ~_~

Fitur AHS Style v.12

Pastinya valid HTML5(bisa dicek disini)
SEO 100%(bisa dicek disini,kalo masih belum percaya,silahkan cek sendiri)
Breadcrumbs ready
Widget Ads di header(728x90)
2 Slider
Rich Snippet Ready
Related Post
Kotak banner melayang
Threaded Comment(Different Author Comment)
Elegant Popular Post
Box Message
Drop-Caps ready
De el el

Setting

Untuk setting meta tag

<link href='https://plus.google.com/ID-GooglePlus-ANda' rel='author'/>
<b:if cond='data:blog.pageType == "item"'>
<link href='https://plus.google.com/ID-Google-Plus-Anda' rel='publisher'/></b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://klik-disini15.blogspot.com/' rel='openid.delegate'/>
<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='http://Url-Blog-Anda/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/><link href='http://Url-blog-anda/feeds/posts/default?alt=rss' rel='alternate' title='RSS' type='application/rss+xml'/><link href='http://www.blogger.com/rsd.g?blogID=Id-Blog-ANda' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.pageTitle/> | Keyword| Keyword </title>
<meta content='silahkan isi deskripsi anda' name='description'/>
<meta content='silahkan isi keyword anda' name='keywords'/>
</b:if><b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta content='silahkan isi deskripsi anda' name='description'/>
<meta content='silahkan isi keyword anda' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>You Mad Bro!!</title>
<meta content='keywordnya terserah' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='FB-App-ID-Anda' property='fb:app_id'/>
<meta content='User-name-FB-Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
<meta content='Title-Blog-Anda' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><b:else/>
<meta content='Url-Gambar-Bila-Tidak-Ditemukan' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription != ""'><meta content='silahkan isi keyword anda' name='description'/></b:if>
<meta content='index, follow,snipet' name='googlebot'/>
<meta content='1 days' name='revisit-after'/><meta content='indonesia' name='geo.placename'/>
<meta content='indonesia' name='geo.country'/>
<meta content='google-site-verification-Disini' name='google-site-verification'/>
<meta content='Alexa-Id-Anda-Disini' name='alexaVerifyID'/><meta content='general' name='rating'/>

Kode	Penjelasan
https://plus.google.com/ID-GooglePlus-ANda	ganti ID-GooglePlus-Anda menjadi ID Google kepunyaan anda,caranya ngga usah saya kasih tau,karena udah terlalu mainstream
https://plus.google.com/ID-GooglePlus-ANda	Satu lagi untuk pengaturan Publishernya
<link href='http://Url-Blog-Anda/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/> <link href='http://Url-blog-anda/feeds/posts/default?alt=rss' rel='alternate' title='RSS' type='application/rss+xml'/> <link href='http://www.blogger.com/rsd.g?blogID=Id-Blog-ANda' rel='EditURI' title='RSD' type='application/rsd+xml'/>	Cari kode seperti itu,lalu ganti Url-Blog-Anda menjadi Url-Blog-Anda, hal yang sama lakukan pada ID-Blog-Anda,Bila menemukan yang sama segera ganti itu,atau ya paling blog anda akan sulit terindex bila tidak secepatnya diganti
<meta content='silahkan isi deskripsi anda' name='description'/> <meta content='silahkan isi keyword anda' name='keywords'/>	Lakukan perubahan juga pada,"Silahkan isi deskripsi atau keyword anda",keywordnya terserah anda,panjang juga ngga papa.lakukan hal yang sama pada "Keywordnya terserah".
<meta content='FB-App-ID-Anda' property='fb:app_id'/> <meta content='User-name-FB-Anda' property='fb:admins'/>	Ganti 2 kode itu,yang FB-App-ID untuk ID Fanspage Anda,Yang User Name Untuk User Name FB Anda
<meta content='Url-Gambar-Bila-Tidak-Ditemukan' property='og:image'/>	Masukkan gambar terserah kedalam ='Url-Gambar.....',Tujuannya untuk merubah post image bila tidak mempunyai gambar
<meta content='google-site-verification-Disini' name='google-site-verification'/> <meta content='Alexa-Id-Anda-Disini' name='alexaVerifyID'/>	Ubah kedua kode itu,yang satunya untuk google site verification,yang satunya lagi untuk Alexa Verify ID

Untuk setting gambar rich snippet

Cari kode berikut,,..

<div style='padding:5px; width:45px; float:left;margin-bottom:10px;'> <img height='45px' itemprop='photo' src='IMAGE-ANDA-DISINI' width='45px'/>

Lalu,ubah src='IMAGE-ANDA-DISINI' menjadi Url gambar anda.

Untuk setting menu

<div class='menupic'>
<div class='menuhorisontal'>
<ul>
<li><a href='/'>Home <span>Beranda</span></a></li>
<li><a href='/p/about.html'>About Us<span>Tentang Kami</span></a></li>
<li><a href='/p/sitemap.html'>Sitemap<span>Daftar Isi</span></a></li>
<li><a href='/p/privacy-policy.html'>Privacy Policy<span>Peraturan</span></a></li>
<li><a href='/2013/06/ahs-new-banner-update.html'>Link Exchange<span>Backlink</span></a></li>
<li><a href='#'>Advertise<span>Beriklan Yuk</span></a></li>
<li><a href='https://www.facebook.com/groups/DeezClan/'>DeezClan<span>Join DeezClan</span></a></li>
</ul>
</div>
</div>
</div>

<div class='clear'/>
<div id='nav-wrapper'>
<div id='nav'>
<ul>
<li><a href='/search/label/Tutorial' title='Tutorial'>Tutorial</a></li>
<li><a href='/search/label/Blogger' title='Blogger'>Blogger</a></li>
<li><a href='/search/label/Tips' title='Tips'>Tips</a></li>
<li><a href='/search/label/Tricks' title='Tricks'>Tricks</a></li>
<li><a href='/search/label/SEO' title='Learn SEO'>SEO</a></li>
<li><a href='/search/label/News' title='News'>News</a></li>
<li><a href='/search/label/Template' title='Free Template'>Template</a></li>
<li><a href='/search/label/Guest' title='Guest'>Guest Post</a></li>
</ul>
</div>

Cara Mengedit
Cari kode diatas,Lalu ganti semua baik link,nama,title yang berada di menu tersebut,ingat,bila tidak mengerti silahkan bertanya

Untuk setting komentar

<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=3387504826110937973&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>
<b:else/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=3387504826110937973&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>
</b:if>

Kode	Penjelasan
https://www.blogger.com/comment.g?blogID=3387504826110937973	ganti blogID=338xxx menjadi blogID kepunyaan anda

Untuk Valid 100% HTML5

Anda harus memastikan bahwa semua gambar di blog kepunyaan anda semuanya ada alt dan title,bila belum silahkan dilengkapi terlebih dahulu.
Kode <center> dan kode yang ngga valid HTML5,harus dihilangkan dari template anda yang sebelumnya,Saya kira cuma itu.

Untuk setting lain

Jangan memberi sumber link otomatis,atau apapun yang dapat merusak template -_- untuk sumber link otomatis,sudah ada kok,ngga usah di tambah lagi -_-
Saya rasa anda sudah mengerti kok,template ini jauh lebih simple tatanannya ketimbang Johny Classicsite *ampun maskolis xD.

Untuk Setting Widget Ads,Banner1,Banner2

Silahkan anda download untuk settingnya Disini

Saya tidak bertanggung jawab bila ada kerusakan,ataupun masalah yang lain pada template yang anda gunakan,sayapun ngga tau anda mengeditnya bagaimana,tugas saya disini cuman satu,yaitu membantu anda bila ada kesulitan dalam mengedit,Template ini Free,tapi ingat jangan hapus credit,hargailah orang yang membuatnya.

Link Download

Demo Download

Password :

Oke,sekian dulu sobat,,bye..

Cara Membuat Comment Form Keren & Tombol Konvert

noreply@blogger.com (Unknown) — Sun, 21 Jul 2013 03:15:00 +0000

Hallo sobat AHS,, kali ini saya akan membagikan tutorial mengenai Cara Membuat Comment Form Keren dan juga bonus Cara Membuat Tombol di Kotak Komentar
wah,, tumben ya bikin tutorialnya gabungan :v
ya lagi waktu senggang nih...
oke,, sebelumnya saya bikin tutorial ini atas masukkan/permintaan dari salah satu penggunjung setia AHS » Yoga Pratama(author dari Blog Krizeer)

contoh comment-form

okee,,untuk mempersingkat langsung aja ya..

Cara Membuat Comment Form Keren

pertama,jelas login blogger
setelah itu masuk ke menu template > edit HTML
setelah masuk ke sana,cari kode <p><data:blogCommentMessage/></p> dengan Ctrl+F atau yang lebih lengkap lihat kode dibawah

<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>

biasanya kode tersebut ada 2
setelah ketemu,ganti dengan kode dibawah ini

<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

masih belum mengerti kah?? coba liat gambar dibawah

contoh kode(klik untuk perbesar)

Hei.. belum selesai

setelah itu,, cari kode ]]></b:skin> dengan Ctrl+F
lalu,copy kan kode dibawah ini diatasnya ]]></b:skin>

/*Threaded Form-AHS*/
#threaded-comment-form p{position:relative;background:#2493C4;border:3px solid #2493C4;line-height:1.6em;color:#fff;margin:0;font:italic 12px Georgia;border-radius:4px;padding:10px}#threaded-comment-form p::after,#threaded-comment-form p::before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;}#threaded-comment-form p::before{border-top-color:#2493C4;left:10%;margin-left:-35px;border-width:15px}#threaded-comment-form p::after{border-top-color:#2493C4;left:10%;margin-left:-30px;border-width:10px}#threaded-comment-form:hover p{position:relative;background:#2493C4;border:3px solid #2493C4;line-height:1.6em;color:#fff;margin:0;font:italic 12px Georgia;border-radius:4px;padding:10px;text-shadow:1px 1px 1px #000;transition:all .3s ease-in-out;}#threaded-comment-form:hover p::before{border-top-color:#2493C4;left:10%;margin-left:-35px;border-width:15px}#threaded-comment-form:hover p::after{border-top-color:#2493C4;left:10%;margin-left:-30px;border-width:10px}

Masih belum..

setelah itu cari lagi kode document.getElementById(domId).insertBefore(replybox, null); dengan Ctrl+F
lalu ganti kode itu dengan kode dibawah

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

Cara diatas mampu mengatasi masalah pesan formulir yang jatuh kebawah,apa maksudnya? itu loh,pesan formulir yang loncat kebawah dari kotak komentar,kan seharusnya ada diatasnya kotak komentar

Bonus Tombol Konvert

saya anggap anda sudah masuk ke menu edit HTML
lanjut,,cari kode <p><data:blogCommentMessage/></p> yang berada dibawahnya kode <div id='threaded-comment-form'> (Masih belum menemukannya?? pelajari lagi kode" diatas)
setelah itu,, pada kode <p><data:blogCommentMessage/></p> kode </p> anda beri jarak,,maksudnya?? liat contohnya dibawah

<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<br/>
<br/>
<a class='AHStombol' href='http://ah-shared.blogspot.com/p/daftar-member-aktif-ahs.html' target='_blank'>Member Aktif</a><a class='AHStombol' href='http://ah-shared-project.googlecode.com/svn/trunk/Konversi-Code.html' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=400,resizable=0,top=50,left=100");return false;' target='_blank'>Konvert Kode</a></p>

setelah itu,copy kan kode dibawah ini,terserah mau taruh dimana,kalo saya,memakai tag kondisional Pelajari disini

<style type='text/css'>.AHStombol{border:1px solid #ddd;color:#fff;font-weight:400;margin:15px 5px 5px 0;text-decoration:none;text-shadow:none;border-radius:5px;display:inline-block;background-color:#ededed;padding:3px 10px}.AHStombol:hover{color:#fff;text-shadow:none;border:1px solid #ddd;border-radius:5px;display:inline-block;background-color:#2493C4}</style>

Setting

saya rasa anda cuma hanya tinggal mengganti kode warna yang ada saja,untuk menggantinya tidak perlu kan saya ajarkan ~_~
oke,bila ada yang masih belum mengerti komen saja (._.)

Oke,,anda sudah selesai,selamat anda telah memasang Comment Form Keren juga sekalian Tombol Konvert
Bye sobat,,ketemu lagi dilain waktu yaa....

The Walking Dead 400 Days(Full ISO - 4 GB)

noreply@blogger.com (Unknown) — Wed, 17 Jul 2013 02:51:00 +0000

allooo sobat AHS,,.. kali ini saya ingin membagikan game gratis yaitu The Walking Dead 400 Days
sobat AHS,,..
pernah memainkan game Alan Wake's American Nightmare's??
atau pernah memainkan game ini?
Ya sobat,,, setelah ada game The Walking Dead 1, kini sudah ada The Walking Dead 400 Days.,,

Bagi anda yang belum pernah, game ini menceritakan sekelompok orang yang selamat dari korban erekayasa genetik yang dilakukan oleh seorang dokter yang telah menjadi zombie dan sebagai kedok "obat penyembuh kanker",

banyak orang korban rekayasa genetiknya dan berubah menjadi zombie, game ini sangat menegangkan karena banyak zombie yang akan muncul secara tidak terduga.
Bagi anda menyukai game zombie yang menegangkan, game ini cocok untuk anda.

penasaran kan gamenya seperti apa?? yuk buruan di download..

Minimum System Requirements :

OS: Windows XP SP3
Processor: Intel Dual Core 2.0Ghz or better
Memory: 3GB
Harddisk space: 5GB
VGA: NVIDIA GeForce/ATI Radeon with 512MB

ScreenShot

Download Link

Download The Walking Dead 400(Single Link 4 GB-Full Chapter 1,2,3,4,5)

How To Installation

Mount menggunakan daemon tools
Install Game via Autoplay
Copy crack ke folder game
Mainkan

Saya belum mencoba game ini(mendownloadnya),bila ada kesalahan/gagal mendownload jangan salahkan saya

Oke,demikianlah artikel Download The Walking Dead 400 Days,,sampai jumpa lagi sobat..

Download IDM 617 Build 2 Full Patch By Bagas31.com

noreply@blogger.com (Unknown) — Sun, 14 Jul 2013 01:13:00 +0000

Hallo sobat AHS,.. kali ini saya akan share program gratis yaitu Internet Download Manager..
pastinya,, ngga sabar kan sobat menunggu update dari Internet Download Manager ini..

yap,, kali ini IDM sudah meluncurkan update terbarunya yaitu,Internet Download Manager 617 build 2
yuk sobat disimak ya,,..
Kali ini,,..Internet Download Manager kembali memberikan update terbarunya,

sepertinya setiap ada perubahan pada youtube, browser, bahkan OS dia langsung mengupdate softwarenya.

Wah benar-benar up to date sekali sepertinya. Bagi yang belum tahu apa itu IDM atau Internet Download Manager, adalah software downloader yang cukup populer dan interfacenya pun tidak membingungkan.

Tentu saja download speed akan terasa sangat jauh berbeda ketika menggunakan Internet Download Manager ketimbang download menggunakan browser biasa

ScreenShot

Link Download

Internet Download Manager 6.17 Build 2 Full Patch
Internet Download Manager 6.17 Build 2 Full Patch (Link alternatif)
Internet Download Manager 6.17 Build 2 Patch Only
Internet Download Manager 6.17 Build 2 Patch Only (Link alternatif) | Status: Tested (Windows 8 Pro 64 bit) | Virus: Clean (Windows Defender)

#Note: Patch yang lama masih bisa berfungsi dengan baik

Apa Yang Baru???

Improved IE 11 integration (Windows 8.1)
Added support for new youtube changes
Fixed bugs

Bila menemui broken link,silahkan komentar saja,agar bisa di tindak lanjuti

Tested By : Bagas31.com | Sumber By : Bagas31.com

Simple Search Box Dengan Gambar Di Kiri Dan Kanan

noreply@blogger.com (Unknown) — Sun, 14 Jul 2013 00:45:00 +0000

allo sobat AHS,, gimana nih kabarnya di waktu-waktu puasa seperti ini?? :3 pastinya masih sehat kan??
nih sobat sekarang ada yang baru dari blog ini,,..
kali ini saya ingin membagikan tutorial mengenai Cara Membuat Simple Search Box Dengan Gambar

pastinya anda bosen kan dengan tampilan lama dari Google Custom Search yang memang seperti itu aja xD...
nah sekarang saya akan bagikan tutorial ini..

yuk mari disimak sobat,..

Cara Membuat Simple Search Box Dengan Gambar Di Kiri Dan Kanan

pertama,pastilah login ke blogger terlebih dahulu
setelah itu menuju edit html/Template
nah,,setelah itu copy kan kode dibawah ini disembarang tempat,yang penting tidak error

<div style='float:right;padding:0 6px;margin-bottom:-3px;margin-right:-3px;overflow:hidden'>
<div style='float:right;padding:4px 2px 1px 0;'><form action='/search' id='cse-search-box' method='get' target='_blank'><div>
<input class='searchfield' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search here...'/>
<input alt='search' class='searchbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCogIIrMQZcMX1FGIxjORYymAF9kLFffgKzLuK99l_houNcvB1RGWToUmkImA5QmTpG_f3skMUpRxOCuOzwyYmo-W4lrOJKdSCoEsjDHxgfF3Tyewg65QShOp1ryW0KuehPxBlxQIeJp8/s1600/button-search.png' title='Search!' type='image'/></div></form></div><div class='logosearch'><img alt='Google' height='28' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7RQj1P-rwLlKmZh75hOmEipEopubizwu9A6D96qMx3AsZLbeUhi3QHTmpPgMA6gaGmIJqlUd7f7AE4LfqGyfPBuSosxyixu0_YC4c550X38he8ttJqEbVT91EV7SRrkRu5LIFOo4NsVw/s1600/google-search.png' title='Google Search' width='50'/></div></div>

Belum Selesai Bero :3

nah,kalau sudah,,silahkan cari kode ]]></b:skin> gunakan tombol Ctrl+F agar cepat
kemudian,copy kode dibawah ini,pastekan diatasnya kode ]]></b:skin>

.searchfield{width:150px;font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;color:#555}
.logosearch{background:none;height:28px;width:50px;float:right;padding:3px 6px 0 0;}
.searchbutton{border:none;margin:0;padding:0;height:21px;width:50px;cursor:pointer;vertical-align:top}

Untuk Setting

Kode Search Engine	Cara Setting
.searchfield{width:150px;font:normal 11px Tahoma	Ganti Itu width/panjang kotak search box anda
id='cse-search-box'	Jangan lupa sobat,masukkan id google custom search anda ke situ,bila tidak search engine hanya berfungsi untuk menyaring artikel saja
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCogIIrMQZcMX1FGIxjORYymAF9kLFffgKzLuK99l_houNcvB1RGWToUmkImA5QmTpG_f3skMUpRxOCuOzwyYmo-W4lrOJKdSCoEsjDHxgfF3Tyewg65QShOp1ryW0KuehPxBlxQIeJp8/s1600/button-search.png'	Untuk ini,,silahkan ganti menjadi gambar anda sendiri
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7RQj1P-rwLlKmZh75hOmEipEopubizwu9A6D96qMx3AsZLbeUhi3QHTmpPgMA6gaGmIJqlUd7f7AE4LfqGyfPBuSosxyixu0_YC4c550X38he8ttJqEbVT91EV7SRrkRu5LIFOo4NsVw/s1600/google-search.png	Untuk ini juga lakukan hal yang sama

Untuk hal-hal yang lain saya kira anda sudah mengerti,oke,bila anda yang perlu ditanyakan silahkan komentar saja..
Oke,sampai disini dulu ya sobat AHS,,..bye..

Sumber dan Gambar By : Kompiajaib.com

4 Style CSS Label Cloud Blogger

noreply@blogger.com (Unknown) — Tue, 09 Jul 2013 07:51:00 +0000

allo Sobat AHS,,
kali ini AHS akan membagikan tutorial tentang Cara Membuat Label Cloud,

perlu diketahui sobat,,untuk label itu dibedakan menjadi 2,
yaitu daftar list dan cloud,, Untuk pembahasan/tutorial kali ini, yang dibahas yaitu Label Cloud

Apa sih itu label Cloud??
mungkin bagi pemula itu suatu pertanyaan yang besar yang perlu untuk diketahui,,
jika ada yang menjawab itu loh label yang bentuknya seperti awan,
jujur saya akan tertawa :v kemudian saya akan jawab salah,,
label cloud itu label yang sudah dimodifikasi dengan styling CSS
#LOL :v

Seperti yang saya bilang di atas (sedikit basa-basi tadi) dengan penambahan styling CSS label-label itu akan tampak lebih indah,
tertarik untuk mencobanya sobat??

yuk, kita mulai tutorialnya.. simak baik-baik ya,,

Note : Mohon Maaf Tidak Ada Demo,Karena Saya Tidak Memakai Label Cloud :v

Cara Membuat Label Cloud

pertama,pastilah login blogger
setelah itu menuju ke tata letak/layout
pilih Labels
untuk pengaturannya, liat gambar dibawah

nah,sudah tau kan sobat??
untuk stylingnya sobat bisa pilih dari 4 style yang ada dibawah ini

Pilihan Style Label Cloud

Style 0

ScreenShot Label Style 0

/* Label Cloud Style By AHS */
.label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #B20000;text-decoration:none;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}
/* Credit AHS */

Style 1

Label Style 1 ini sebenarnya sama dengan style 0 diatas,cuma hanya berbeda css saja

/* Label Cloud Style By AHS */
.label-size{font-size:14px;margin:5px 0 5px 0;float:left;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none;padding:5px;border:1px #fff solid;background:#2493C4;color:#fff;box-shadow:1px 1px 5px rgba(1,1,1,.1)}.label-size a{color:#fff;font-weight:normal}.label-size a:hover{color:#2493C4;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out}.label-size:hover{background:#333;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
/* Credit AHS */

Style 2

ScreenShot Label Style 2

/* Label Cloud Style By AHS */
.label-size{margin:0;padding:0;position:relative}.label-size a,.label-size span{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom:9px;margin-left:20px;padding:0 10px 0 12px;background:#2493C4;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.label-size a:before,.label-size span::before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #2493C4 transparent transparent;border-style:solid;border-width:12px 12px 12px 0}.label-size a:after,.label-size span::after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #2493C4;-webkit-box-shadow:-1px -1px 2px #2493C4;box-shadow:-1px -1px 2px #2493C4}.label-size a:hover,.label-size span::hover{background:#333}.label-size a:hover:before,.label-size span::hover::before{border-color:transparent #333 transparent transparent}
/* Credit AHS */

Style 3

ScreenShot Label Style 3

/* Label Cloud Style By AHS */
.label-size{display:inline-block;padding:0px 10px;height:29px;line-height:29px;border-radius:5px;font-weight:bold;font-size:12px;text-decoration:none}.label-size{border:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #6ea23b;color:#fff;background-image:linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:hover{background-color:#b7fa66;background-image:linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(top,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(top,#b7fa66 0%,#7ec940 100%)}.label-size:active{background-image:linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size{display:inline-block;border-radius:5px 0 0 5px;border-right-width:0;position:relative;z-index:5;margin-right:20px;margin-bottom:10px}.label-size:after{content:"";width:22px;height:22px;line-height:18px;font-size:25px;border-top:1px solid #769e42;border-right:1px solid #769e42;box-shadow:inset 0 1px 0 #c5e59c;background-color:#9ed35a;text-shadow:0px 1px 1px #7eac46;border-radius:3px 7px 3px 0;color:#fff;background-image:linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);position:absolute;top:3px;right:-12px;z-index:-3;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476,sizingMethod='auto expand');zoom:1}.label-size:hover:after{background-color:#b7fa66;background-image:linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-o-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-moz-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-webkit-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);background-image:-ms-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%)}.label-size:active:after{background-image:linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-o-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-moz-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-webkit-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);background-image:-ms-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%)}.label-size:before{content:"";height:5px;width:5px;display:block;position:absolute;right:-3px;top:11px;background-color:#fcfdf5;border:1px solid #83ab52;border-radius:5px;box-shadow:0 1px 0 #b2ddd83}.label-size span{padding:2px 5px;border:1px solid #9e5c26;border-radius:5px;box-shadow:inset 0 1px 0 #f5bf8c;background-color:#ed943f;text-shadow:0px 1px 1px #000;margin-left:10px;background-image:linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-o-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-moz-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-webkit-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);background-image:-ms-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%)}#Label1{height:210px !important}
/* Credit AHS */

Untuk pemasangan/Setting

setelah anda melakukan langkah diatas itu
copy semua kode stylenya
lalu paste kan diatas kode ]]></b:skin> (gunakan tombol Ctrl+F agar lebih cepat)
save bila sudah

Sudah selesai,,gimana? mudah kan sobat??

Maka,demikianlah artikel Cara Membuat Label Cloud
sampai jumpa lagi,,..