Assalamualaikum sahabat kali ini kita mau membahas google adsen yang tidak bisa di add site hampir satu minggu ini, saat add url ternyata tidak bisa walaupun sudah di ulang ulang. Sempat kawatir karena awalnya sudah ada iklan yang tampil di blog yang kita daftarkan. Tapi hari ini sudah mulai bisa lagi sepertinya pihak google sedang bermasalah atau mungkin karena terdapat covid 19 yang menimpa seluruh negara di dunia. Karena itu membuat kinerja pendaftaran adsen kadi melambat. Selamat mencoba dan semoga sukses.
Showing posts with label BLOGGER. Show all posts
Showing posts with label BLOGGER. Show all posts
Monday, 27 July 2020
Saturday, 29 September 2018
MEMBUAT TAMPILAN DAFTAR ISI PADA BLOG
Kalian pasti ingin membuat blog kalian tampil lebih bagus dengan sitemap atau daftar isi pada blog kalian. Kali ini kita mau berbagi kode untuk membuat daftar isi berdasarkan berdasarka tabulasi pada blog kalian
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="https://dwyhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Kode Daftar Isi Berdasarkan Tanggal Publikasi Plus Kotak<script src="https://dwyhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<div style="background-color: none;
border: 1px solid #000000; height: 400px; margin: auto; overflow: auto;
padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://dwyhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Untuk Caranya silahkan tuliskan kode berikut pada pada halaman tapi jangan lupa kalian gunakan tipe tulisan HTML jangan yang Compose dengan ketentuan hapus dulu HTML kode sebelum mempastekan kode di atas.<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://dwyhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Selamat Mencoba Semoga Bermanfaat..
Untuk cara lebih jelas silahkan simak caranya di post sebelumnya Cara Membuat Daftar Isi di Blogger
Sunday, 1 July 2018
Cara Membuat Daftar Isi di Blogger
Daftar isi atau sitemap adalah tampilan sebuah halaman yang berisi semua judul yang ada di blog. Daftar isi memiliki banyak fungsi dan manfaat untuk blog kita, selain untuk mempercantik tampilan juga bisa meningkatkan SEO kita. Demikian beberapa manfaat dari daftar isi atau sitemap.
- Memberikan gambaran umum yang baik tentang informasi yang menunggu pembaca
Menghindari posting duplikat dalam label beragam dan menghapus kebingungan bots mesin pencari.
Mendukung pembuatan tautan internal posting blog, yang menaikkan peringkat halaman
Ini dapat digunakan sebagai tautan "Posting terkait", pada setiap posting blog.
Terakhir, tetapi tidak sedikit, untuk menunjukkan persyaratan tertentu dari posting blog untuk dijelajahi di bawah label khusus.
Cara Membuat Daftar Isi Blog Simple Berdasarkan Kategori/Label
- Klik menu "Page" (Halaman) di Dashboard Blog
- Klik New Page (Halaman Baru)
- Isi nama halaman dengan Sitemap atau Daftar Isi
- Klik tombol mode HTML
- Hapus HTML bawaan
- Copy dan Paste kode daftar isi di bawah ini.
- Klik Publish!
- Apabila terjadi masalah karena perbedaan HTTPS dan HTTP langsung tutup saja pemberitahuanya.
Kode HTML
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
.sitemap-link {display:none}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script type="text/javascript">//<![CDATA[ var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://contohblognih.blogspot.com/2014/04/cara-membuat-daftar-isi-blog-sitemap.html" style="font-size: 10px; text-decoration:none; color: #5146CD;" target="_blank">Cara Membuat Daftar Isi Blog</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNFd5JmC0pqJtsedpD-ZrsN9JKKqwpTu7KIXKEE2grEwV41U-Q85fJhGqmn5w_P7RdEJ5GESFan9eYFgF43pF9AktVhhykHHr7Se8tp5mb9C4_ND2ZBV3mz4tvl2sqL7y3LWG8NizPvID/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}}; //]]>
</script>
<script src="https://namablogmu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Kode Lainya :
<style>
p.labels a {color: #fff;text-transform: uppercase;font-size: 15px;font-weight: 600;border-bottom: 1px solid #ddd;display: block;padding: 8px;background: #555;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="https://namablogmu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Ganti alamat blognya (warna biru) dengan alamat blog Anda.
Terakhir tampilan halaman daftar isi tadi di tampilan blogmu.Sekarang tampilan blog mu akan terlihat lebih indah..Semoga bermanfaat !!
Sunday, 20 March 2016
Cara Membuat Widget Translet keren pada Blog

Pengen blog kamu mudah dibaca oleh orang asing mungkin itu harapanmu agar semua orang bisa membaca blogmu dengan mudah. Pada kesempatan kali ini aku mau sharing tentang bagaimana cara membuat widget untuk penerjemah. Sebenernya GOOGLE sudah menyediakan widget ini tapi untuk mempercantik blog kamu maka tidak ada salahnya untuk mencoba widget dari penyedia lain. Demikian caranya :
1. Log in ke Blogger Kamu
2. Pilih tata letak, lalu klik tambah gadget
3. Pilih dan klik html/javascript
4. Lalu masukan kode dibawah ini :
<!-- Begin TranslateThis Button -->5. Simpan dan lihat hasilnya
<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>
<!-- End TranslateThis Button -->
6. Atau jika Kamu masih bingung, lihat aja langsung dari situsnya disini
Demikian tadi tutorialnya semoga bermanfaat..dan selamat mencoba.
Review Samsung S7 dan S7 Edge
Samsung adalah salah satu pelopor dari smartphone canggih. Pabrikan asal korea ini selalu update produk terbaru dari gadget mereka. Dan belum lama mereka mengeluarkan samsung s6 dan s6 edge di kabarkan mereka sudah merilis smartphone terbaru mereka yaitu samsung galaxy s7.Smartphone yang satu ini tengah menjadi perbincangan hangat diantara
para penggila gadget. Berbagai spekulasi muncul terkait beberapa
pemberitaan mengenai kehadiran smartphone flagship. Tapi masih spesifikasinya masih menjadi simpang siur karena belum resmi di rilis di pasaran.Semua baru sebatas rumor dan
spekulasi, namun jika ditelaah dan dikaji dengan membandingkan terhadap
rilis Samsung Galaxy S6 tahun ini maka kita bisa mengambil informasi yang
sekiranya logis untuk dijadikan patokan. Sebagai referensi,
telah dirangkum berbagai informasi yang dianggap paling komprehensif
dari sumber-sumber yang terpercaya. Berikut ulasannya :
Fitur-fitur dan Spesifikasi Samsung Galaxy S7
1. Display Quad HD ataukah 4K?
Beberapa spekulasi menyebut bahwa Samsung masih akan
menggunakan resolusi Quad HD atau 1440 x 2560 untuk smartphone
terbarunya dan ada pula yang menyinggung mengenai resolusi 8K.Ukuran layarnya sendiri kemungkinan berkisar antara 5,1 - 5,5 inci,
namun jika melihat densitas layar untuk resolusi yang sama maka yang
paling memungkinkan adalah ukuran 5,1 inci dikarenakan ukuran yang lebih
besar malah mengurangi pixel density.
2. Kamera 16 MP Serta Kamera Depan Ganda
Samsung diprediksi bakal menggunakan sensor dengan
resolusi yang sama seperti pada Galaxy S6. Sebuah sensor dengan resolusi
sebesar 16 MP akan menjadi media pengambil gambar pada smartphone
berikutnya.
3. Sistem Operasi Terbaru Android M
Jika seri S6 mengadopsi sistem operasi terbaru saat itu yaitu Android
"L" Lollipop, maka pada Samsung Galaxy S7 kemungkinan akan mengadopsi
sistem operasi Android M.
Kabarnya, sistem operasi terbaru ini diperkaya dengan berbagai fitur
yang kelak akan menjadi standarisasi telepon pintar masa depan. Seperti
pemindaian sidik jari, fitur keamanan yang diperketat, Android Pay
hingga perbaikan dalam penggunaan resource baterai
4. Chipset Snapdragon 820
Hal tersebut mengundang berbagai spekulasi dan pertanyaan, bahwa maksud
tersebut merujuk pada Samsung Galaxy Note 5 ataukah berikut Samsung
Galaxy S7. Yang jelas, kini terdapat dua spekulasi dimana Samsung yang
biasanya menggunakan Exynos yang tak lain adalah produknya sendiri
dengan chipset Snapdragon 820 besutan Qualcomm.
5. Kapasitas Baterai Mungkin Lebih Kecil
Sejauh ini belum ada bocoran mengenai kapasitas baterai yang akan
digunakan untuk memberikan tenaga pada Samsung Galaxy S7. Beberapa
spekulasi menyebutkan, baterai yang digunakan berkisar antara 2,500 -
3,000 mAh atau malah lebih kecil namun dipastikan tidak akan melampaui
kapasitas 3,000 mAh.
Fitur Unggulan Terbaru
1. Iris Scanner
Kali ini, seperti beberapa yang sudah disebutkan di atas, Samsung Galaxy
S7 kemungkinan akan menyematkan kamera tambahan di bagian depan yang
berfungsi sebagai sarana input. Kamera ini difungsikan sebagai 'iris
scanner' yang memungkinkan gadget mengenali pemiliknya dari bentuk iris
mata. Selain itu, teknologi ini memungkinkan pengguna untuk melakukan
scrolling tanpa menyentuh layar karena gadget dirancang untuk membaca
gerakan mata pengguna.
2. Konektor USB-C
Fitur lainnya adalah mengenai koneksi fisik dari gadget yang disebut
sebagai USB-C. Apa itu USB-C? USB-C merupakan standar koneksi yang
berhubungan dengan bentuk fisik dari sebuah konektor USB. Sementara
driver yang digunakan bisa saja USB 3.0 maupun yang paling baru USB 3.1.Sebagai acuan, peluncuran smartphone flagship Samsung untuk beberapa
generasi sebelumnya selalu dilakukan menjelang akhir pekan yaitu hari
Jum'at. Biasanya, hari Jum'at yang diambil berada pada kisaran pekan
pertama atau kedua pada bulan April. Sementara untuk tahun depan, hari
Jum'at yang dimaksud jatuh pada tanggal 8 dan 15 April 2016. Jika
prediksi didasarkan pada kebiasaan Samsung sebelumnya dan pihak Samsung
tetap pada kebiasaannya maka hampir dapat dipastikan bahwa Samsung
Galaxy S7 bakal dirilis pada kisaran tanggal 8 atau 15 April 2016.

Thursday, 24 April 2014
Cara Membuat Widget Pengunjung Online
Assalamualikum sahabat apa kabar hari ini memiliki banyak widget di blog selain untuk mempercantik tapi kadang malah memberatkan blog kita,yang awalnya kita dengan mempercantik akan mendatangkan banyak pengunjung tapi malah mengurangi pengunjung kita karena blog kita loadingnya berat..kali ini aku mau posting tentang cara membuat widget untuk mengetahui pengunjung blog kita.Widget ini sangat ringan sehingga kita tidak perlu kawatir blog kita akan menjadi berat olehnya.Contoh dari hasilnya kamu bisa lihat di bawah blog ini keren kan.
Ya langsung saja aku kasih tahu caranya :
Cara pasangnya cukup mudah
Ya langsung saja aku kasih tahu caranya :
- Buka http://whos.amung.us/
- pilih widget
- dan kamu tinggal pilih dan klik dua kali
- copy kodenya sesuai dengan widget pilihanmu
Cara pasangnya cukup mudah
- Masuk ke Blogger
- Masuk tata letak
- kemudian klik add gadget
- pilih html/java script
- Simpan dan jadi
Semoga Bermanfaat..!!!
Saturday, 5 April 2014
Cara Membuat Tulisan Berjalan (Marquee)
Assalamulaikum sahabat dafa Bagaimana cara membuat tulisan berjalan? Tulisan atau teks berjalan atau running text ini biasa juga kita sebut marquee, karena untuk membuatnya menggunakan kode marquee. Tulisan ini bisa membuat blog anda terlihat lebih menarik bagi pengunjung.Untuk membuat tulisan berjalan atau Marquee ini sebenarnya sangat mudah.
Kode dasar untuk membuat marquee atau teks berjalan adalah.
Tambahan Kode
kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:
kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:
Keterangan: Setelah 3 kali teks akan hilang.
kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:
kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:
kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:
Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan
kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:
kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:
kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
Contoh kode:
Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?
Mudah, silahkan tambahkan kode
Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan
Bisakah Marquee diberi link?
Tentu saja, sebagai contoh lihat kode berikut:
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="http://dafahome.blogspot.com">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a>
</marquee>
Tampilan akhir akan terlihat seperti berikut....
Demikianlah berbagai ragam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif bagi anda dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk meramu kode-kode di atas.
font-family: impact; adalah kode untuk mengubah jenis huruf. Jika anda tidak suka dengan font impact, silahkan diganti dengan Arial, Times New Roman, dan lain-lain
font-size:24px; adalah kode untuk mengatur ukuran huruf. Ubah nilai 24 sesuka hati anda. Semakin besar nilainya, maka semakin besar juga hurufnya.
color:#cc0000; adalah kode untuk mengatur warna huruf. Silahkan mengganti kode hex #cc0000 dengan nilai hex yang anda suka.
Contoh kodenya:
<marquee bgcolor="yellow" style="font-family: impact; font-size:24px; color:#cc0000;" >RUNNING TEXT LATAR KUNING</marquee>
Contoh tampilan:
Selamat Mencoba
Semoga Bermanfaat..!!1
Kode dasar untuk membuat marquee atau teks berjalan adalah.
<marquee>TULISAN YANG AKAN BERGERAK</marquee>Kode di atas akan terlihat seperti ini:
Tambahan Kode
kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Hasilnya akan terlihat seperti di bawah ini:kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:
<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Hasilnya akan terlihat seperti di bawah ini:Keterangan: Setelah 3 kali teks akan hilang.
kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:
<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
Hasilnya akan terlihat seperti di bawah ini:kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:
<marquee bgcolor="yellow">RUNNING TEXT LATAR KUNING</marquee>
Hasilnya akan terlihat seperti di bawah ini:kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:
<marquee title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>
Hasilnya akan terlihat seperti di bawah ini:Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan
kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:
<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>
Hasilnya akan terlihat seperti di bawah ini:kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:
<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>
Hasilnya akan terlihat seperti di bawah ini:kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Hasilnya akan terlihat seperti di bawah ini:Contoh kode:
<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
Hasilnya...Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?
Mudah, silahkan tambahkan kode
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti berikut:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Tampilan akhir akan terlihat seperti berikut....Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan
Bisakah Marquee diberi link?
Tentu saja, sebagai contoh lihat kode berikut:
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="http://dafahome.blogspot.com">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a>
</marquee>
Tampilan akhir akan terlihat seperti berikut....
Demikianlah berbagai ragam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif bagi anda dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk meramu kode-kode di atas.
Mengubah Huruf, Warna dan Ukuran Huruf Teks Berjalan Marquee
Jenis huruf dan ukuran bisa diubah dengan menambahkan kode style="font-family: impact; font-size:24px; color: #cc0000;"font-family: impact; adalah kode untuk mengubah jenis huruf. Jika anda tidak suka dengan font impact, silahkan diganti dengan Arial, Times New Roman, dan lain-lain
font-size:24px; adalah kode untuk mengatur ukuran huruf. Ubah nilai 24 sesuka hati anda. Semakin besar nilainya, maka semakin besar juga hurufnya.
color:#cc0000; adalah kode untuk mengatur warna huruf. Silahkan mengganti kode hex #cc0000 dengan nilai hex yang anda suka.
Contoh kodenya:
<marquee bgcolor="yellow" style="font-family: impact; font-size:24px; color:#cc0000;" >RUNNING TEXT LATAR KUNING</marquee>
Contoh tampilan:
Selamat Mencoba
Semoga Bermanfaat..!!1
Cara Menganti Backgroud Blog dengan Gambar/Foto
Assalamualaikum apa kabar sahabat dafa melanjutkan tentang cara mempercantik blog kali ini aku mau posting tentang bagaimana merubah background blog dengan foto kita atau foto kesukaan kita.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x;menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template.
Demikian cara menganti backgroud blog dengan gambar, selamat mencoba
Semoga Bermanfaat..!!!
Langkah-langkahnya :
1. Login akun blogger Anda.2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada kode tersebut. background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNxUKqzwRPeGdt47ff0I5XZ8gOJV7FG-h8dQS2_0Pdjcir2fnBakYOVD04XDxuITm20DkPmsqWJrwS9JX6QtWNvyo3o3Cesm2J5CDrLHiGWK9Qlmi4zseY52dyx-Ew5333HlmbfZd4LnF/s1600/Opera-Background-Speaker.gif
5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut :
body{
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Keterangan:
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNxUKqzwRPeGdt47ff0I5XZ8gOJV7FG-h8dQS2_0Pdjcir2fnBakYOVD04XDxuITm20DkPmsqWJrwS9JX6QtWNvyo3o3Cesm2J5CDrLHiGWK9Qlmi4zseY52dyx-Ew5333HlmbfZd4LnF/s1600/Opera-Background-Speaker.gif) repeat-x;
color:#28261A;font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x;menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template.
Demikian cara menganti backgroud blog dengan gambar, selamat mencoba
Semoga Bermanfaat..!!!
Thursday, 3 April 2014
Cara Membuat Daftar Isi pada Blog
Assalamualaikum..mempunyai daftar isi pada blog kita adalah suatu keuntungan tersendiri bagi blog kita. karena dengan adanya daftar isi pada blog kita kita bisa membuat pengunjung tahu apa saja posting yang sudah ada di blog kita.sehingga pengunjung bisa berlama-lama di blog kita karena tahu artikel yang bermanfaat di blog kita dan mereka tidak perlu mencari di blog lain. Maka dari itu kali ini aku mau posting tentang bagaimana cara membuat daftar isi pada blog kita
<script src="http://script-bamz-us.googlecode.com/files/blogtocftp.js"></script><script src="http://dwhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
yang tulisan biru ganti dengan nama blog kamu ya
- Login pada blogger
- kemudian buat laman baru
- ingat pilih pada bagian yang HTML jangan yang Compose dan sebelumnya hapus semua Kode yang sudah ada di dalamya
- copy dan pastekan kode html berikut pada posting
- <div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://script-bamz-us.googlecode.com/files/blogtocftp.js"></script><script src="http://dwhome.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
yang tulisan biru ganti dengan nama blog kamu ya
selesai dan tinggal kamu publish hasilnya bisa kamu lihat cukup sekian.
Semoga Bermanfaat..!!!
CARA CLAIM BLOG DI ALEXA RANK
Assalamualikum selamat malam sahabat apa kabar malam ini setelah kemarin tau cara membuat alexa widget kali ini akau mau posting tentang bagaimana cara untuk mengclaim blog kita pada alexa agar alexa widget kita tidak no data.
mungkin anda ingin membaca nya juga untuk menambah pengetahuan anda tentang alexa rank memang alexa rank banyak di gunakan oleh blogger khusus nya bogger indonesia dan alexa rank sendiri di gunakan untuk menunjukan suatu ranking pada blog itu sendiri,semakin kecil angka dari alexa rank itu semakin baik pula peringkat yang di dapat begitu pun sebalik nya jika angka dari alexa rank itu besar itu menunjukan bahwa populeritas blog itu sangat rendah dan itu mungkin tidak di ingin kan oleh blogger-blogger ok mungkin dengan kita meng claim blog kita di alexa rank itu bisa memperbaiki peringkat blog kita di alexa rank langsung saja silahkan di simak bagaimana cara nya untuk mengclaim blog di alexa rank.
CARA CLAIM BLOG DI ALEXA RANK sebagai berikut
contoh:
<html>
<head>
<meta name="alexaVerifyID" content="bFDHrUqpNfwXXGp-TKAHu3Cf_U" />jika sudah anda kembali lagi di claim alexa nya dan tekan tombol Verifi my id.
SELESAI.
Bagaimana anda sudah mengerti CARA CLAIM BLOG DI ALEXA RANK jika dirasa anda sudah mengerti dan sudah memahami untuk mengclaim blog di alexa rank, selamat mencoba
Semoga Bermanfaat..!!!
mungkin anda ingin membaca nya juga untuk menambah pengetahuan anda tentang alexa rank memang alexa rank banyak di gunakan oleh blogger khusus nya bogger indonesia dan alexa rank sendiri di gunakan untuk menunjukan suatu ranking pada blog itu sendiri,semakin kecil angka dari alexa rank itu semakin baik pula peringkat yang di dapat begitu pun sebalik nya jika angka dari alexa rank itu besar itu menunjukan bahwa populeritas blog itu sangat rendah dan itu mungkin tidak di ingin kan oleh blogger-blogger ok mungkin dengan kita meng claim blog kita di alexa rank itu bisa memperbaiki peringkat blog kita di alexa rank langsung saja silahkan di simak bagaimana cara nya untuk mengclaim blog di alexa rank.
CARA CLAIM BLOG DI ALEXA RANK sebagai berikut
- login terlebih dahulu di alexa.com,
- pilih Alexa Claim Your Site di sebelah kanan.

- masukan url blog lalu tekan claim your site
- pilih Free sign up
- silahkan sign in terlebih dahulu.lalu lihat di sebelah kanan bawah terlihat kode hatml di situ ada kode seperti 9j55zt7aEQdBby-cQJSuXNSm7FA kode berbeda-beda dengan yang lain silahkan simpan di bawah <head>
contoh:
<html>
<head>
<meta name="alexaVerifyID" content="bFDHrUqpNfwXXGp-TKAHu3Cf_U" />jika sudah anda kembali lagi di claim alexa nya dan tekan tombol Verifi my id.
SELESAI.
Bagaimana anda sudah mengerti CARA CLAIM BLOG DI ALEXA RANK jika dirasa anda sudah mengerti dan sudah memahami untuk mengclaim blog di alexa rank, selamat mencoba
Semoga Bermanfaat..!!!
Sunday, 30 March 2014
Cara Membuat/Memasang Tombol Back To Top
Assalamualaikum..Hallo sahabat dafa lama tak update kali ini akui mau posting tentang trik bagaimana memasang tombol back to top, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah pembaca ataupun pengunjung untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut.
Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger
- Silahkan login di Blogger
- Pilih Template > Edit HTML > klik Expand Widget Template
- Cari kode </body> (gunakan CTRL+F)
- Copy kode dibawah ini dan Paste tepat diatas kode </body> (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTmQACwC9a8gu0cG4cK_2PI0Uj9CxeWG5LnD37hojaC11qjCXB7uIjCGJOiaTAHrsZD3fMBwvlw-RVkErM63V0mmK4sbm4GC4diTR-e5VxQFSb9Y7cdsMoHaoCvEmIUeJ5W037RjtOCGs/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
Friday, 7 March 2014
Cara Membuat Tulisan Selamat Datang Pada Blog
Assalamualaikum..Apa kabar sobat dafa lama tidak posting karena kesibukan di kampus kali ini aku mau posting lagi tentang bagaimana Cara Membuat Tulisan Selamat Datang Pada Blog.Seringkali saya menjumpai pesan pembuka maupun pesan penutup jika saya mengunjungi suatu situs/blog.
Sekarang kita akan membuat pesan pembuka dan penutup pada blog. Mungkin biar jelas kamu mengetahuinya, kamu lebih baik menampilkannya pada blog/situs anda.
Caranya adalah sebagai berikut:
1. Untuk Pesan Pembuka
2. Untuk Pesan Penutup
Letakkan script dibawah ini tepat dibawah kode <head> atau tepat dibawah kode ‘selamat datang’ yang dipasang pertama tadi.
Sekarang kita akan membuat pesan pembuka dan penutup pada blog. Mungkin biar jelas kamu mengetahuinya, kamu lebih baik menampilkannya pada blog/situs anda.
Caranya adalah sebagai berikut:
1. Untuk Pesan Pembuka
- Masuk ke akun Blogger anda,
- Kemudian pilih Rancangan, kemudian Edit HTML
- Pada bagian atas cari kode <head>dan masukan script berikut ini dibawahnya
<script type='text/javascript'>
alert("Selamat datang di blog saya, jangan lupa komentarnya ya..")
</script>
Silahkan kamu ganti tulisan berwarna merah, sesuai dengan keinginan kamu.alert("Selamat datang di blog saya, jangan lupa komentarnya ya..")
</script>
2. Untuk Pesan Penutup
Letakkan script dibawah ini tepat dibawah kode <head> atau tepat dibawah kode ‘selamat datang’ yang dipasang pertama tadi.
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima kasih ataas kunjungannya, salam blogger.. ');
}
parent.window.onunload=goodbye;
</script>
// goodbye alert
function goodbye(){
alert('Terima kasih ataas kunjungannya, salam blogger.. ');
}
parent.window.onunload=goodbye;
</script>
Silahkan kamu ganti tulisan berwarna merah diatas sesuai dengan keinginan kamu.
Jangan Lupa, Simpan Template kamu. Selamat mencoba.
Semoga Bermanfaat...!!!
Jangan Lupa, Simpan Template kamu. Selamat mencoba.
Semoga Bermanfaat...!!!
Saturday, 22 February 2014
Cara Membuat Widget Facebook
Assalamualikum..Hallo sahabat dafa...Ketika kamu ingin mengupdate status facebook biasanya yang bisa melihat update status tersebut hanyalah orang yang sedang online di facebook atau hanya teman-teman facebook saja namun jika sobat memasang widget update status facebook di blog maka yang melihat status tersebut bukan hanya teman-teman facebook tapi juga pengunjung yang mampir di blog sobat. dengan begitu yang melihat status facebook akan semakin bertambah banyak. dan widget ini biasa di sebut lencana facebook, untuk memasang widget ini sangat mudah kok sobat bisa melihat
Langkah-langkah Cara Membuat Widget Status Facebook Di Blog berikut ini.
- Masuk Ke facebook juga masuk ke blogger
- Pastikan kamu berada pada halaman profile facebook sobat lalu klik icon di samping tab log aktifitas kemudia pilih tambahkan lencana situs anda
3. Pastikan sobat berada pada lencana profile kemudian untuk mengedit tampilan lencana profile nya sobat bisa klik sunting lencana ini.
4. Dapatkan tampilan status facebook di blog nanti dengan mengcecklist pilihan menu lencananya. jika sudah pilih simpan

5. Akan muncul ke halaman seperti gambar di bawah ini lagi. jika sobat menggunakan platform dari blogger/blogspot sobat bisa klik blogger untuk memulai memasang widget status facebook tersebut

6. Tinggal pilih tambah widget. dan sobat akan di bawa ke menu/tab layout/tata letak blogger.
7. Tinggal pindah saja widget tersebut sesuai keinginan sobat.
8. Jika sudah selesai Saatnya Sobat buka halaman blog sobat dan kira-kira Hasilnya akan seperti ini. status terbaru facebook sobat yang akan muncul disana.
Widget status facebook di blog nanti bisa sobat sesuaikan dengan panjang sidebar blog sobat. terima kasih dan selamat mencoba Cara Membuat Widget Status Facebook Di Blog.
Semoga Bermanfaat...!!!
Cara Membuat Burung Twitter Pada Blog
Asalamualaikum..Hallo sahabat dafa mempunyai widget burung Twitter terbang di Blogger,mungkin sudah tidak asing lagi dan sudah banyak sekali blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna, sekarang saya akan posting tentang bagaimana cara Buat/Pasang Burung Twitter Terbang di Blog
Twitter adalah layanan jejaring sosial yang sangat populer selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,
hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Caranya begini langsung saja
Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya
Warna Pilihan Burung Terbang Twitter

Untuk menganti warna burung Twitter yang lain kamu bisa mengganti kode yang berwarna merah pada kode diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang kamu inginkan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXO6_IlWSmwz2EA1qNfAaxg_FuVXSXHTttudB2jVmX8NqMEGCUQuLeoRPGG-gAUZuXS0mwIdySmTOUkU77zj6PGJ2GwLCTQbZsX69snb73hpyQ0VM0EaZsMIn9s2ZlO7EE-fcQZMCetsg/s1600/yellow+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOHecEv6UmW9raLr5KbP4fget3lCevezDLB4nw7uNx3TCPaTJZ7pyjXAWs1YWb7uye3-TneU4Pnp9nRzkUtSsq6vJPpdi-gINikWB-25K2PDyKTifuIr_HDYj4XTmQX7od2_cnkI-uLs/s1600/black+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCmp5CuVlf2YEtTSi9t9LNm-XJz0Oelbi5wVoEFRovvfzSP0tXKudBfFILvKBw5QAZoXh3LL6PLDguoyxqFpY_odBELsWNMmra_0DeLUQow5i62MfGOvLh4DHeBwUEAuZPy-G5LMYKqs/s1600/Blue+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuTM50CmJc-zuw9IUkWQb1gJGGjIJ-Nh-AC8ebOAz7q-cxB081zq2lEFPVkmvtV2vcAnRT3EN1lAmkx83ZRXbulyknporFjpVQzeC6BHVTojtzIT_L1Qrb-F4q07bLKs5U6cAbBWBgeY/s1600/brown+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYrA3HxhTmAxVe2YaQyEqvGv8iyoY4TM248APkCMoQMRRjQX0mXTmCwWy7m4ciRypR3gmRbeKKdOf40VBDjFpMM_1J90wHMod1oJP8AoHbXPAkKSJMaaDF5QY7vjltg_pi1sQT2BLZIs/s1600/Green+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeHYa_trdA_ZwkUyLm7btV4JDe3ZKw2XcdfNfabh8fQz5vFwtpqStb6NQGzwMVy4WpKFFyWPkxzVJMynmuqO-gZ7RZUK4PgxPowrCGtVTPo1yds0cgdDXhO_Tu5AplQNTCDPSFBnASy0/s1600/purple+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2-HGdOK9Arhc42o5Xdl1qT3T_qwL9OhgW85CUV0Douu4kB8y-m2bV-I8NiRKp42jJp57pcKBdjNucnDIjZz3bkk8KiB8Di-w2OQguLkvadg24wjv5HGgSNA4NjkoQVbkUZOhyws_o-M/s1600/white+bird.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8n4QMeZaUvoM5Re3cXleGzz-oI91Fy0yiXwq45yJH3vnuKkFDtXg8QeBHdFhEjlgN8MtI-02umYaRFfBO5OppQFjgyXhylMI4zTTPHnPJ_qacKNkawL2BHYxtwOhkiSON6GqLrZmf7TY/s1600/red+bird.png
Selamat mencoba kawan dan semoga blog kamu akan semakin keren dengan tambahan burung twiiter pada blog. Sekian dulu posting kali ini
Semoga Bermanfaat..!!!
Twitter adalah layanan jejaring sosial yang sangat populer selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,
hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,Caranya begini langsung saja
- Pertama silahkan login di Blogger
- Klik Tata letak > Add Gadget > Html/Javascript
- Copy paste kode di bawah ini ke kolom Html/javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsI1me6xH4miHMG95AH1YynFxHtqX_yZN3oNuGvTMhQygDeIowcZ-IYYdtY884Qwd6nUmOUCyyrbHxSOkEEXcfLUa12QjcWNwhV3-hApk3LS8FQPygaHWLTwqvbxUpKR7vMh5_auQjlg0/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya
Warna Pilihan Burung Terbang Twitter

Untuk menganti warna burung Twitter yang lain kamu bisa mengganti kode yang berwarna merah pada kode diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang kamu inginkan
- Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXO6_IlWSmwz2EA1qNfAaxg_FuVXSXHTttudB2jVmX8NqMEGCUQuLeoRPGG-gAUZuXS0mwIdySmTOUkU77zj6PGJ2GwLCTQbZsX69snb73hpyQ0VM0EaZsMIn9s2ZlO7EE-fcQZMCetsg/s1600/yellow+bird.png
- Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOHecEv6UmW9raLr5KbP4fget3lCevezDLB4nw7uNx3TCPaTJZ7pyjXAWs1YWb7uye3-TneU4Pnp9nRzkUtSsq6vJPpdi-gINikWB-25K2PDyKTifuIr_HDYj4XTmQX7od2_cnkI-uLs/s1600/black+bird.png
- Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmCmp5CuVlf2YEtTSi9t9LNm-XJz0Oelbi5wVoEFRovvfzSP0tXKudBfFILvKBw5QAZoXh3LL6PLDguoyxqFpY_odBELsWNMmra_0DeLUQow5i62MfGOvLh4DHeBwUEAuZPy-G5LMYKqs/s1600/Blue+bird.png
- Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuTM50CmJc-zuw9IUkWQb1gJGGjIJ-Nh-AC8ebOAz7q-cxB081zq2lEFPVkmvtV2vcAnRT3EN1lAmkx83ZRXbulyknporFjpVQzeC6BHVTojtzIT_L1Qrb-F4q07bLKs5U6cAbBWBgeY/s1600/brown+bird.png
- Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQYrA3HxhTmAxVe2YaQyEqvGv8iyoY4TM248APkCMoQMRRjQX0mXTmCwWy7m4ciRypR3gmRbeKKdOf40VBDjFpMM_1J90wHMod1oJP8AoHbXPAkKSJMaaDF5QY7vjltg_pi1sQT2BLZIs/s1600/Green+bird.png
- Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipeHYa_trdA_ZwkUyLm7btV4JDe3ZKw2XcdfNfabh8fQz5vFwtpqStb6NQGzwMVy4WpKFFyWPkxzVJMynmuqO-gZ7RZUK4PgxPowrCGtVTPo1yds0cgdDXhO_Tu5AplQNTCDPSFBnASy0/s1600/purple+bird.png
- Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2-HGdOK9Arhc42o5Xdl1qT3T_qwL9OhgW85CUV0Douu4kB8y-m2bV-I8NiRKp42jJp57pcKBdjNucnDIjZz3bkk8KiB8Di-w2OQguLkvadg24wjv5HGgSNA4NjkoQVbkUZOhyws_o-M/s1600/white+bird.png
- Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8n4QMeZaUvoM5Re3cXleGzz-oI91Fy0yiXwq45yJH3vnuKkFDtXg8QeBHdFhEjlgN8MtI-02umYaRFfBO5OppQFjgyXhylMI4zTTPHnPJ_qacKNkawL2BHYxtwOhkiSON6GqLrZmf7TY/s1600/red+bird.png
Selamat mencoba kawan dan semoga blog kamu akan semakin keren dengan tambahan burung twiiter pada blog. Sekian dulu posting kali ini
Semoga Bermanfaat..!!!
Subscribe to:
Posts (Atom)










