Cara Memasang Tombol Show Hide Di Postingan Blog

Salam damai bagi kita semua. Terutama sobat blogger yang membaca artikel ini. Kali ini saya akan mencoba menambah ilmu anda. Yaitu cara membuat tombol show di postingan blog. Inspirasi saya sih dari sini. Namun saya perjelas untuk anda sobat. Cara memasang tombol show pun mudah


1. Buat lah new post di blog anda
2. Buka HTML

3.  Masukan Script berikut

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
MASUKAN TEXT YANG INGIN ANDA BUAT DISINI 
</div></div></div>

4. Hasilnya akan seperti ini
Klik show untuk melihat 
MASUKAN TEXT YANG INGIN ANDA BUAT DISINI

 Semoga artikel yang saya buat tadi bermanfaat buat agan-agan blogger sekalian, selamat mencoba^-^ 
0 Comments
Tag : ,
Read More

Cara Mengganti Favicon Pada Blog

Pada post kali ini saya hanya berbagi ilmu blogger. Kali ini adalah tutorial cara mengganti favicon pada blog anda. langsung ke pembahasan

Favicon merupakan singkatan dari Favorites Icon. Favicon adalah gambar multi-resolusi yang disertakan pada hampir semua situs atau blog yang tampil pada address bar suatu situs atau blog dan merupakan logo dari blog tersebut.

Sebelum mengganti Favicon, tentunya sobat blogger harus memiliki gambar dulu. Gunakan gambar persegi yang ukurannya kurang dari 100KB. Kalau sobat blogger tidak memiliki gambar tersebut, silahkan download saja gambar di http://www.iconarchive.com  atau   http://www.iconj.com, disana sobat blogger bisa memilih gambar yang bisa sobat blogger jadikan Favicon blog sobat. Ingat, gambar yang akan digunakan, harus ukuran yang sangat kecil. Kalau sobat blogger sudah memiliki icon yang akan digunakan, ikuti langkah di bawah ini :

Membuat blog di bawah platform blogger.com, maka blog sobat blogger secara default memiliki Favicon seperti ini :


Jika sobat blogger membuat blog di bawah platform wordpress.com, tampilan Favicon dafault 
terlihat seperti ini :

Cara mengganti Favicon dengan cara pertama
  • login dulu ke blog anda
  • Pada menu dropdown, klik layout
  • Klik edit pada gambar favicon

  • klik pilih file
    Cara mengganti Favicon dengan cara Kedua

    • Login dulu ke blog anda
    • pada menu dropdown, pilih template
    • Klik edit HTML dan proceed
    • Cari code </head>
    • Tempatkan code ini sebelum </head>
    <link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    • Ganti text warna merah dengan url foto favicon anda
    • Save template
    Kode yang saya berikan pada Cara kedua, membuat favicon sobat blogger tampil di media browser Google Chrome atau media Browser yang lain. Kode tersebut berbeda dengan kode-kode yang sobat blogger dapatkan di blog lain. Kalau sobat blogger menggunakan kode seperti ini :
    <link href='URL ICON' rel='shortcut icon'/>
    Maka Favicon yang sudah sobat blogger ganti hanya tampil di media Browser Mozilla Firefox.

    Sumber : Monfoort Blogspot
    1 Comment
    Tag : ,
    Read More

    Cara Mempercepat Loading Blog

    Salam damai bagi kita semua. Pada Tips Blog kali ini, saya membahasa cara mempercepat loading blog. Anda memiliki blog yang loading agak lama. Sebaiknya anda membaca tutotial ini. Karna jika blog yang loadingnya lama bisa saja mengurangi pengunjung. Karena tidak semua orang memiliki koneksi internet yang cepat. ada 2 cara yaitu sebagai berikut


    1. Mengkompres Script Blog
    Cara pertama yaitu mengkompres script blog. Cara ini kita menggunakan tool online. Cara kerjanya juga mudah. Tool ini membuang script yang tidak terpakai. Cara pakainya

    • Buka disini.
    • Copy HTML anda lalu pastekan HTML anda ke sana.
    • Code typenya Blogger. 
    • Lalu tekan Compress.
    • Setelah selesai select all dan copy dan pastekan di HTML blog anda

    2. Menambah Script Pencepat Loading Blog
    Cara kedua adalah dengan menambah script untuk menambah kecepatan blog. Langkahnya sebagai berikut :

    1. Buka Template
    2. Edit Template
    3. Cari Code </head>
    4. pastekan code ini di atas </head>

    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
    <script charset='utf-8' type='text/javascript'>
    $(function() {
    $(&quot;img&quot;).lazyload({placeholder : 
    &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb60RIba_dqj2oyBIqQ7mMWQNdQw2-QuE6IxeIQnEvOZk5Ht5ULQfNSRZaU0BI83MzHGW8Jpkg8VVI4_Poixw18lFPDRSIWxwNXMpv1rKFfaOe5ED9KBPiUMz3k2Gk3caG8CSiSGeUIeU/&quot;,threshold
    : 200});
    });
    </script>

    5. Save Template

    Mudah kan menambah kecepatan loading blogmu, selamat mencoba ^-^

    0 Comments
    Tag : ,
    Read More

    Cara Memasang Lagu Player Di Blog

    Banyak teman-teman saya yang bertanya bagaimana cara memasang lagu di blog, tapi lagunya bebas bisa apa saja. Jadi saya post kali ini saya akan menerangkan cara memasang lagu di blog. Saya menggunakan Scm player. Kita mulai ya

    1. Pertama buka link ini
    2. Pilih warna yang anda suka



    3.  Masukan Judul, dan alamat video youtube yang ingin anda dengar di blog



    4. Lalu setting 
    Keterangan
    • Auto Play berfungsi untuk memainkan lagu otomatis/tidak otomatis
    • Default Volume berfungsi untuk mengatur volume lagu
    •  Placement of the bar berfungsi mengatur letak 
    5. Jika sudah klik done
    6. Maka akan muncul HTML

    Untuk memasang lagu di blog

    1. Masuk ke akun blog anda / www.blogger.com
    2. Buka Layout(saya bahasa inggris)
    3. Add a gadget
    4. Pilih HTML/Javascrip
    5. Paste disana

    Semoga berhasi buat agan-agan blogger ^-^


     Sumber : Monfoort Blogspot
    3 Comments
    Tag : ,
    Read More

    Cara Memasang Widget Burung Twitter Di Blog

    Salam damai bagi kita semua. Pada kali ini saya akan berbagi tutorial, cara memasang burung twitter terbang di blog. Dan jika burung tersebut di klik maka akan menuju akun twitter anda. Tutorial yang satu ini memang cukup mudah. Hanya beberapa langkah saja. Kita mulai saja


    1. Buka Dahulu akun Blogger Sobat Monfoort
    2. Buka Layout/Tata Letak anda
    3. Add Gadget
    4. Pilih HTML/Javascript
    5. Copy Kode Css ini

    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzSbYlfxHwNAnX1sWAUVmmrtpv4h4SlDzI2IKsMjwwR4o09U1O8X1KNZ03pDokaRHLvrW7e90LvZEDeGnXZkmjuXfbr80ynz6-LT5Znq55Sq02Y1rXN_iYNvlnqSssnXPi78hJxYi6ss/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/Akun Twitter anda";
    var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
    tripleflapInit();
    </script>

    Keterangan :
    • Ganti text yang berwarna merah dengan aku twitter sobat contoh http://twitter.com/jaluakbar1
    • Ganti text yang berwarna biru dengan warna burung yang ingin anda pakai

    • WARNA KUNING
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jetHjmpHHwgjRRYNmahBt-WPwRWcmFKPXsTi5Pv7xBiwIMMBiJGLFu4nmKyIc01WG3WX8rw6RVLsoLAKHXz_u-BKzp2oPpHycS4GqSjXxSV6KXxYwv4W1Ns0IrBpLUoeeHdTMAJj2Z4/s1600/yellow+bird.png

    • WARNA HITAM
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzHagcO2DK9qCf4D2nwLhQXa1VfjEPj6B_oJn4gZf_W8hisCRKx1CS-YI5jipaBYMt4GWHxFYmSJB26FtFUilJldmhmYK4YZxqr9ygcJWJCOymg_3LIJP4cJ3VD9I5QJAm64fS8L4g6YA/s1600/black+bird.png

    • WARNA BIRU
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7OjBwQYCeE5rUf0R3NOpovTOcZIKl9gI6B7n39ZKb9wyj-hZrEWmlKVKlkIWMRecJLitSZUWtEg4MYBEquowpdxhy10sx7ogtGVylShjTP_Hagru3zyY5PPKGxERrjx9u2VfiTRQhYk/s1600/Blue+bird.png

    • WARNA COKLAT
    ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiktKDENcYLEY8lDcBi2lTsQ5TpkxiCIZ78JjgEY9FcxndU5a5Njd2F0dO3pINeASeKNu2jrnDu1HSCgcntwB_rmBh1YQf64BXGqzUPoBt5-4AhrJXGHjtXgJrG_bqrD2MQ158oN7gVedk/s1600/brown+bird.png

    • WARNA HIJAU
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim72JDi19EPDiyLpMm6llqKzaFkwZ4wiZR90wuZUhTKg06VRTTWQ6UZLh7e2fYAVNZC1UxLwV5YzaddQ6BrEmoqHFJ_aB_cD_S-8jnJcm-xZbJPfrvBi9zWacwb14i7w2LVHyndIDcIbY/s1600/Green+bird.png

    • WARNA UNGU
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9o2qG11hI2Goc9sT6X0RGvdCPau5PJ0ySewWZbQMJbVLmV7W2nGonhFRKKdSc6ckgXGuqPStFNjm45HMVNL2APZXEpgih_3MeRu90u3AXMX35Ygg_0WjeNjEcphqIqHZh8bBeSyKrLCI/s1600/purple+bird.png

    • WARNA PUTIH
    http://1.bp.blogspot.com/-
    qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png

    • WARNA MERAH
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWNupLWFizJgSmUTMHm1b3ssefX276LS8A0Z5exMVB7Jlaqkc6RZu9oqofDQpBPw5-gxZtQdIusttrslv7xlCx3GPSHvkfNqhPH9pvZnLpTlCbDm4Bp70i6b7QF7xVvUjxHLVjBdTwLts/s1600/red+bird.png

    6. Save 


    Semoga bermanfaat bagi blogger pemula yang pengen masang widget burung melayang ini ^-^

    1 Comment
    Tag : ,
    Read More

    Cara mengetahui nilai SEO Blog

    Halo sobat. jumpa lagi sama ane... kali ini ane mau berbagi sedikit tentang SEO blog. hehe walaupun ane belum terlalu ngerti tentang SEO

    Nah apa sih SEO itu?

    Kata paman google si SEO Blog yang ane bahas ini artinya Search Engine Optimization kalo orang indonesia bilang SEO itu search engine optimisasi. Sobat semua pasti udah tau kan SEO ini sangat penting dalam menentukan jumlah pengunjung Blog kita. karena ane belum terlalu paham sama SEO atau Search Engine Optimisasi ini makanya postingan Blog ane ga semuanya bisa ada di halaman utama
    hahaha  

    Kalo ane boleh saranin kawan-kawan banyak-banyaklah belajar tentang SEO. Biar bisa kenal lebih deket sama Page 1 nya google.

    Langsung aja ya. Klik Disini untuk melihat di posisi mana blog kawan berada dalam mesin pencari. 

    Nah kembali lagi ke topik ya... SEO harus kita kenal agar bisa membuat postingan artikel-artikel kawan berada di urutan pertama mesin pencari google. atau paling nggak ada di halaman pertama deh... agar berpeluang mendatangkan pengunjung yang lebih banyak

    Posisi bisa saja berubah tergantung kondisi alam sekitar hehe  
    kadang di atas dan kadang di bawah

    kawan bisa pelajari penempatan keywordnya dengan membaca artikelnya.
    1 Comment
    Tag : ,
    Read More

    Announcement :

    Mohon maaf atas jarangnya blog ini di update karena saya sedang mempunyai kesibukan tersendiri sebagai seorang pelajar...

    Untuk yang fans JKT48 atau 48Fam sepenuhnya saya update di blog http://open-our-fans.blogspot.com/

    Terimakasih atas perhatiannya^-^

    #Miki

    Silakhan Bagikan

    Site Linking

    ping fast my blog, website, or RSS feed for Free
    Alfisyah Rifqintara. Diberdayakan oleh Blogger.
    ►

    - Copyright © 2013 Alfisyahティムマスタ - Powered by Blogger - Designed by Johanes Djogan -