Untuk dilakukan, tetapi tidak memiliki banyak saudara atau hubungi komentar Vi HongHoa untuk meminta Metro UI antarmuka gaya. Jadi berbagi template, jadi saya membawanya desain UI Metro gaya baru selesai. Seperti disebutkan dalam posting sebelumnya Metro UI & tutorial desain web dengan Metro UI antarmuka diri Anda mencoba untuk melakukan antarmuka yang sederhana dengan setidaknya kode. Ingin menyesuaikan lebih Anda tetap berhubungan dengan dia untuk dukungan. Ini adalah 2 kolom antarmuka gaya Metro UI dengan karakteristik nada biru pilih Microsoft harus sesuai Anda seperti sederhana dan profesional. Anda dapat menggunakan interface ini untuk proyek-proyek yang serius atau perusahaan kecil.
Pada wajahnya yang diterapkan Lengkap All in One SEO untuk Blogger, sehingga Anda tidak perlu menambahkan trik SEO lagi . MetroBTK - The Metro UI Style Blogger Template memiliki beberapa fitur yang luar biasa sebagai berikut:
1. Multi-level menu bar
Anda menemukan baris berikut dan mengedit link dan teks sesuai dengan keinginan Anda
< div id = 'menu-modul' >
< div class = 'mattblackmenu' id = 'ddtopmenubar' >
...
< / div >
...
< / div >
Bagaimana mengedit sedikit rumit, Anda harus memperhatikan dekat dengan struktur kode kustom.Jika Anda memiliki masalah silakan tinggalkan komentar Anda akan memandu bagaimana menyesuaikan spesifik.
2. Berita Top widget
Untuk Berita Teratas widget atau pasca Fitur acara yang perlu Anda lakukan berikut ini.
b1) Cari widget Bloglist disebut Berita Teratas klik Sunting itu
b2) Mark cek akurat sebagai berikut 3
- Judul yang paling item yang baru-baru ini
- Thumbnail sebagian barang baru
b3) Klik Tambahkan ke daftar untuk menambahkan link ke Bloglist. Memiliki semua 4 artikel sehingga Anda perlu menambahkan link berikut tepat 4.
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=1
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=2
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=3
http://blog.nguoiaolam.net/feeds/posts/default/-/hot?start-index=4
Jangan lupa untuk mengganti blog.nguoiaolam.net
dengan nama blog Anda (misalnyahttp://metro-blogthietke.blogspot.com/
). Sekarang ingin artikel apapun padaBerita Teratas yang Anda butuhkan untuk menetapkan label panas
(huruf kecil, tidak ada bunga) Jika tidak berhati-hati ketika melakukan langkah ini sangat rawan kesalahan Berita Teratas mereka tidak dapat mengakses halaman rumah blog.
4. Penuh Iklan Banner lebar
Cari widget HTML disebut QC membukanya dan dimasukkan kode ini
<a href="#"> src = "/ img-sumber" <img /> </ a>
Alih-alih menghubungkan dan sumber img dalam kode sewenang-wenang. Ingat bahwa untuk mendapatkan Penuh Lebar Banner Ads, dengan lebar ukuran gambar 980px .
5. Kategori menghubungkan bar
Cari widget Linklist untuk Tautkan Kategori Bar klik Mengedit dan menyesuaikan Linklist sewenang-wenang. Ini harus digunakan untuk kategori utama dan penting dari blog.
6. Gaya Metro Sosial barang UI
Cari kode dibawah ini dan mengubah nama id nguoiaolam jaringan sosial Anda.
< div class = 'sosial' >
< p class = 'memudar' > < ul >
<li><a href='http://facebook.com/blogthietke'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTfJuG85ga2kQENmPaEEx36YNmsLSzzv9eup3Vpe9BuWXcr_ZOQROBYRtm4bXYadM6Vg4jVLgS3FQmG2Jkx265X7ZPxvpCoyx9RkAHqdz5M0F9ozhMjfEqEhZ8eLRO-R1PrAiTfji2Tso/s57/Facebook%2520alt%25201.png'/></a></li>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg71nxyhrfFEuZayl2neR1pltQSdHcLPlUyYRW1x32PRL5Bzl5X1pFsVvjkK3npDQeNUMyuNhGYyTUjTHYZvd_2zFecxOi0rL7gbEVfb8TR2HtyZV25W_-6GTZBKCMoDR56VNr13AYVt5Ar/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/honghoavi'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV7_p8iw7OIZdyzxECFFuoK-lRM6W0Em8Wk8jKm9Rcil5N7tCeKKeuiKMphQXCKK5EfBms6_HrWJpTPh6fH_m32SmGAcGQJdoiQj7bhGbGxq1L3kecq1gyAncEs2RuIwh43POn1WJX4eTl/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/blogthietke'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiApM61-c9AWnmSvSHfGYkNnSRQWBg7HPNrrQA8LI3XsF6-BEJyyFmX8aCe7FpeXhrRpW1PaUreJ0Jwz8WNFZjXkH2-T6ZdahMprZ8ktAv-M-gUQuUYo_VlQhAj8S9mTkb1UeQU3MC6qN1V/s57/RSS%2520Feed.png'/></a></li>
<li style='padding:0px'><a href='#'><imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyq8srZWXLm_2TZ4TZOECoVoB5HNmYcuXUt4lKBl2lHeckpp4-AUKaFEk0VSbTn13e6Jf6Oi-MLURa9l6zgTq1-ufccg27TvbIrpY0x2mgu8RWDM-O1cYarqptvz-tV5Qbgpblp4WOZNz/s57/YouTube%2520alt%25201.png'/></a></li>
< / ul > < / p > < div gaya = 'jelas: Kedua;' / >
< / div >
Aku di sini hanya untuk ikon simbolis beberapa, jika Anda menggunakan layanan jaringan sosial lain atau ingin lebih ikon, gaya Metro UI untuk membaca artikel Metro UI & tutorial desain web dengan Metro UI UI di Sumber saya telah berbagi satu set dengan lebih dari 400 ikon dari semua genre: Windows Icon, Application Icon, Icon Sosial Web ... Setiap ikon memiliki resolusi 512x512. Saudara dan mengubah ukurannya sesuai dengan keinginan Anda dimasukkan. 7. Kesimpulan
Ada banyak dari Anda merasa antarmuka cukup sederhana. Ini adalah persis karena sifat dari Metro UI sederhana. Selain itu, dalam demo saya telah menghilangkan semua template kustom dan menjaga inti dengan jumlah minimal kode.
Bagian disesuaikan template seperti mengubah warna, menambahkan ikon sosial, posting terkait lainnya, komentar Recents, multi benang komentar anda ... untuk menghabiskan menjelajahi untuk Anda.
Jika Anda menemukan kesulitan jangan ragu untuk meninggalkan komentar Anda dalam artikel ini bersedia untuk membantu mendukung Anda template yang memuaskan.
Hal terakhir yang mereka ingin Anda untuk menghormati usaha dengan menjaga garis desain asli dari informasi desain di bagian bawah antarmuka. Terima kasih!