Cara Mempercantik tampilan Blog spot untuk Pemula Agar Cepat Banyak Pengunjung
Kangkomar.net- Selamat pagi sahabat selamat beraktifitas di pagi hari ini saya akan membagikan artikel mengenai cara mempercantik tampilan Blog Spot untuk pemula semoga cepat banyak pengunjung terbaru dan terlengkap kalau sahabat ingin menciptakan blog gres dan ingin mengusai segala jenis cara ngeblog mempercantik blog tampilan blog atau kalau tanggapan sahabat ialah iya maka di sini ialah salah satu daerah yang sempurna untuk mempelajarinya, di artikel khusus ini saya menyediakan banyak sekali tutorial singkat cara ngeblog untuk mempercantik tampilan blog spot untuk pemeula semoga cepat banyak pengunjung bagi sahabat yang gres mempunyai blog.
Cara mempercantik Blog
Pemilik blog atau para blogger tentu saja ingin menciptakan blognya itu terlihat secantik mungkin semoga bisa bisa untuk memikat para pengunjung dan bisa mendapat lebih banyak visitor (pengunjung), saat sebuah blog itu menarik, maka mengakibatkan pengunjung pun menjadi lebih betah dalam berlama-lama untuk berkunjung ke dalam blog kita. Cara mempercantik blog memang butuh kehlian khusus serta jiwa seni dalam menata semoga blog kita mempunyai suatu penampilan yang unik banyal sekali cara untuk bisa mempercantik blog yang kita miliki, pada dasarnya ialah kesabaran dan ketekunan menyerupai yang saya lakukan.
Cara memasang sajian di blog
Berbeda dengan memasang drop down sajian di blog, memasang sajian di blog terlihat lebih gampang dan simple meski tampilan kedau sajian ini sedeikit berbeda, kalau pda drop down menu, bisa menambahkan submenu maka pada pembuatan sajian kita tidak bisa menambahkan submenu, untuk lebih jelasnya perbedaan kedau perlengkapan ngeblo bisa di lihat jika sahabat eksklusif mempraktekannya. Untuk bisa menampilkan sajian caranya cukup gampang hanya dengan menambahkan isyarat HTML ke dalam blog kita maka tampilan blog akan lebih indah untuk cara memasang sajian blog ialah sebaagai berikut ini :
- Masuk ke blogger dan akan di sambut dengan tampilan dasboard Blogger
- Tab ke bawah cari sajian tambah Gadget.
- Html /java script
- Setelah itu masukan dan copy isyarat Html berikut ini dan kemudian klik simpan atau save.
<!--begin top menu--></pre>
<div id="topmenuCont" class="cleanfix">
<ul class="clearfix">
<li><a class="home"><span style="font-family: comic sans ms;">Home </span></a></li>
<li><a title="Cara Mempercantik tampilan Blog 2017 (update)"background-color: cyan;">Nama menu1" href = "Link menu1"><span style ="font-family: comic sans ms;"> Nama .menu1 </span></a></li>
'
<li><a title="Cara Mempercantik tampilan Blog 2017 (update)"background-color: cyan;">Nama sajian 2" href="Link menu2"><span style = "font-family: comic sans ms;"> Nama sajian 2 </span></a></li>
<li><a title="Cara Mempercantik tampilan Blog 2017 (update)"background-color: cyan;">Nama sajian 3" href="Link menu3"><span style == "font-family: comic sans ms;"> Nama sajian 3 </span></a></li>
</ul>
</div>
<pre>
<!-- end top menu-->
Catatan
Sebelum kita menyimpan script isyarat HTML di atas silahkan ganti sesuai cita-cita sahabat me "Nama menu1, Nama sajian 2, dan Nama sajian 3 sesuai dengan cita-cita sahabat, dan "Link menu1, Link sajian 2, Link sajian 3," silahkan ganti dengan link Url artikel yang sahabat inginkan kalau sahabat kebingungan di langkah ini silahkan sahabat bertanya melalui kolom komentar di bawah, sehabis itu save atau simpan dan lihat hasilnya, untuk tampilan yang lebih bagus di sarankan gadget ini di letakan di bawah nama blog, selain itu, sahabat juga bisa menambah kan sajian lainnya dengan cara meng-copy isyarat html di atas sesuai dengan kebutuhan sahabat, semoga gosip cara memasang sajian di blog ini bermanfaat dan terima kasih atas kunjunganannya.
Cara Membuat Drop Down sajian di Blog
Cara membaut sajian drop down di blog ialah artikel selanjutnya dari cara mempercantik tampilan blog tujuan utama menciptakan sajian drop down ini di blog ialah selain mempermudah para pengunjung untuk mencari artikel yang di cari juga menjadikan tampilan blog terlihat profesional, cara pemasanganya juga tidak begitu susah alasannya ialah tinggal menambahkan isyarat drop down sajian ke template dan widget, Sudah siap untuk mengetahui bagaimana caranya ? kini kita masuk ke tata cara menciptakan drop sajian di blog spot ini langkah pertama dalah masuk ke template kemudian pilih edit HTML, sehabis itu cari isyarat ]]></b:skun> untuk mempemrudah pencarian bisa memakai CTRL+F atau F3, sehabis ketemu masukan isyarat berikut sempurna di atas isyarat tersebut.
menu{
border:none;
border:0px;
margin:0px;
padding:0px
font:67,5% "Arial", arial;
font-size: 14 px;
font-weight:bold;}
.menu ul {
background: #FFFFFFF;
height:35px;
list-style:none;
margin:0;
padding:0;
font-size : 14 px;
font-weight:bold;}
.menu li{
float:left;padding:0px;}
.menu li{
float:left;
padding:0px;}
.menu lia{
backgriund :#FFFFFF url ("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height : 35 px;
text-align:center;
text-decoration:none:
}
.menu li a :hover, .menu u 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:noone;
height:auto;
paddiing:0px;
margin:0px;
broder:0px;
position :absolute;
widht:225px;
z-index:200;
/*top:1 em;
/*left:0;*/
}
.menu li li {
background : url ('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
display:blocl;
float:none;
margin:0px;
width:225px;
}
.menu li hover li a{
background:none;
}
.menu li ul a{
display :block;
height:35px;
font-size: 12 px;
font-style:normal;
margin:0px;
padding :opx 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover,
.menu li ul li:hover a{background:#2580a2 url ('http://i50.tinypic.com/66 elwh.jpg') center left no-repeat;
border:0px;
color:#FFFFFF;
text-decoration:none;
}
.menu p{
clear:left;
}
Setelah isyarat tersebut di masukan, kemudian klik save atau simpan tergantung bahasa yang di gunakan, sebgai catatan isyarat yang di tebalkan ialah isyarat warna yang bisa di ganti sesuai dengan tampilan blog sahabat. Apakah sudah simpulan tugasnya sehabis simpulan melaksanakan kiprah di ata kini kita masuk ke tata letak kemudian klik tambah gadget sehabis itu pilih HTML/ Java script dan masukan isyarat Html berikut ini:
<div class="menu">
<ul>
<li>< a href="Link sesuai dengan cita-cita sahabat"> Home </a></li>
<li><a href ="Link"> Nama menu1 </a>
<ul>
<li><a href = "link"> Nama sajian submenu 1</a></li>
<li><a href = "link"> Nama sajian submenu 1</a></li>
<li><a href = "link"> Nama sajian submenu 1</a></li>
</ul>
</li>
<li><a href ="Link"> Nama sajian 2</a>
<ul>
<li><a href = "link"> Nama submenu2</a></li>
<li><a href = "link"> Nama submenu 2 </a></li>
</ul>
</li>
<li><a href="Link"> Nama menu3 </a>
<li><a href ="Link">Nama sajian 4</a>
</li></li></ul>
</div>
Setelah simpulan klik simpan dan drop down sajian telah muncuk di tampilan blog sahabat kalau sahabat mengalmai kesulitan silahkan tanyakan kepada saya nanti saya akan jawab dengan cepat di kolom komentar di bawah ini, kini blog yang di miliki sahabat telah terlihat menyerupai blog yang profesional.
Catatan:
1. Ganti goresan pena Link dengan Url link blog sahabat atau sesuai dengan cita-cita sahabat.
2. Ganti nama sajian dan Nama submenu dengan nama yang di inginkan oleh sahabat.
3. Jumlah sajian dan submenu yang ingin di tampilkan tidak terbatas, tergantung selera masing-masing.
Nah, itulah gosip perihal cara menciptakan drop down sajian di blog yang mungkin sahabat cari semoga gosip ini bisa bermanfaat bagi sahabat semuanya dan saya ucapkan terimaksih atas kunjungan sahabat apabila ada kritik dan saran silahkan sahabat berikan kepada admin kang komar yang siap siaga menjawab pertanyaan sahabat 24 jam dan nantikan artikel berikutnya perihal mempercantik blog yang akan saya tulis khusu untuk pelanggan setia selmaat berkaktifitas dan selamat mencoba sahabat.