Memasang Gambar Animasi Bergerak di Blog dan Memiliki Ling

Membuat Gambar Animasi Bergerak di Blog dengan gambar animasi bergerak pada pojok blog, Sobat juga bisa gunakan ini untuk mempercantik blog. 

Cara Memasang Gambar Animasi Bergerak di Blog cukup mudah :

   1. Masuk Akun Blogger Sobat
   2. Pilih Tata Letak & Klik Tambah Gadget
   3. Pilih Gadget HTML/Java Script
   4. Paste Kode gambar animasi yang sobat inginkan dibawah ini:
   5. Kalau sudah Klik SIMPAN

Gambar Animasi Bergerak Monyet Lompat

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Bola

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Naruto

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Panda

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Spongebob

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Doraemon

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Senyum

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Monyet

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Babi

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Gajah lompat

Script:

<div style="position: fixed; top: 80px; left: 20px;width:120px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Selamat Datang " /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Boring

Script :

<div style="position: fixed; top: 80px; left: 20px;width:80px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Tuyul ketawa

Script:

<div style="position: fixed; bottom: 80px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Boneka Joget

Script :

<div style="position: fixed; top: 80px; left: 20px;width:82px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Panda Main Bola

Script :

<div style="position: fixed; top: 80px; right: 30px;width:160px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Tuyul Baring

Script :

<div style="position: fixed; top: 80px; left: 20px;width:120px;height:100px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Panda Biru

Script

<div style="position: fixed; top: 80px; left: 20px;width:100px;height:100px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Memanah

Script:

<div style="position: fixed; top: 80px; left: 10px;width:210px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Bunga

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Anjing Laut

Script:

<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Lumba-Lumba

Script :

<div style="position: fixed; top: 80px; left: 10px;width:110px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Kucing Tidur

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:140px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Kelinci

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:125px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Dragon

Script:

<div style="position: fixed; top: 80px; right: 10px;width:150px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Ikan

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Pinguin

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Helikopter

Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Boneka

<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Menampilkan Tombol Like Pada Postingan Blogger Seperti Pada Youtube

Memasang Tombol Like Maupun Dislike Pada Postingan Blogger ( Youtube ) - Sahabat blogger pasti sering nemui tombol like dan dislike di youtube kan? tombol tersebut berfungsi untuk mengetahui berapa pengunjung yang menyukai video atau tidak menyukai video tersebut

Membuat dan Memasang Headline Breaking News Pada Blogspot dengan Benar

Breaking News

Cara Membuat Headline Breaking News Untuk Blog Anda. Umumnya breaking news digunakan, di media berita dunia nyata, namun tak hanya di dunia nyata, di dumay atau dunia maya breaking news bisa kita terapkan di blog kita. Nah dengan memasang Breaking news maka dapat memperindah tampilan blog anda dan juga bisa untuk  meningkatkan pageview suatu blog. Widget ini berupa judul artikel yang nantinya ditampilkan secara bergantian dan dilengkapi dengan tanggal posting artikel tersebut. nanti hasilnya kurang lebh akan seperti gabar dibawah ini :

Ini Cara Mudah Mengganti Warna Tampilan Scrollbar Blog ( makin keren )

Cara Mudah Mengganti Warna Tampilan Scrollbar di Blog, makin keren - Adalah sebuah kotak yang digunakan untuk menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi. Ada 2 macam scrollbar yaitu :

1. Scrollbar tegak, untuk menggeser ke bawah & ke atas lagi (Vertikal). Atau untuk melihat isi / kontent yang ada dibawah & kembali melihat isi / kontent yang ada di atasnya. 
2. Scrollbar mendatar, untuk menggeser ke kanan & ke kiri lagi (Horizontal). Atau untuk melihat isi / kontent yang ada dikanan & kembali melihat isi / kontent yang ada di kiri.

Nah disini saya kasih tau code membuat Scrollbar tegak dan bagaimana memasangnya pada blog.

Cara Mudah Merubah blog dari nofollow menjadi dofollow

Cara Merubah blog dari nofollow menjadi dofollow - Dofollow adalah dalam bahasa indonesia itu mengikuti, namun dalam dunaia web blog dofollow merupakan blog yang jika kita memberikan komentar ke blog tersebut maka berarti kita menaruh link ke blog tersebut dan dihitung sebagai backlink oleh google.

Cara Mendapatkan Backlink Wikipedia Secara Gratis dan Berkualitas

Cara Mendapatkan Backlink Wikipedia Secara Gratis dan Berkualitas

Tips cara simple dan jelas mendapatkan backlink berkwalitas gartis dari wikipedia - Ini memang bisa dikatakan mudah dan sulit, pasalnya backlink dari situs wikipedia ini sangat spesial banget dan berbeda dengan backlink yang lain seperti .edu .gov maupun yang lainya. Mengapa demikian? karena sobat sudah tahu sendiri kan bahwa google sangat menyegani wikipedia, dan rata-rata selalu menampatkan wikipedia di posisi teratas serp google. Selain itu wikipedia juga merupakan sebuah web authority tertua yang mempunyai peringkat bagus, dan hal ini sangat cocok banget buat anda yang ingin menyirami blog anda dengan backlink yang berasal dari wikipedia ini.

Meskipun mendapatkan sebuah backlink dari wikipedia itu gampang , namun sobat jangan sembarang untuk memperolehnya. karena bisa - bisa malah jadi boomerang untuk blog anda sendiri loh. Perlu sobat ketahui untuk menaruh link di wikipedia akan di moderasi oleh moderator dari wikipedia, Jadi sobat harus punya pedoman dulu untuk memperolehnya.

Nanti jika sobat sudah berhasil mendapatkan BL ( backlink ) dari wikipedia ntar ada banyak keuntungan yang sobat peroleh, salah satu keuntungannya adalah dapat meningkatkan posisi serp blog anda di mata google, dan hal ini sudah saya prakekan sendiri, dan Alhamdulillah hasilnya cukup memuaskan, anda bisa liat blog saya ini gimana?

No SS sama dengan Hoax, nah untuk membuat anda yakin bahwa trik mendapatkan BL dari wiki ini berhasil, maka anda dapat melihat gambar diatas, seperti yang anda ketahui saya telah berhasil mendapatkanya . " Sebuah totorial tidak valid, jika belom di uji terlebih dahulu kebenaranya "

Cara Gampang Memperoleh Bl ( Backlink ) dari wikipedia

Seperti yang saya utarakan tadi untuk mendapatkan BL dari wiki butuh sebuah teori dan pedoman yang baik, disini saya akan menjelaskan gimana caranya memperoleh sebuah BL Gratis dan tentunya berkwalitas dari nyonya wiki, berikut tipsnya :

1. Pertama , pastikan sobat sudah punya akun wikipedia terlebih dahulu , jika blom punya silahkan buat dulu, caranya cukup mudah, sobat tinggal buka http://id.wikipedia.org/wiki/Halaman_Utama lalu klik tombol buat akun baru di pojok kanan atas 
   
   
   Lalu isi identitas (layaknya anda mendaftar sosmed lain)
2. Kemudian kita harus membuat sebuah postingan yang unik dan belom ada di wikipedia, yang nantinya kita akan submit artikel tersebut di wikipedia, saran saya buatlah artikel mengenai tentang sekolah maupun desa anda, karena jarang sekali orang yang membuat artikel seperti itu di wiki.
3. Perhatikan pada adres bar anda, silahkan ketik judul yang ingin anda buat pada url atau link wikipedia dengan menambahkan kata di belakangnya . contohnya kita akan membuat informasi di wiki tentang sekolah kita maka penulisanya adalah http://id.wikipedia.org/wiki/SDN_Wringinjajar_1_Mranggen (gunakan tanda _ untuk membuat spasi), setelah itu klik enter, jika belom ada infomasi di wikipedia tentang halaman tersebut, maka kita dikasih opsi untuk buat halaman " SDN Wringinjajar 1 Mraggen " untuk lebih jelasnya, sobat bisa tonton gambar berikut.
   
   
   
   
4. Setelah itu silahkan buat artikel yang sesuai dengan postingan yang sobat buat tadi (tentang sekolah maupun desa) dengan menggunakan bahasa indonesia yang baku dan sopan.
   
   
   
5. Nah disinilah kita mempunyai kesempatan untuk menaruh link hidup di wikipedia ,caranya seperti membuat link di sosmed lainya seperti bersosial dan lain - lain (klik tombol icon link).
   
   


6. Terkahir scroll kebawah temukan dan klik simpan halaman (tunggu beberapa hari dan nantinya anda akan mendapatkan Backlink gratis berkualitas premium dari tante WIKI).

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Mendapatkan Backlink Wikipedia Secara Gratis dan Berkualitas. Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, Facabook LingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini.

Cara Simpel Memasang Video Youtube Responsive pada Blog Kita

Cara Mudah Memasang Video Youtube Responsive pada Blog - Dengan membuat dan modifikasi video youtube yang awalnya gak responsive jadi responsive ternyata cukup mudah bangeets, kita perlu menambahkan pengaturan di css mengubah iframe, video dan embed dengan width 100%, karena ukuran persenlah inti dari responsive.
 

Terus apa donk manfaat membuat video responsive?  kenapa ya kita kok repot - repot and ribet banget mengubah video yt jadi responsive, nah di era responsive ini, kita jangan mau ketinggalan brow untuk mengubah segala di blog kita jadi responsive, mulai dari template sampai isi - isinya [ video and gambar ] karena skrang ini banyak visitor yang datang dari handphone atau smartphone, biar nanti blog kita dapat di akes dengan baik di segala macam ukuran layar.

Memasang Video Youtube Jadi Responsive , Valid and SEO

Seperti yang kita tahu bahwa iframe itu tak baik untuk Seo, kalau kita masang video youtube cuma ngambil script iframenya doank, tanpa di modifikasi sama sekali, meskipun itu simple and mudah sekali tapi mau blog anda kurang seo? nah supaya lebih mantap, ini dia tutornya :
Pertama silahkan sobat masuk ke Menu template => Edit HTML, kemudian pasang css ini diatas kode </style>

.videoyoutube{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:80%;box-shadow:1px 30px 30px -26px #818181}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

Untuk kode padding-bottom:56.25% pada CSS .video-responsive silahkan simak penjelasannya dari sumbernya pada link di bawah postingan ini. Kemudian silahkan gunakan kode HTML di bawah ini untuk memunculkan videonya di postingan:

<div class="videoyoutube">

<div class="video-responsive">

<div class="video-youtube loader" data-src="//www.youtube.com/embed/fcr2VSNf7LI"></div>

    </div>

    </div>

Silahkan ganti URL embed videonya dengan URL embed video yang Anda ingin tampilkan.

Kemudian simpan kode javascript iframe loader video Youtube di bawah ini DI ATAS kode </body>

<script type='text/javascript'>

//<![CDATA[

setTimeout(function(){

$('.video-youtube').each(function(){

$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data('src')+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5000);

//]]>

</script>

Dan jangan lupa blog Anda sudah dilengkapi dengan jquery library seperti di bawah ini (berapa pun versinya)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Cara mengambil Script Embed Video Youtube

Cara Simpel Memasang Video Youtube Responsive pada Blog Kita

Nah bagi anda yang belom bisa mendapatkan iframe embed youtube , anda dapat mempelajarinya dengan melihat gambar diatas.

 

Oh iya sebagai LIVE DEMO-nya silahkan nikmati video Indah nevertari Gangsta - Lumpuhkan Ingatanku di bawah ini. Silahkan coba resize layar monitor Anda dengan menekan tombol CTRL + Scroll Atas / Bawah pada keyboard dan mouse Anda.

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Simpel Memasang Video Youtube Responsive pada Blog Kita. Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, FacabookLingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini. Lihah Juga Postingan sebelumnya mengenai - ( Cara Mudah Melebarkan Kolom Postingan Template Blogger Tanpa Edit Html )

Cara Mudah Melebarkan Kolom Postingan Template Blogger Tanpa Edit Html

Cara Melebarkan Kolom Postingan Blogger Tanpa Edit Html - Mengatur lebar bagian artikel template blog berpaltfon blogger tidak harus menguasai css maupun html, karena blogger sudah memanjakan bagi kita yang masih pemula untuk bisa design theme tanpa perlu repot - repot masuk ke halaman editor template cukup pada menu edit template dan sesuaikan ada sudah bisa beerkreasi membuat template yang jos gandos.
 

Perlu anda ketahui, bahwa tidak semua template blogger bisa di edit tanpa masuk edit html, biasanya template hasil download tidak bisa dirubah tanpa menguasai ilmu coding, tapi tidak dengan template default blogger seorang newbi yang baru saja kenal blog bisa menciptakan sebuah template yang menarik dan unik tanpa menguasai html dan css, bahkan untuk mengatur kolom lebar atau sempitnya pada postingan suatu blog pasti dapat dengan lehainya melakukan hal ini.

Cara Setting Lebar Kolom Artikel Template Blog Tanpa Edit HTML

1. Pertama, silahkan sobat login dulu ke dasbhor blog anda.
2. Pilih Template => Sesuaikan => Sesuaikan Lebar.
3. Kemudian silahkan atur lebar sesuai keinginan anda.

   

   Cara Mudah Melebarkan Kolom Postingan Blogger Tanpa Edit Html

4. Jika sudah selesai edit silahkan klik terapkan ke blogger.

Namun bagi anda yang menggunakan template hasil download maka anda mau gak mau harus belajar sedikit mengerti css, untuk masalah setting lebar kolom blog cukup mudah, intinya kita harus temukan dulu id yang akan kita lebarkan.

Cara - Cara Melebarkan Postingan Template Blog Hasil Download

1. Masih kayak tadi, masuk ke halaman editor template.
2. Kemudian kita harus temukan id yang akan kita lebarkan, untuk menemukan id caranya sangat mudah, buka dulu halaman blog anda, kemudian klik periksa elemen.
   
   

   

   Cara Mudah Melebarkan Kolom Postingan Blogger Tanpa Edit Html

   
   
3. Dari contoh diatas , misal id saya bernama artikel maka Cari kode #artikel{width:660px} kemudian ubah angka 660 pixel sesuai lebar yang anda inginkan.
4. Terkahir simpan template dan lihat hasilnya.

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Mudah Melebarkan Kolom Postingan Template Blogger Tanpa Edit Html. Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, FacabookLingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini. Lihah Juga Postingan sebelumnya mengenai - (Cara Mudah Membuat Laman Disclaimer diBlog Untuk Adsense)