Latest Post
Cara Menghilangkan Tulisan Label dalam Posting Blog
Label pada posting sebenarnya menurut saya tidak terlalu mengganggu pengunjung dalam membaca atau sekedar melihat-lihat blog Sahabat, tapi kadang ada orang yang kurang suka dengan adanya tulisan label pada posting, ini menyebabkan mereka ingin menghapus tulisan label pada posting tersebut.
Untuk Sahabat yang ingin tahu bagaimana cara menghilangkan tulisan label pada posting, berikut ikuti langkah-langkahnya :
1. Login akun blogger Sahabat.
2. Pilih Template kemudian klik Edit HTML.
3. Kemudian Sahabat cari kode di bawah ini. Gunakan Ctrl + F untuk mempermudah pencarian.
4. Hapus kode diatas, kemudian klik SAVE.
Gampang kan cara menghilangkan tulisan label pada posting, silahkan coba!
Mudah-mudahan sukses!
Kalau ada kendala atau kesulitan, silahkan hubungi kontak saya.
Untuk Sahabat yang ingin tahu bagaimana cara menghilangkan tulisan label pada posting, berikut ikuti langkah-langkahnya :
1. Login akun blogger Sahabat.
2. Pilih Template kemudian klik Edit HTML.
3. Kemudian Sahabat cari kode di bawah ini. Gunakan Ctrl + F untuk mempermudah pencarian.
<span class='post-labels'><b:if cond='data:post.labels'><data:postLabelsLabel/><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if></span>
Gampang kan cara menghilangkan tulisan label pada posting, silahkan coba!
Mudah-mudahan sukses!
Kalau ada kendala atau kesulitan, silahkan hubungi kontak saya.
Template Anime Visual
Riview sedikit tentang Template Anime Visual
TEMPLATE INFORMATIONS
| |
Platform Type | Blogger/Blogspot Template |
Template Name | Anime Visual |
Publisher | elharawy |
Author name | www.soratemplates.com |
Designer | www.animevisual.com |
Added | September 2013 |
Descriptions | Wordpress Look, 2 Columns, Right Sidebar, Anime Style, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Tabbed Widget. |
Bagi yang ingin download, mangga klik di sini
Cara Membuat Menu Drop Down Tanpa Edit Html
Tutorial Cara Membuat Menu Drop Down Tanpa Edit Html sudah banyak yang membuat,namun saya ikut ikutan membuat karena ada teman saya yang memintanya,sekaligus buat arsip saja.
Bagi yang masih belum mengerti apa itu Drop Down saya akan menjelaskan sedikit mengenai Menu Drop Down
Menu Drop Down adalah Menu link yang apabila disentuh dengan Mouse nanti
akan ada menu link yang jatuh kebawah.Contohnya Nanti akan saya
tampilkan di bawah tulisan ini.
Membuat Menu Drop Down juga bisa menambah peningkatan SEO Friendly
Blog,karena dengan adanya menu Drop Down pengunjung blog anda akan lebih
gampang mencari Informasi yang dia butuhkan.
Untuk Membuat menu Drop Down silahkan anda Copy Kode di bawah ini:
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 0px #9c9c9c;
-webkit-box-shadow: 0 2px 0px #9c9c9c;
box-shadow: 0 2px 0px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}
#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
Setelah anda Copy silahkan anda masuk ke dasbor dan pilih >> Tata
Letak dan Pilih Gadget HTML.lalu Paste Kode diatas.Lalu letakkan gadget
HTML di tata letak header.Lalu simpan.
Untuk mengubah warna silahkan anda berkreasi sendiri.
Sekian Cara Membuat Menu Drop Down Tanpa Edit Html Semoga Cara Membuat Menu Drop Down Tanpa Edit Html ini bermanfaat.
NB: Link http://bukarahasia-no1.blogspot.com/ ganti dengan link anda dan biarkan satu link saja buat blog Buka Rahasia No 1
itupun kalau anda tidak pelit hehehehehehe..