Rabu, September 17, 2014

Cara membuat menu navigasi menempel di atas blog

Menu navigasi sangat dibutuhkan di dalam sebuah situs web manapun, karena dengan adanya menu navigasi maka akan mempermudah pengunjung menjelajahi website tersebut, sehingga pengunjung tersebut tidak akan tersesat di dalam menjelajahi sebuah website, lalu langsung pergi karena bingung,  Kadang kita sendiri jengkel ketika mejelajahi senuah situs untuk mencari artikel tetapi situs terbut tidak menyediakan menu navigasi, nah berikut trik cara membuat menu navigasi floating di bagiatan atas blog agar mempermudah pengunjung menjelajahi blog atau situs kita, selamat mencoba:

  • Letakan kode dibawah berikut tepat di atas  ]]></b:skin>

DEMO


#top-Nav{background:#333;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:48px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #000}
#top-Nav ul{margin:0 auto;width:970px;list-style-type:none;height:30px}
#top-Nav ul li{float:left}
#top-Nav ul li a{position:relative;line-height:28px;border:1px solid;padding:10px 5px;color:#aaa;font-size:13px;text-shadow:0 -1px 0 #000;display:block;text-decoration:none;font-weight:700;text-transform:uppercase;font-family:Geneva,Arial,Helvetica,sans-serif}
#top-Nav ul li a:hover{color:#fff;border-top:3px solid #aaa}
.Navsosial a{display:block;height:50px;width:50px;padding:0 4px;float:right;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPfreKMpoGrPQ4xzuMH3wTSloiTCPE7KlY_djFKqIHlk65uqDspQ9dD7j4AD9O-9ntU8oBdzpDCCkLbDGOZv1JBmSIhwnmsOIQWd_Ed2ImkXe5GXYjegQ75pxsujUJPfmW-lXRtAmiVM/s1600/Sharing+buttons.png) no-repeat transparent;-webkit-transition:ease-in 0.2s all;-moz-transition:ease-in 0.2s all;transition:all 0.2s ease-in;cursor:pointer}
.Navsosial a.googleplus{background-position:0 -58px}
.Navsosial a.googleplus:hover{background-position:0 0}
.Navsosial a.twitter{background-position:0 -290px}
.Navsosial a.twitter:hover{background-position:0 -232px}
.Navsosial a.facebook{background-position:0 -406px}
.Navsosial a.facebook:hover{background-position:0 -348px}
.Navsosial a.rss{background-position:0 -174px}
.Navsosial a.rss:hover{background-position:0 -116px}

  • Lalu letakan kode berikut di bawah  <body>


<div id='top-Nav'>
<ul>
<li><a href='http://antoncabon4u.blogspot.com/' target='_blank' title='antoncabon4u'>Antoncabon4u</a></li>
<li><a href='http://antoncabon4u.blogspot.com/' target='_blank' title='Sitemap'>Sitemap</a></li>
<li><a href='http://antoncabon4u.blogspot.com/' target='_blank' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='http://antoncabon4u.blogspot.com/' target='_blank' title='Disclaimer'>Disclaimer</a></li>
<li><a href='http://antoncabon4u.blogspot.com/' target='_blank' title='Contact'>Contact</a></li></ul>
<div class='Navsosial' style='margin:-30px 50px 0 0;'>
<a class='rss' href='http://antoncabon4u.blogspot.com/' rel='external nofollow' target='_blank' title='RSS Link'>
</a>
<a class='googleplus' href='https://plus.google.com/antoncabon' rel='external nofollow' target='_blank' title='googleplus'>
</a>
<a class='facebook' href='https://www.facebook.com/antoncabon' rel='external nofollow' target='_blank' title='facebook'>
</a>
<a class='twitter' href='https://twitter.com/antoncabon' rel='external nofollow' target='_blank' title='twitter'>
</a>
</div>
</div>

  • Kemudian Save.
Good Luck "Watch your thoughts; they become words. Watch your words; they become actions. Watch your actions; they become habits. Watch your habits; they become character. Watch your character; it becomes your destiny." LaoTzu

Keutamaan Melaksanakan Shalat-shalat sunah (bag 1)

Makna Shalat Sunah Nafilah dan Tathawwu serta Anjuran Pelaksanaannya

Dalam konteks fikih, shalat-shalat selain yang fardu lima waktu terbagi menjadi menjadi tiga bagian: sunah, mustahab (disukai, dianjurkan) dan tathawwu' (sukarela).

Ibadah sunah adalah ibadah yang disyariatkan namun tidak difardukan oleh Allah Swt., sebagai kewajiban yang harus dikerjakan oleh seluruh hamba-Nya.  Hanya saja Rasulullah melaksakan perbuatan sunah itu untuk meningkatkan pendekatan diri kepada Allah dan menyempurnakan peribadatannya agar menjadi hamba yang banyak bersyukur kepada-Nya.

Shalat sunah adalah shalat yang selalu dikerjakan oleh Rasulullah secara rutin, seperti shalat-shalat rawatib, shalat dhuha, witir, tahajud dan sebagainya.  Sunah mandubah dinamakan juga nafilah, tathawwu', mustahabb, dan ihsan.  Sunah ini mempunyai derajat dan martabat.  Termasuk kategori ini ialah sunah mu'akkadah dan sunah  ghair mu'akkadah.

Dalam istilah figih , terdapat kata-kata sebagai berikut: sunah, nafilah, mustahabb, mandub dan tatthawwu' mempunyai kesamaan arti yang dimaksud (mutaradif).

Sunah mu'akkadah (sangat dianjurkan) ialah amalan ibadah yang sering dikerjakan oleh Rasulullah saw., sepanjang kehidupan beliau, tanpa pernah meninggalkannya.


(bersambung... ke bag 2)

Jumat, September 12, 2014

Cara verifikasi blog di google Webmaster tools

Cara Verifikasi Blog Di Google Webmasters Tools
Cara Verifikasi Blog Di Google Webmasters Tools Adalah pembahasan yang akan saya bahas pada kesempatan kali ini dimana dengan anda memanfaatkan Google Webmasters Tools sebagai tempat verifikasi buat blog maupun situs anda, disini akan saya berikan cara-caranya dan saya rasa cukuplah mudah untuk dipraktekan, oke sebelumnya juga sudah saya bahas tentang produk review dari Decoder TV Kabel Berbayar Piala Dunia 2014 dan saya juga sudah bahas tentang Cara Menggunakan Google Suggest Keyword Tools , nah Kali ini mari kita coba bahas secara lebih rinci lagi bagaimana caranya agar blog kita terverifikasi di google webmasters tools, untuk cara caranya silahkan simak berikut ini:

VERIFIKASI WEBSITE DI GOOGLE WEBMASTERS TOOLS



1.Langkah pertama pastikan anda sudah punya blog dan tentunya beserta akun emailnya, lalu silahkan akses http://www.google.com/webmasters maka anda akan menemukan tampilan berikut ini, Lalu silahkan klik "Masuk Ke Layanan Alat Webmasters"

Cara Verifikasi Blog Di Google Webmasters Tools

Google Webmasters Tools


2.Pada langkah yang kedua bisa anda perhatikan gambar berikut ini, silahkan masukan nama blog anda yang ingin diverifikasi jika sudah yakin silahkan klik "Tambahkan Situs"

Cara Verifikasi Blog Di Google Webmasters Tools

Google Webmasters Tools


3.Pada langkah yang ketiga perhatikan gambar dibawah ini lalu silahkan klik pojok atas kanan disana ada menu dropdownnya lihat tanda panah lalu pilih saja yang "DETAIL VERIFIKASI"

Cara Verifikasi Blog Di Google Webmasters Tools

4.Pada langkah yang keempat perhatikan lagi gambar dibawah ini silahkan klik "Verifikasi Dengan Menggunakan Metode yang Berbeda"

Cara Verifikasi Blog Di Google Webmasters Tools

5.Pada langkah yang kelima perhatikan lagi gambar dibawah ini, Silahkan pilih yang "Tag HTML" nah bisa anda perhatikan kode yag saya lingkari karean kode meta tag tersebutlah yang nantinya akan kita gunakan untuk verifikasi blog kita.

Cara Verifikasi Blog Di Google Webmasters Tools

6.Pada langkah yang keenam silahkan iseng-iseng saja untuk Verifikasi lihat point 5 diatas, nah jika anda menemukan kendala seperti gambar dibawah ini berarti blog anda belum terverifikasi dengan baik, untuk cara mengatasinya cukuplah mudah anda silahkan perhatikan pada point 7 atau bagian ke 7. mesti anda ingat jangan keluar dari tampilan nomer 5 atau bagian 5 karena nantinya kita akan balik lagi kesana.

Cara Verifikasi Blog Di Google Webmasters Tools

7.Untuk bagian ketujuh silahkan anda masuk ke akun blogger anda cari tulisan "Template" klik edit template carai kode <head> lalu anda pasangkan kode meta tag anda dibawah kode <head>, jika anda masih bingung kode meta tag yang saya maksud silahkan anda lihat lagi pada bagian 5 diatas, jika sudah beres silahkan simpan template anda.

Cara Verifikasi Blog Di Google Webmasters Tools

8.Pada bagian kedelapan silahkan anda berangkat lagi ke gambar bagian ke 5 lalu silahkan klik "Verifikasi" jika verifikasi anda berhasil seharusnya harus sama dengan gambar dibawah ini.

Cara Verifikasi Blog Di Google Webmasters Tools

9.Dan inilah nantinya tampilan dasboard google webmasters anda, dan semoga bisa anda pahami dari tutorial sederhana ini.

Cara Verifikasi Blog Di Google Webmasters Tools

Nah itu saja info dan tips serta tutorial kali ini menyangkut dengan Cara Verifikasi Blog Di Google Webmasters Tools dan semoga informasi ini bisa bermanfaat.

Sumber: disini

Arsip Blog