Showing posts with label Template. Show all posts
Showing posts with label Template. Show all posts

Cara Membuat Navigasi Menu DropDown Pada Blog

Dipostkan Oleh. BlogTerms
Navigasi Menu DropDown Blog
Mudah-Mudahan Tips ini salah satu yang teman blogger cari, sehingga saya tidak merasa kecewa untuk menuliskan artikel tips blog untuk "Cara Membuat Navigasi Menu Drop Down Pada Blog" ini.
Beberapa Template blog memang sengaja tidak menyediakan Widget yang satu ini, entah apa alasanya, seperti pada Blog "Lowongan Kerja" dan Template standart Blog juga tidak menyediakan Widget Navigasi Menu ini.
Jika kita memiliki template seperti itu dan tidak ingin mengganti template, dibawah ini bisa jadi bahan percobaan anda untuk mengedit Template membuat Navigasi Menu.

Langkah-langkah yang perlu anda lakukan sebagai berikut :

Pertama, login pada blog anda.

Kedua, Pilih Design => Page Elemen => Edit HTML =>
Expand Widget Templates.
Perhatian:
Sebelum melakukan Pengeditan Sebaiknya Simpan Dulu Template awal anda dengan cara "BackUp / Restore Template" Download Full Template. Maksudnya agar menjaga jika terjadi kesalahan, Jika Template Error, anda bisa mengembalikan ke bentuk semula dengan Template yang anda download tadi.

Ketiga, Cari Code berikut in, Code : [[></b:skin> or ]]></b:skin>
Untuk mempermudah anda melakukan Pencarian Code diatas, Gunakan Alternative lewat Keyword anda dengan Ctrl + F lalu masukkan Code diatas dan Enter, maka anda akan lebih mudah menemukan Code diatas.

Keempat, Copy Code Di Bawah ini Dan Pastekan di Atas atau Sebelum Code [[></b:skin>

Code :
menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Arial", Arial;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}

Kelima, Save Template anda.

Keenam, Setelah Selesai melakukan Pengeditan di halaman HTML, sekarang kita menuju Page Elemen.

Ketujuh, Dihalaman Page Elemen, Pilih dimana Anda akan meletakkan Posisi Navigasi Menu DropDown tersebut, setelah memilih lokasi yang tempat, Klik "Add Widget" => "HTML / JavaScript".

Kedelapan, Copy Code Berikut ini Tepat di Halaman "HTML / JavaScript"

Code :
<div class="menu"><ul><li><a href="#"> Nama Link </a></li><li><a href=" # "> Nama Link </a><ul><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li></ul></li><li><a href="#"> Nama Link </a><ul><li><a href="#"> Nama Link </a></li><li><a href="#"> Nama Link </a></li></ul></li><li><a href="#">Nama Link</a></li></ul></div>
Keterangan :
Pada Code yang Berwarna Hijau anda Letakkan Code Link
Pada Code yang Berwarna Kuning Anda Letakkan Nama Link

Kesembilan, Save HTML / JavaScript anda.

Kesepuluh, Lihat Hasilnya di Halaman Blog Anda.
Sekian Dulu Tips "Cara Membuat Navigasi Menu DropDown Pada Blog" Dari Blogterms, Mudah-mudahan Bisa Bermanfaat Bagi Sahabat Blogger.

0 comments

Labels: , ,

Template Blog Creative Friendly Free Download

Dipostkan Oleh. BlogTerms
Mungkin Anda Kesulitan Mencari atau Menentukan Sebuah Template pada blog, yang menurut anda sangat cocok dengan isi content blog anda.
Disini saya ingin berbagi beberapa Template blog yang menurut saya sangat simple dan friendly. Berbagai widget sudah terpasang didalamnya dan anda hanya tinggal mengedit beberapa bagian yang menurut anda kurang pas untuk content blog anda.
Cara Pengeditan Template Blog Bisa anda Search di Google, maka anda akan menemukan begitu banyak tutorial-tutoril untuk mengedit template blog, seperti mengedit Meta Tag | Cara memasang Readmore | Memasang Widget | cara Membuat halaman tab View | Cara membuat Navigator nomor urut Phostingan dan lain-lain.

Untuk Mendapatkan Template Yang Saya maksud, Anda bisa lihat terlebih dahulu Previewnya Sebelum anda Mendownload Template.

1. TEMPLATE YAHOO BLOG


DOWNLOAD | PRIVIEW
2. TEMPLATE YAHOO BLOG


DOWNLOAD | PRIVIEW

3. TEMPLATE ART


DOWNLOAD | PRIVIEW
4. TEMPLATE ENTERTAINMENT


DOWNLOAD | PRIVIEW

5. TEMPLATE SIMPLEART


DOWNLOAD | PRIVIEW
2. TEMPLATE TECHNO


DOWNLOAD | PRIVIEW

0 comments

Labels: , ,

Cara Membuat Beground Music di Blog

Dipostkan Oleh. BlogTerms
Hai Sahabat Blogger...
Saya kembali lagi membuat satu postingan yang mungkin menarik untuk sahabat Blogger terapkan
di dalam blog anda.

Postingan saya kali ini membahas tentang bagaimana caranya membuat beground dengan efek music di dalam blog. mungkin sahabat blogger sudah pernah melihat dan mendengar suatu blog diberi efek music tanpa mempengaruhi kecepatan loding blog dan efek music tersebut tidak terlihat alias tersembunyi.

Sebagai contoh bisa anda lihat di blog saya berikut ini : "Ghita Cleopatra Stratan - Opera Music Hits".
Nah, setelah anda melihat contoh di blog tersebut saya akan menjelaskan bagaimana cara membuatnya.
Pertama-tama, Anda tentu pernah dengan istilah format swf, jika anda belum terlalu memahami istilah swf, anda bisa search melalui google search.

Setelah anda paham tentang format swf, silahkan anda cari music yang ingin anda jadikan efek beground di blog anda, setelah menemukan music yang ingin di jadikan efek beground, silahkan di convert terlebih dahulu music mp3 ke format swf.
Setelah anda meng-Convertnya kemudian ambil link swf nya.

Lalu Bagai mana cara Memasukannya ke dalam halaman blog tanpa terlihat..?? itu menjadi pertanyaan para sahabat blogger.

Ok, berikut ini cara menempatkannya di dalam blog.
Cara penempatanya anda bisa memilih mau ditempatkan di setiap postingan atau di tempatkan di tampilan depan blog anda.
Jika anda ingin menempatkan Efec music beground di dalam postingan Copy Code Berikut ini tepat diakhir Postingan anda:

<embed align="MIDDLE" autostart="TRUE" height="1" loop="TRUE" src="LINK MUSIC SWF ANDA" width="1"></embed>

Keterangan :
Ganti Tulisan yang saya Bold dengan Link Swf anda.

Jika anda ingin menempatkan Efec Music Beground di halaman depan blog anda, tinggal Copy Code tersebut dan Pastekan di "Add a Gadget" Blog Anda lalu Save.
Kemudian lihat dan sobat dengar hasilnya.

0 comments

Labels: , , ,

Cara Menghilangkan Data Postingan dan menghapus icon Pensil Edit Postingan pada Blog

Dipostkan Oleh. BlogTerms
Ingin Blog anda terlihat tidak menampilkan nama Anda selaku pemilik Blog..?
atau dengan kalimat singkatnya anda ingin Menghilangkan/Menghapus Icon Data Postingan pada blog anda.
Apakah akan ada pengaruhnya jika kita pemilik blog harus menyertakan Data Author atau penulis blog pada postingan, atau sebaliknya apakah ada pengaruhnya jika kita menghilangkan atau menghapus data Author yang memang secara otomatis akan muncul di halaman postingan setelah kita membuat/memuat satu article ke dalam blog..

Menurut saya seh pengaruhnya tidak begitu signifikan, mungkin data author tersebut hanya sebagai tanda atau data siapa penulis dari artikel atau pemilik artikel tersebut.. mungkin ada pendapat teman blogger yang berbeda.
Jika anda merasa bahwa menampilkan data anda tidak terlalu penting dan bagai mana cara menghapusnya dari blog..?
Anda Dapat mnghilangkan Data Author tersebut dengan cara berikut ini :

Seperti biasa, Langkah pertama login ke Account Blogger anda.
Pilih blog yang ingin anda hilangkan data Authornya apa bila dalam satu account blogger anda memiliki beberapa blog.
setelah anda memilih yang ingin anda hilangkan data Authornya, lalu klik Design, kemudian Edit HTML.
Sebelum anda melakukan pengeditan, beri tanda/centang pada "Expand template Widget"
dan untuk mengantisipasi kesalahan saat melakukan pengeditan ada baiknya anda download terlebih dahulu template blog anda.

Setelah itu, langkah berikutnya adalah untuk menghilangkan/menghapus data "Diposkan oleh", "Author", "Nama pemilik blog". anda cari Code Berikut ini :

<span class='post-author vcard'>
   <b:if cond='data:top.showAuthor'>
    <data:top.authorLabel/>
    <span class='fn'><data:post.author/></span>
   </b:if>
  </span>

Jika Code diatas sudah anda temukan, kemudian delete code tersebut.
Sedangkan untuk menghilangkan/menghapus icon pensil "edit postingan" anda cari code berikut ini :

<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>

Setelah Ketemu Delete Code tersebut, kemudian Save Tamplate blog anda.
sekian dulu trik blog "Cara menghapus Data Postingan, Icon Pensil Pada blog" dari saya. Tips-tips blog lainya bisa anda lihat di postingan-postingan blog ini.

0 comments

Labels: , ,

Cara Membuat Meta Tag Versi.2 untuk Blog

Dipostkan Oleh. BlogTerms
Pada Postingan Sebelumnya "Buatlah Meta Tag Pada Blog Anda" saya membahas tentang Apa itu Meta Tag dan manfaat meta tag pada blog.
Di Postingan ini "Buatlah Meta Tag Pada Blog Anda" saya juga sudah memberitahu bagaimana cara memasang meta tag pada blog.
Untuk itu, Pada postingan kali ini juga tidak jauh berbeda dengan postingan sebelumnya yang sama-sama membahas tentang bagai mana cara memasang meta tag pada blog.
Untuk postingan ini saya memberi nama Meta tag Versi.2 karna menurut saya, Meta taq sebelumnya sudah terlebih dahulu saya uji coba di blog.
untuk versi.2 ini perbedaanya terletak pada element-element penyusunan Meta tag, disini penyusunan meta tag-nya sedikit lebih banyak dari yang sebelumnya.
Baiklah, untuk mempersingkat waktu saya akan menjelaskan Cara pemasangannya.

Ikuti Langkah-Langkah Berikut ini :
a. Login Account Blog
b. Pilih Rancangan
c. Edit HTML
d. Beri Tanda CheckList Pada "Expand Widget Template"
e. Untuk Mengantisipasi adanya kesalahan sebaiknya Back-up terlebih dahulu Template Blog Anda dengan cara "Download" Template.
f. Kemudian setelah selesai di Back-up, cari Code Berikut, <head>
g. Kemudian Copy Code Script berikut ini, lalu Pastekan di bawah Kode <head>
Code Script :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' ISI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content=' ISI DENGAN KEYWORD BLOG SOBAT ' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012, ISI DENGAN JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>
Setelah Selesai, Lalu Save Template anda.
NB. Text yang Berwarna sesuaikan dengan Blog anda.

2 comments

Labels: , , ,

Buatlah Meta Tag Pada Blog Anda

Dipostkan Oleh. BlogTerms
Apakah Itu Meta tag ..?
Mungkin sebagain Para Blogger akan bertanya seperti itu..
dan Buat Apa Meta Tag tersebut ?
Baiklah... Buat Teman-teman sesama blogger yang belum mengerti
apa itu meta tag dan apa manfaatnya buat blog.
maaf jika penjelasan saya ini kurang baik atau kurang jelas
sehingga para blogger yang ingin mengikuti teknik ini sedikit bingung..
tips ini saya ambil dari beberapa ahli-ahli blogger jadi saya hanya akan sedikit
menjelaskannya buat teman2 blogger..
Pertama-tama sebelum mebuat meta tag kedalam blog, sebaiknya kita pahami terlebih dahulu apa itu meta tag dan kegunaanya.

Meta Tag itu adalah elemen atau tag dalam bahasa program HTML atau XHTML yang digunakan untuk mengaplikasikan meta data dalam suatu web atau Weblog.

Sedangkam Fungsinya untuk mendeskripsikan atau memberikan penjelasan mengenai web atau weblog kita kepada search engine.

Lalu, bagaimana pengaruh meta tag terhadap SEO ?
Banyak orang yang mengatakan Meta tag sangat penting untuk SEO dan banyak pula yang mengatakan tidak terlalu penting. Apabila dari sudut pandang Dapur Tutorial Blogspot Sendiri Meta Tag pada blog sangat penting karena dengan kita memasang Meta Tag pada Blog berarti kita sudah membantu Search engine untuk mengenal blog yang kita miliki.

Ok.. mungkin segitu dulu penjelasannya..
Selanjutnya cara membuat meta taq kedalam blog..

1. login ke account blog anda
2. pilih design
3. lalu edit HTML
4. jangan lupa sebelum mengedit HTML berikan tanda centang (√) pada "Expand Widget Templates"
5. setelah itu, Cari Code Berikut ini :
     <title><data:blog.pageTitle/></title> (Gunakan tomblo CTRL + F Atau F3 untuk memudahkan Pencarian Kode)
6. Lalu setelah code di atas anda temukan.. gantikan code tersebut dengan code dibawah ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | Deskripsi Singkat Blog</title>
<meta content='deskripsi tentang blog anda' name='description'/>
<meta content='kata kunci, kata kucni,' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.title/> | Deskripsi Singkat Blog</title>
<meta content='deskripsi tentang blog anda' name='description'/>
<meta content='kata kunci, kata kucni,' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='&quot;Download &quot; + data:blog.pageName + &quot;. deskripsi tentang blog anda&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, kata kunci, kata kucni, kata,&quot;' name='keywords'/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</b:if>
</b:if>
<meta expr:content='data:blog.title' name='author'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>

Information :
1. Deskripsi Singkat Blog Isi dengan deskripsi singkat mengenai blog anda misalnya
Free Download Software
2. Deskripsi tentang blog anda Cerikakan latar blakang blog anda contoh "Blog yang
berisi kumpulan-kumpulan software gratis"
3. kata kunci, kata kucni Isi dengan kata-kata kunci ( pisahkan dengan koma "," )
contoh. "Free download, Software gratis, kumpulan Software,computer"

Article Source

0 comments

Labels: , , ,