Pages - Menu

Showing posts with label BLOGGER. Show all posts
Showing posts with label BLOGGER. Show all posts

Monday, 27 July 2020

Adsen tidak bisa add site blogspot

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.

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&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Kode Daftar Isi Berdasarkan Tanggal Publikasi Plus Kotak
<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&amp;alt=json-in-script&amp;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.
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

    1. Klik menu "Page" (Halaman) di Dashboard Blog
    2. Klik New Page  (Halaman Baru) 
    3. Isi nama halaman dengan Sitemap atau Daftar Isi
    4. Klik tombol mode HTML
    5. Hapus HTML bawaan
    6. Copy dan Paste kode daftar isi di bawah ini. 
    7. Klik Publish! 
    8. 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&amp;alt=json-in-script&amp;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&amp;alt=json-in-script&amp;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

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOV8zrQlCq3H_i2-wzDeFEpK04klSwm1R4YfhOfLHqhIfnAtBEeGYVoJKcsufU2HK78xa5wN3o1vVkhzxRSaooXCJfQbhQXbIDgUR0B8XczpJZKwHFEjpa7DLI8yAxYsogji5L6Sqcp50/s400/56.jpg
    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 -->

    <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 -->
    5.    Simpan dan lihat hasilnya
    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.
    Semoga bermanfaat
    Samsung Galaxy S7, Harga, Spesifikasi dan Tanggal Rilis

    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 :

    1. Buka http://whos.amung.us/
    2. pilih widget
    3. dan kamu tinggal pilih dan klik dua kali
    4. copy kodenya sesuai dengan widget pilihanmu

    Cara pasangnya cukup mudah
    1. Masuk ke Blogger
    2. Masuk tata letak
    3. kemudian klik add gadget
    4. pilih html/java script
    5. Simpan dan jadi
    Selamat mencoba dan semoga tampilan blog mu lebih bagus tanpa harus berat
    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.
     <marquee>TULISAN YANG AKAN BERGERAK</marquee>
    Kode di atas akan terlihat seperti ini:
    TULISAN YANG AKAN BERGERAK

    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:
    RUNNING TEKS DELAY 0,5 DETIK

    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:
    MARQUEE BEROTASI 3 KALI SAJA
    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:
    MARQUEE LEBAR 50 PERSEN

    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:
    RUNNING TEXT LATAR KUNING


    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:
    TEKS BERJALAN DENGAN PESAN
    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:
    MARQUEE SPEED 14!!!

    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:
    MARQUEE BERGERAK KE KANAN

    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:
    MARQUEE BERGERAK BOLAK-BALIK
      Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
      Contoh kode:
      <marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
      Hasilnya...
      MARQUEE BERGERAK KE BAWAH

      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....
      MARQUEE BERGERAK BOLAK-BALIK
      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....

      CARA MEMBUAT TULISAN BERJALAN (MARQUEE)


      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:
      RUNNING TEXT LATAR KUNING
      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.
      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. 
      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{
      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;
      }
      Keterangan:
      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

      1. Login pada blogger
      2. kemudian buat laman baru
      3. ingat pilih pada bagian yang HTML jangan yang Compose dan sebelumnya hapus semua Kode yang sudah ada di dalamya
      4. copy dan pastekan kode html berikut pada posting
      5. <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&amp;alt=json-in-script&amp;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



      1. login terlebih dahulu di alexa.com,
      2. pilih Alexa Claim Your Site di sebelah kanan. Cys Alexa 1
      3. masukan url blog lalu tekan claim your site
      4. pilih Free sign up
      5. 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 Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti cara berikut.

      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
      Selamat mencoba dan Semoga Bermanfaat..

      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
      • 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.
      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(&#39;Terima kasih ataas kunjungannya, salam blogger.. &#39;);
      }
      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...!!! 

      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.

      1. Masuk Ke facebook juga masuk ke blogger
      2. 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

      • 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..!!!