Responsif Sitemap Blogger Keren

-
sitempa-responsif-untuk-blogger-seperti-sitemap-wordpress
Sebelum berangkat untuk mengerjakan solat saya ingin berbagi sitemap responsif blogger, sitemap ini menampilkan gaya basic dari sitemap wordpress dan terlihat keren yang dibuat oleh Chandeep. 

Artikel Terkait :


Cara Menambahkan Sitemap di Blogger :

  • Masuk ke Dashboard blog Anda - klik Laman
  • klik Laman baru - dan pilih Laman kosong
  • Ubah ke mode html dan salin kode di bawah ini :

<script 
src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" 
type='text/javascript'></script>



<script 
src="http://satu-delapan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>



<style type="text/css">



.post-archive { width: 100%; padding: 20px 0; 
text-transform: capitalize; }



.post-archive h4 { border-bottom: 2px solid #EEEEEE; 
color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }



.ct-columns-3 { -moz-column-count: 3; 
-moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; 
-webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; 
column-gap: 10px; column-rule: none;}



.ct-columns-3 p { padding: 5px 0px; 
-moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; 
-o-column-break-inside: avoid; -ms-column-break-inside: avoid; 
column-break-inside: avoid; display: inline-block; width: 100%; }



.ct-columns-3 p a { background: #fafafa; color: 
#333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: 
normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all 
.25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s 
ease-in-out; transition:all .25s ease-in-out; }



.ct-columns-3 p a:hover { background: #555; color: 
#fff; }




@media screen and (max-width: 768px){ .ct-columns-3 
{ -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; 
-webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; 
column-count: 1; column-gap: 0px; column-rule: none; } }



</style>

  • ganti http://satu-delapan.blogspot.com/ dengan url blog Anda
  • kemudian, klik pilihan di bawah "Setelan Laman" dan "komentar pembaca" jadikan "jangan bolehkan, sembunyikan yang ada mode tulis" - hal ini dilakukan untuk menyembunyikan komentar di halaman statis - klik selesai
  • Langkah terakhir beri nama pada judul dan publish untuk melihat hasilnya.
Semoga artikel yang singkat ini bermafaat buat Anda. salam satu-delapan!
　

Popular posts from this blog

2 Style Navigasi Nomor Halaman Blogger

-
Image
Halaman Navigasi adalah fitur yang akan memberikan kenyamanan bagi pengunjung blog Anda untuk menjalahi index posting dari blog Anda. Untuk template bawaan dari blogger memang sudah ada tombol Navigasi halaman tapi itu bukanlah yang terbaik. Nah, pada kesempatan ini kita akan mempelajari tutorial tentang membuat Navigasi Nomor Halaman Blogger yang tentunya sudah sering Anda lihat pada blog lain. Artikel Terkait : Menampilkan Hanya Title Posting di Halaman Blogger Membuat Sitemap HTML di Blogger Membuat Halaman Statis Blogger dan Lebih Dari 20 Halaman Cara Membuat Navigasi Nomor pada Halaman Blogger Login ke Dashboard Blogger Anda Klik Template – Edit HTML Sekarang cari kode dibawah ini : ]]></b:skin> Kemudian tambahkan kode dibawah ini tepat diatasnya : .showpageArea a { text-decoration:underline;} .showpageNum a {text-decoration:none; border: 1px solid #cccccc;margin:0 3px; padding:3px;} .showpageNum a:hover { border: 1px solid #cccccc; b...
Read more

Membuat Kontak Blogger Hubungi Kami Menggunakan Google Drive

-
Image
Pada kesempatan ini kita akan membuat halaman Contact Us atau Hubungi Kami di Blogger , form ini merupakan suatu kewajiban yang harus Anda tambahkan ke dalam blog Anda atau website yang mana bertujuan untuk mempermudah komunikasi sama pengunjung blog Anda. Ada banyak cara atau layanan yang dapat membantu Anda dalam membuat form ini tapi disini saya akan menerapkannya menggunakan Google Drive dengan langkah-langkah yang mudah. Google Drive yang akan kita hubungkan ke blog akan langsung terintegrasi dengan email google Anda, sehingga apabila pengunjung blog mengirim suatu pesan maka secara otomatis masuk ke email google Anda yang langsung di arahkan ke Google Drive website atau aplikasi mobile Google Drive . Nah, langsung saja kita terapkan cara dibawah ini. Baca juga...    7 Apps Android Untuk Pengguna Blogger Membuat Halaman Statis Blogger dan Lebih Dari 20 Halaman Cara Membuat Form Hubungi Kami Log in dengan email google Anda di Google Drive Klik Buat dan ...
Read more

Tips SEO Dari Google [Download]

-
Image
Pada saat kita memulai untuk membangun suatu website tentunya akan muncul suatu pertanyaan "Bagaimana cara menginkatkan lalu lintas ke blog atau situs Anda?". Nah, Pada panduan Google ini akan menjelaskan dan mempraktikan cara mengoptimalkan mesin pencarian (SEO) dan interaksi pengunjung ke blog atau situs Anda. Dalam panduan ini juga dilengkapi dengan teknik/praktik yang akan memudahkan mesin telusur dalam merayapi, mengindeks, dan memahami konten Anda. Di bawah ini daftar isi dari Pengoptimalan Mesin Telusur Google (SEO). Baca juga... Menambahkan Sitemap di Google Webmaster Tools Menampilkan Photo di Hasil Pencarian Google Menambahkan Judul dan Atribut di Posting Gambar   Daftar isi : Dasar-dasar SEO Buat judul laman yang unik dan akurat Menggunakan Meta tag "description" Meningkatkan Struktur Situs Tingkatkan struktur URL Anda] Buatlah situs agar lebih mudah untuk dinavigasi   Mengoptimalkan Konten Tawarkan konten dan...
Read more