CSS3 Slanted MenuVertikal Untuk Blogspot

 CSS3 Slanted MenuVertikal Untuk Blogspot Every websites / blogs using menu bars  for link the...


 CSS3 Slanted MenuVertikal Untuk Blogspot


Every websites / blogs using menu bars  for link
their main pages.It  will more  helpful  for your visitors
  to track your main pages. So, why  don't  you  choose
attractive menu bar for  your  blog.  Its helps to  make
your blog attractive too.That,s why you have to choose
best one for your blog.Today im gonna explain how to
add animated vertical menu bar for your blog.You can
get my all vertical here

HostIn15 Host Reviews
alt
Demo

1. Log in to blogger account and Click drop down.
blog-post-option
2. Now select "Template" Like Below.

Select-template

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.
   
5. Find this tag by using Ctrl+F    ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here bloggertrix.com */

ul.svertical{
width: 200px; /* width of menu */
overflow: auto;
background:white;/* background of menu */
margin: 0;
padding: 0;
padding-top: 7px; /* top padding */
list-style-type: none;
}

ul.svertical li{
text-align: right; /* right align menu links */
}
ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background:#35BEFF; /* initial background color of links */
font: bold 16px Germand;
text-decoration: none;
padding: 5px;
margin-bottom: 7px; /* spacing between links */
color: black;
-moz-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8); /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -7px 0 5px rgba(114,114,114, 0.8);
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
ul.svertical li a:hover{
padding-right: 30px; /* add right padding to expand link horizontally to the left */
color: black;
background: #0B55F1;
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}
ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;
border-style: solid;
border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */
border-color: transparent transparent transparent white; /* change black to match the background color of the menu UL */
}

7. Go to blogger and click Layout

8. Click Add Gadget and select 'HTML/Javascript

9. Paste below code.

<ul class="svertical">
<li><a href="http://www.bloggertrix.com/">Blogger Trix</a></li>
<li><a href="http://www.bloggertrix.com/">CSS Examples</a></li>
<li><a href="http://www.bloggertrix.com/">JavaScript Codes</a></li>
<li><a href="http://www.bloggertrix.com/">Jquery Effects</a></li>
<li><a href="http://www.bloggertrix.com/">HTML Tips</a></li>
<li><a href="http://www.bloggertrix.com/">Coding Forums</a></li>
</ul>

10. Now save your HTML/Javascript'.

    You are done...  

COMMENTS

Iklan Konten$show=post

loading...

Artikel Terbaru$type=three$author=hide$comment=hide$rm=hide$show=post$cate=2$count=9$pagination=5

Nama

'Umdatul Ahkam 25 november 4 nove 4 november aa gym aadc2 Abdul Chair Ramadhan abu bakar ashidiq aceh Adab ade armando ade komaruddin adik ahok administrasi adsense advertorial afrika aher ahmad baidhowi ahmad dhani ahmad zainuddin ahok ahok djarot ahok illuminati ahokers akhlak akmal sjafril aksi bela islam iii Al Hikmah al quran palsu al umm al washiliyah al-quran Alex Naddour alfian tanjung ali bin abi thalib ali jaber aliansi pemuda makassar aliran sesat allepo alwi shihab am fatwa amerika amien rais amir faishol fath amir hamzah an najah anis baswedan anis dan sandiaga anton medan anton tabah antv april Aqidah aqidah syiah arab saudi archandra ariana grande arief rahman arifin ilham arik banyadhu artikel ilmiah Artikel Ramadhan atmiwiloto australlia bab thoharoh bachtiar nasir backmasking badai pasir arab saudi balaraja band bandung bangka belitung bangkalan bangladesh banjar banjarmasjin bank banten banyuwangi barcelona bareskrim bashar asad bawaslu bbc beasiswa beasiswa iain antasari beasiswa kuwait beasiswa tahfidz beasiswa turki bedah buku syiah bekal dakwah bekam bekasi berita bid'ah bima arya bin bina qalam biografi bireun Bisnis Online bitung blog tutorial bmh bmh jatim bmh lumajang bnn bnpt bogor bom saudi bpi bpjs brebes britney spears brunei buddha budha bukit duri buku buku gratis Buletin bungkul buni yani burhan shodiq bus pendemo buya hamka buya yahya cadar cakung cangkul car free day cba Ceramah charlie hebdo china cholil nafis cholil ridwan cilacap cina colil ridhwan cut nyak din dahnil anzar darul hijrah dasrul Data Kesesatan Syi'ah dauroh ddi debat bahasa arab internasional mesir dede demo tolak ahok demonstrasi densus 88 depok detik didin hafidhuddin dimas kanjeng din syamsuddin dina y sulaeman djarot do'a donald frans donald trump Download dprd dr miftah el banjari dr tiar dr zakir naik Dr. Adian Husaini Dr. Ahmad Zain An-Najah dr. aidh al qarni dr. warsito dream dzan farid dzulhijjah emilia renita erdogan Esra Panese event facebook fadel muhammad fadl zon fahira idris fahri hamzah fakta fans celtic farid okbah fatih seferagic Featured felix siauw ferdinand hutahean ferihana filipina film Fiqih fiqih dakwah fiqih haji fiqih ihram fiqih jenazah fiqih jihad fiqih jual beli fiqih madzhab imam syaf'i fiqih nikah fiqih puasa fiqih qurban firanda andirja florida foto Foto-Foto kesesatan Syi'ah fpi freddy budiman gafatar gajah gallery gambar game online game pes garut gatot nurmantyo gaza gerhana matahari gerindra Gilbert Lumoindong globaltv golkar gontor google gp anshor gresik gubernur ntb guru gus manan gus sholah habib rizieq hacker Hadits hadyu hafidz quran haiti halal.ad ham hamdan zoelva hari pancasila Harits Abu Ulya hartoyo harvard hary tanoesoedibjo headline hidayat nur wahid hidayatullah hikmah hmi hollywood hukum seputar ta'ziyah husain syahid husni thamrin hut ri 71 ibadah ibnu khaldun ibu saeni ical idc ihw ikhsan modjo iklan ilc 8 november illuminati Ilmu Faroidh ilyas karim imam masjid al aqsa imamah imunisasi india indonesia indramayu inews info kajian inggris insan mokoginta inspiratif intermezo internasional ipb ipw irak iran irena handono irlandia Islamophobia islandia israel istanbul istiqlal istri ahok istri gus dur jabar jack ma jakarta jakut jamaah tabligh janet jackson jas jatim jawa barat jawa timur Jayawijaya Jeffry Winters jember jepang jerman jihad jihad internasional jil jilbab jk jokowi jokowi dan ahok jonru jpnn Kabar Muslim Burma 2012 kalbar kalimantan kammi kampung rambutan kanada Kapolda kapolri kapry nanda karawang kashmir kasih keluarga Kemendag kenan nabil kereta cepat kesehatan KH Ali Mustafa Ya'qub KH Hasyim Muzadi kh. abdur rasyid khairul anwar Khutbah jum'at Kiamat king abdul aziz king saudi university kiriman pembaca kisah kisah hikmah kisah para nabi kivlan zen kiwil knrp koko kolombia komnas ham komnas perempuan kompas kompastv komunis koneksi kopi jessica korea utara kotamabagu kpai kpk kpu kristen kristenisasi kristologi ktp kuba kuburan kuliner kurma iran kutab al fatih kyai nur labuhbatu Lain-lain lalu heru rojak lampung Laurence Rossignol lbh paham lenteng agung lgbt liberal Liberalisme Lieus sungkharisma lipia lira lomba lomba tahfidz lombok london luar batang lucky hakim Lucu luhut lukman hakim luthfi bashori ma'ruf amin mabuk madina madrasah madura magelang mahfud md Makalah Menarik Makalah Thoharoh makassar make money blog malang malaysia maluku manado mark zuckberg maroko marwah daud marzukie alie masjid nabawi mataram medan media mainstream megawati menag menakjubkan mendagri mengerikan menhan merdeka mesir metrotv minahasa miras mizanul muslim mnctv mpr ms kaban muallaf muda mudi mudik 2016 muhammad ali muhammad taufik muhammadiyah muharram muhasabah mui mukidi mukjizat mulyono munarman musa musik muslim uyghur muslimah Musthalahaat al-fuqaha’ wal ushuliyin Mustholahul Hadits Mustolahat Fil fiqh myanmar nabil narkoba nasi uduk babi nasyiatul aisyiyah natal new york nigeria niken taradina ntb nu nur tajib nusairiyah nusantara nushairiyah nushron wahid oemar mita oezil olahraga omran opini ozil padang Paham Sesat pajak pakistan palestina palu pamekasan pan Panduan Ibadah Qurban pangeran harry pangi syarwi chaniago papua paris pasar ikan patani pbnu pdip pekerja asing Pemerintah Indonesia pendeta cabul pendeta vatikan pendidikan penemu muslim pengungsi suriah penjaringan penyerangan polisi tangerang perda islam pers persis pesantren petisi pilkada dki jakarta pki pks Pluralisme pokemon polisi politik ponorogo pontianak poso pp muhammadiyah ppp prabowo prancis probolinggo Prof DR Abdul Hadi profil proxy war psq puisi punk purbalingga purworejo pushami pwnu qishash quraish shihab rachmawati rawajati rcti reklamasi retorika dakwah revenuehits Rezim Penguasa riau ridwan kamil rifkoh abriani rio haryanto risma Riyadh Badr Bajrey rizal ramli robithoh alam islami rohingya rokok ronaldo rudal jokowi ruhut rumah tangga rusia Sahabat sahabat nabi said aqil sains salafy indonesia salib mampang salibis salim a. fillah samarinda sambudi sampang sandiago uno santoso santri sayidiman suryohadiprojo sby sd cilegon Sejarah sekjen pbb sekte dan aliran Sekularisme selandia sepak bola Shahnaz Laghari shalawat badar shalawat nabi shared2earn sidoarjo simposium anti pki siroh siyono skotlandia Slank sma soekarno solo spanyol spbu sragen stand up comedy stevanus stiba makassar subang sudan sukabumi sukmawati sulawesi sulteng sumbar sumedang sumsel sumut surabaya suriah surya prabowo susanto swedia syafii maarif syaikh sudais Syarh 'Umdatul Ahkam Syarh Matan Thawiyah syariat islam syarifah salsabila Syiah syiah mencela nabi muhammad syiah mencela sahabat syiah menghina muawiyah syiah mengkafirkan aisyah syiah mengkafirkan asyariyah syiah mengkafirkan sahabat syiah suriah syiah takfiri syirik syubhat pengagung kubur Syubhat Sejarah Rosululloh SAW Tabi'in Tabi'ut Tabi'in Tafsir tafsir al maidah tahukah? takbir keliling tangerang tanjungbalai tawasul Tax Amnesty Tazkiyyatunnafs tebet tebingtinggi teknologi tema ceramah tema dakwah teman ahok tempelate blog tempo tengger Tengku Erry Nuradi terbaru tere liye Terjemahan kitab Musthalahaat al-fuqaha’ wal ushuliyin terompet dari sampul al quran teroris teroris separatis terorisme terorisme medan teuku nasrullah teungku zulkarnain thailand thibun nabawi timor leste tionghoa tiongkok Tips tki tni tni au keroyok jamaah masjid trans7 Tsaqofah tuban tulisan turki tutorial tvone tvri uea ui uighur uika bogor uim uin ulil ullcok Ulumul Quran umroh gratis unas unesco Unik universitas islam madinah universitas paramadina unj Ushulul Fiqh ust. budi ashari ust. zaitun rasmin ust. zulkifli vaksin palsu valentine day van dame video vietnam wacana wahdah islamiyah walisongo wasilah wawasan wtc yahudi yaman yogya yogyakarta yordania yusril yusuf al qardawi yusuf mansur yuyuk andriati zaid royani zakat zulkifli hasan
false
ltr
item
Jurnalmuslim.com: CSS3 Slanted MenuVertikal Untuk Blogspot
CSS3 Slanted MenuVertikal Untuk Blogspot
http://4.bp.blogspot.com/-xoV_lc_eQo8/UIqs1yJ819I/AAAAAAAAFeU/rETmXpdEgkI/s1600/vertical+slanted+menu.png
http://4.bp.blogspot.com/-xoV_lc_eQo8/UIqs1yJ819I/AAAAAAAAFeU/rETmXpdEgkI/s72-c/vertical+slanted+menu.png
Jurnalmuslim.com
http://www.jurnalmuslim.com/2012/12/css3-slanted-menuvertikal-untuk-blogspot.html
http://www.jurnalmuslim.com/
http://www.jurnalmuslim.com/
http://www.jurnalmuslim.com/2012/12/css3-slanted-menuvertikal-untuk-blogspot.html
true
3812561232547159440
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy