namindonesia - #JagonyaGame Cara Memberikan Tombol Follow Blog DiAtas Footer

namindonesia - Kali ini admin akan memberikan tutorial, Cara memberikan tombol follow blog diatas footer, atau kalian bisa melihat demo nya di atas atau untuk lengkapnya kalian bisa mengunjungi Website nya Kurazone.net

oh ya gaes artikel ini saya ambil sedikit dari website milik kurazone.net hanya saja saya mengambil sedikit kode nya saja.

Langkah yang pertama yaitu Masuk ke akun Blogger kalian lalu pilih tema lalu pilih edit html.

langkah selanjutnya kalian tinggal Copy Semua Kode dibawah ini lalu pastekan tepat diatas kode
<footer atau <footer>.
 jika kalian Memakai template Viomagz seperti saya maka kalian pasang kode dibawah diatas Kode </footer> atau Penutup kode <footer diatas.

KODE SINI:

<<style>
#footer{background:#000;color:#fff;padding:0;margin:10px 0 0}

#footer h2:after{content: &#39;&#39;;display: inline-block;position: absolute;height: 20px;top: 0;margin: 1px 0 12px 10px;width: 100%;background: url(https://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat;}

.footer-sections {overflow: hidden;margin: 0 auto;padding: 50px 120px;}

.sect-left{display:inline-block;float:left;width:31.655%;margin-right:25px}.sect-left:nth-child(3){margin-right:0}

.sect-left h2{position: relative;background:none;overflow: hidden;padding: 0 0 10px 0;color: #fff;font: 700 14px &quot;Roboto Slab&quot;,sans-serif;display: inline-block;-webkit-flex: 0 auto;-ms-flex: 0 auto;flex: 0 auto;margin: 0;text-transform: uppercase;font-size: 1rem;

font-weight: 700;white-space: nowrap;width: 100%;}

.sect-left h2 a{color:#E4E4E4}

a.murub{font-size: 14px;text-decoration:none;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}

a.murub:hover{color:#fff;text-shadow:0 1px 0 #0972cd,0px 0 3px #0972cd,0px 0 5px #0972cd,0px 0 30px #0972cd,0px 3px 50px #0972cd}

.aa{background: linear-gradient(to right,#111,#111,#111,#111,#007bfd,#111,#111,#111,#111);background-size: 400% 400%;-webkit-animation: Gradient 2s ease infinite;-moz-animation: Gradient 2s ease infinite;animation: Gradient 2s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;}

.footer-contact p a{color:white !important;}

.footer-contact p {clear: both;color: #fff;overflow: hidden;font-size: 14px;font-weight: normal;line-height: 22px;}

.footer-contact p {margin-bottom: 13px;margin-top: -5px;padding-bottom: 13px;border-bottom: 1px solid #222;}

.footer-contact label {color: #fff;float: left;font-size: 14px;font-weight: normal;margin-right: 20px;max-width: 80px;display: inline-block;}

.footer-contact:last-child p.web {border: medium none;margin: 0;padding: 0;}

.sasabilo{padding: 1px 4px;float:right;color: #fff;width: 50px;text-align: center;}

@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

@media only screen and (max-width:1099px){.sect-left{width:31.55%}.footer-sections{padding:30px}}

@media only screen and (max-width:979px){.sect-left{width:100%;margin-right:0;margin-bottom:20px}.sect-left:last-child{margin-bottom:0}.footer-sections{padding:30px}}
</style>

Oke Gaes Selanjutnya Copy Kode Dibawah ini, dan pastekan Di tempat yang kalian suka. atau jika kalian memakai viomagz seperti punya saya kalian bisa pasang di atas kode  <!-- menu navigasi footer end --> itu jika kalian Memakai template Viomagz


KODE DISINI:


<label><i class='fa fa-rss'/></label>

<span class='sotabilo aa'><a class='murub' href='https://www.blogger.com/follow.g?blogID=8444511876301865581' target='_blank'>Follow blog -namindonesia-</a></span>

<style>.sotabilo{padding:1px 4px 2px;border-radius:3px;color:#fff;font-weight:bold}</style>

Oh iya gaes BlogID nya kalian ganti dengan blog id kalian cara nya masuk ke dasboard blogger kalian lalu diadress bar kalian copy source nya seperti ini.


Nah nanti Hasilnya akan Seperti ini↓↓↓

Follow Blog :

Follow blog -namindonesia-

Jika kalian masih belum faham bisa di pahami dibaca ulang dari atas.
Note:Pastikan Template kalian sudah terpasang font awesome supaya icon rss atau icon wifi terbaliknya ada. 
NOTE: Demo tidak tersedia 

PENUTUP:

Oke gaes sudah cukup tutorial kali ini semoga bermanfaat
Wassalamualaikum Wr wb

Post a Comment

Previous Post Next Post