Accrebility Template

Accrebility Template

 

Template Name : Accrebility
Template Author : Ireng Ajah
Url Author : www.dhetemplate.com
Designer : Dhe Template
Url Designer : www.dhetemplate.com

Description : Accrebility Blogger Template is a magazine style blogger template with elegant design template and dark grain background. It's a blogger template with right sidebar, 3 column footer, magazine style template blogspot, automatic vertical featured content, seo optimized template, ads ready, tabview ready, social widget ready, dropdown menu, default Blogger comment and replay, summary post, and more. This template designed for all type of blogs and compatible with most users browser but for perfect view, use a browser which support CSS3 for box shadow.

Read More

Tutorial Membuat Multi Menu Horizontal Dropdown

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Tutorial Membuat Multi Menu Horizontal Dropdown  - Kali ini saya akan membahas Tutorial Membuat Multi Menu Horizontal Dropdown . Menu dropdown ini berbeda dengan menu dropdown lainnya, mengapa? karena menu yg satu ini dropdown nya dapat bercabang lagi lebih banyak, Menu ini juga bermanfaat bagi sobat, yang mempunyai link cukup banyak.

Berikut Tutorialnya :

1. Login ke Account Blogger kamu

2. Pilih menu Rancangan, Edit HTML, lalu Ceklis "Expand Template Widget"

3. Cari kode ]]></b:skin>, bila sudah ketemu Copy kode dibawah ini tepat diatas kode ]]></b:skin>

.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}
.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

4. Selanjutnya cari kode </head>, lalu Copy kode dibawah ini tepat diatas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://btemplatescripts.googlecode.com/files/ddsmoothmenu.txt' type='text/javascript'/>

5. Kemudian sobat cari kode yang mirip dengan kode dibawah ini

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

Ket : Kode di atas merupakan kode bagian Header dan untuk yang berwarna merah biasanya itu adalah judul header blog sobat, jadi cari saja kode yang mirip kayak di atas.

6. Dan setelah ketemu letakan kode di bawah ini tepat di bawah kode bagian akhir kode header di atas (letakan tepat di bawah kode yang berwarna biru).

<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://heninurardian.blogspot.com/'>Item 1</a></li>
<li><a href='#'>Folder 0</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Folder 1</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://heninurardian.blogspot.com/'>Item 4</a></li>
</ul>
<br style='clear: left'/>
</div>

Ket : ganti judul Sub item dan Folder dengan judul menunya, dan # ganti dengan url yang akan dituju. 

7. Klik Pratinjau/Preview terlebih dahulu, bila sudah berhasil menunya sobat Klik Simpan Template.

Read More

Membuat Banner atau Gambar Berjalan Ke Atas

Selamat sore teman, sekarang saya akan membahas tentang Membuat Banner atau Gambar Berjalan Ke Atas. langsung saja ya teman.
Silahkan anda simak langkah-langkah di bawah ini :

1. Login ke Blogger Anda.
2. Masuk ke Rancangan >> Elemen Laman >> Tambah Gadget >> HTML/JavaScript.
3. silakan anda masukkan kode di bawah ini ke dalam HTML/JavaScript anda.


<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200">

MASUKKAN KODE BANNER ATAU GAMBAR

</marquee>

4. ganti tulisan MASUKKAN KODE BANNER ATAU GAMBAR yang berwarna merah dengan kode Banner atau Gambar yang sobat inginkan.
5. Simpan dan lihat hasilnya.


Semoga Bermanfaat..

Read More

Cara me-Unlimitedkan GP point PES 2012

Apa kabar sahabat Heina semuanya? mudah-mudahan baik selalu ya,,,
kali ini saya akan memposting bagaimana  Cara me-Unlimitedkan GP point PES 2012,bagi yang hobi main PES pasti sudah tahu itu,,,
GP point kita gunakan untuk membeli apa-apa aja yang ada di extra content,,,
cara manual nya sich ada,,setiap kita main exhibiton maka kita akan dapat +10 GP...
tapi apakah tidak mau cara yang lebih cepat,,,,lagian harga di konten2 tersebut juga mahal,jadi kapan terbeli nya....
tapi teman PES semua tidak usah kwatir ,,saya mempunyai software untuk me-Unlimitedkan GP point tersebut yaitu dengan menggunakan Software utility "GP Point Changer"

Cara pemakaiannya juga mudah, pertama teman buka aja dulu software nya terus klik menu> open option bin (itu terletak di folder save konami teman2, di my document biasanya) selanjutnya set deh GP teman2,,berapapun bisa di minta,,,hehehe
ini berikut tampilannya...

buat dapatkan software nya, klik aja link download dibawah ini...
Server 1 - Download

Semoga bermamfaat ya.. :D

Read More

Cara Mengecek Berat Blog

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Mengecek Berat Blog - Yups kali ini saya akan share mengenai Cara Mengecek Berat Blog. Disini saya hanya akan menyediakan tool / widget yang berguna untuk mengecek berat blog. untuk cara membuat widget seperti ini sobat bisa membuka artikel saya tentang cara membuat widget speed test cek. Cara penggunaannya tinggal masukkan blog/web sobat kedalam kotak dibawah lalu klik "Check!" dan langsung tampil deh berapa berat blog/web sobat.... selamat mencoba..

Masukkan Alamat Blog/Web Max 10 Url: Example : ( http://heninurardian.blogspot.com )

Read More

Cara Membuat Widget Cek Berat Blog/Web

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Cara Membuat Widget Cek Berat Blog/Web - Yups sebelumnya saya sudah share ke sobat" cara mengecek berat blog, jadi kali ini saya kan share Cara Membuat Widget Speed Test atau bisa disebut widget untuk mengecek berat blog.

Ok deh langsung saja ane kasih tipsnya...
Copy kode HTML dibawah ini dan taruh di kotak postingan sobat(edit HTML) dan langsung publikasikan deh... hehehehe

<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Masukkan Alamat Blog/Web Max 10 Url: </span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http://vikrymadz.blogspot.com/">http://vikrymadz.blogspot.com</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>

Selamat Mencoba..

Read More

SMS Gratis

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

untuk cara membuatnya, sobat bisa buka halaman Cara Membuat Widget Sms Gratis.

Read More

Cara Membuat Widget Sms Gratis

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ  

Cara Membuat Widget Sms Gratis - Kali ini saya akan membagikan tutorial Cara Membuat Widget Sms Gratis, Widget Sms Gratis adalah widget yang menyediakan layanan pengiriman SMS gratis. widget ini bisa dipasang diwebsite dan blog anda dengan tujuan agar memperbanyak pengunjung website. untuk contohnya bisa dilihat disini .

Berikut ini langkah-langkah memasang Widget Sms Gratis pada Blogger :
Cara Membuat Widget SMS Gratis untuk Blogger

• Pertama login ke akun blogger Anda
• Klik menu rancangan
• Klik ‘Tambah Gadget’ (HTML/JavaScript)
• Isikan kode berikut

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

• lalu simpan, dan lihat hasilnya.

Semoga Bermanfaat..

Read More