Kamis, 30 Juli 2015

Tips & Trik Tutorial Rahasia Blog

Tips & Trik Tutorial Rahasia Blog

Membuat Menu Vertikal (Vertical)

Posted: 13 Apr 2009 10:30 PM PDT

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }



Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;


dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');



Pilihan Warna menu vertikal :

blue1.gif

blue2.gif

green1.gif

green2.gif

red1.gif

red2.gif

pink1.gif

pink2.gif

black1.gif

black2.gif



3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-tips.blogspot.com">Trik Blog</a></li>
<li><a href="http://x-template.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>


Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D
Posted on 17.17
Keep Reading...

Rabu, 29 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

something went wrong [del.icio.us]

Posted:

Posted on 05.04
Keep Reading...

Senin, 27 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

something went wrong [del.icio.us]

Posted:

Posted on 05.25
Keep Reading...

Minggu, 26 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

something went wrong [del.icio.us]

Posted:

Posted on 05.11
Keep Reading...

Sabtu, 25 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

something went wrong [del.icio.us]

Posted:

Posted on 05.11
Keep Reading...

Rabu, 08 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

Update Table from Another Table in SQL Server

Posted: 07 Jul 2015 02:51 PM PDT

Update Table from Another Table in SQL Server:  A simple scenario demonstrating how we can update Persons table with data from Employees table using update statement.  A simple but very effective query which can saves you from creating unnecessary cursor for updating from different tables.  By performance wise also Update statement is more efficient compared to creating update cursor. Update
Posted on 05.14
Keep Reading...

Minggu, 05 Juli 2015

ASP.Net, C#, SQL Server Information

ASP.Net, C#, SQL Server Information

Link to ASP.Net, C#, SQL, JQuery, Sharepoint

C# Object to Json Object String Example

Posted: 04 Jul 2015 03:41 PM PDT

Single C# Object to Json Object String Example Install NewtonSoft.Json Nuget Package C# Object we will be using in following example class MemberPics {     public string PhotoName { get; set; }     public bool IsModerated { get; set; } } Json Object String we will be using in following example @"{'PhotoName':'mypic.jpg','IsModerated':'false'}" Code Snippet using System; using

Json String to C# Object Example

Posted: 04 Jul 2015 03:30 PM PDT

Single Json Object String to C# Object Example Install NewtonSoft.Json Nuget Package C# Object we will be using in following example class MemberPics {     public string PhotoName { get; set; }     public bool IsModerated { get; set; } } Json Object String we will be using in following example @"{'PhotoName':'mypic.jpg','IsModerated':'false'}" Code Snippet using System; using Newtonsoft.Json;
Posted on 05.09
Keep Reading...
Langganan: Komentar (Atom)