Cara Membuat Seo Mobile Youtube di Blogger

Jumpa lagi dengan Machindo Blog dengan edisi Cara Membuat Seo Mobile Youtube di Blogger. Artikel ini berdasarkan pengalaman saya waktu mencari cara membuat Seo Mobile Youtube di Blogger. Nah kali ini saya akan me-reshare artikel dari SeoCip.
web

nah langsung saja ke TKP.

1. Buka https://blogger.com
2. Buka template pada blog yang ingin kamu beri seo mobile youtube
3. Copy CSS dibawah ini dan letakkan sebelum kode </head>

<style>
.machinedo-tbn-frm { width:100%; max-width:560px; margin:120px auto; }
.machinedo-tbn-frm_inner { position:relative; padding-bottom:53%; height:0; background-color:#000 !important; border:15px solid #CACACA; }
.machinedo-tbn-frm_inner iframe,.machinedo-tbn-frm_inner object,.machinedo-tbn-frm_inner embed { position:absolute; top:0; width:100%; height:100%; }
.bottomshadows { position:relative; }
.bottomshadows:before,.bottomshadows:after { z-index:-1; position:absolute; content:&quot;&quot;; bottom:0; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg); transform:rotate(-4deg); }
.bottomshadows:after { -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); transform:rotate(4deg); right:10px; left:auto; }
@media all and (max-width:400px) {
    .machinedo-tbn-frm_inner { border:7px solid #CACACA !important; } .bottomshadows:before,.bottomshadows:after { bottom:9px !important; }
}
</style>

4. Buat postingan baru dan pastekan link code di bawah ini pada tap HTML (bukan compose).

<div class="machinedo-tbn-frm">
<div class="machinedo-tbn-frm_inner bottomshadows">
<iframe width="560" height="315" src="https://www.youtube.com/embed/FkyVecQyEZs?rel=0&theme=light&hd=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>

NOTE  :  Ganti link code youtube berwarna merah  sesuai dengan video yang ingin kamu tampilkan

Oke Semoga berhasil dalam menerapkan artikel tersebut. terimakasih dan semoga bermanfaat

Referensi :

• Seocip.com - Memasang video youtube Responsive dengan tampilan menarik 

Tweet

Subscribe to receive free email updates: