Rabu, 15 Mei 2013

Cara Lengkap Membuat Headline News Di Blog

Memberikan keindahan terus di ulik demi menciptakan tampilan blog yang sempurna,namun terkadang kita tidak mengetahuinya apa saja yang bisa kita pasang di blog kita,Cara Lengkap Membuat Headline News Di Blog itu yang akan kita kupas sebagai salah satu tampilan demi menciptakan daya tarik kepada para pengunjung blog,

Mungkin kalian sering melihat pada media media salah satu contohnya televisi,ketika berita atau yang lainnya sedang berlangsung maka sering kita jumpai tulisan berjalan di bawah sebagai ulasan dari wacana yang ada di dalamnya,sama halnya pada headline news yang akan kita bahasa sekarang,nah buat kalian yang ingin mencobanya seperti apa sih tampilannya bisa kalian lihat tutorialnya di bawah ini.


1. Login terlebih dahulu.
2. Pilih menu Tata Letak > Add Gadget > HTML/Javascript.
3. Copy kode di bawah dan pastekan di kolom konten.

<script type="text/javascript">var hn_url_blog = "http://hansmjlkcommunity.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="https://hanmjlkcommunity.googlecode.com/files/headline-news.js"> </script>


4. Kemudian save dan lihat hasilnya.

Keterangan

  • Tulisan berwarna merah adalah link blog silahkan ganti dengan link blog kalian.
  • Tulisan berwarna hijau adalah jumlah postingan yang tampil silahkan ubah sesuai keinginan.
  • Tulisan berwarna kuning adalah background headline silahkan ganti sesuai selera.
  • Tulisan berwarna biru garis tepi headline silahkan ganti sesuai selera.

Itulah tutorial kali ini yang bisa saya sampaikan semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisiasinya.

Kamis, 09 Mei 2013

Cara Menghilangkan tulisan Diberdayakan Oleh Blogger

Salam jumpa,hansmjlkcommunity kembali akan berbagi trik tentang Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger Di Blogspot,terkadang kita merasa terganggu dan tidak enak di pandang ketika ada tulisan seperti itu seperti yang di alami oleh saya sendiri,nah pada kesempatan ini saya akan berbagi tutorial tentang Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger Di Blogspot.


1. Silahkan login ke akun blog.
2. Pilih menu Template > Edit HTML (centang expand widget templates).
3. Cari kode ]]></b:skin> kemudian copy kode di bawah dan pastekan tepat di atas kode ]]></b:skin>.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

4. Terakhir save dan lihat hasilnya.


Demikian tutorial kali ini yang bisa saya sampaikan semoga dapat bermanpaat buat semuanya.

Cara Membuat Link Download Di Blog

Salam semuanya hansmjlkcommunity kembali akan berbagi tutorial tentang Cara Membuat Link Download Di Blog,blog merupakan salah satu alat media untuk berbagi segala sesuatu yang berhubungan dengan publik dan menyediakan berbagai macam program atau yang lain,oleh karena itu otomatis blog tidak terlepas dari yang namanya link,pengertian link itu sendiri adalah suatu tuatan yang menghubungkan antara situs satu dengan yang lainnya yang saling berkaitan sebagai contoh sering kalain jumpai pada suatu blog ada kalimat khusus yang di cetak tebal atau di beri warna lain dan ketika di klik menuju ke halaman lain nah itulah yang di sebut dengan link.

Banyak situs yang menyediakan link untuk suatu alat download seperti mediafire ziddu dan banyak lagi yang lainnya,pada kesempatan ini saya akan berikan caranya yang lengkap buat kalian untuk membuat link download dalam hal ini kita akan gunakan situs yang gratis seperti ziddu yang akan saya bahas untuk mempersingkat waktu kita langsung menuju ke TKP.

1. Silahkan masuk ke situs www.ziddu.com untuk melakukan registrasi.
2. Setelah itu akan muncul gambar klik Register pada bagian pojok kanan atas.



3. Kemudian kalian akan di arahkan ke kotak pengisian Registrasi isi sesuai perintah.


4. setelah selesai pengisian kemudian centang kotak kecil I Agree Terms and Conditions kemudian klik Submit.

5. Akan muncul gambar seperti di bawah klik Go to my Account.



6. Selanjutnya akan nampak gambar untuk proses upload file.



7. Pilih file yang akan di upload dengan mengklik Choose file,setelah kalian memilih file yang akan di upload kemudian klik Upload ( Untuk tulisan Multiple Files Upload menunjukan banyaknya file yang akan kalain upload ).

8. Tunggu beberapa saat hingga proses upload selesai,jika proses upload selesai akan keluar gambar seperti di bawah.


9. Jika gambar di atas sudah keluar berarti proses upload selesai sekarang kalian cukup copy linknya yang di beri tanda panah merah. http://www.ziddu.com/download/22163044/hjsplit.zip.html.



Demikian tutorial kali ini yang bisa saya berikan tentang Cara Membuat Link Download Di Blog semoga dapat bermanpaat buat semuanya.





Cara Lengkap Membuat Link Berkedip Warna Warni Di Blog

Salam semuanya hansmjlkcommunity kembali akan mengulas pembahasan baru yaitu Cara Lengkap Membuat Link Berkedip Warna Warni Di Blog,pada pembahasan sebelumnya saya sempat membahas tentang Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse hampir sama antara kedua efek ini namun untuk kali ini ketika mouse menyentuh suatu link maka warna link akan berubah dengan berbagai macam warna seperti layaknya pelangi menarik kan.

Memang saya akui sebuah blog tidak terlepas dari pernak pernik demi mempercantik tampilan blog yang kita kelola berbagai macam tampilan efek telah saya berikan silahkan cari sendiri ya sob,gimana sob mau coba gak...? bila kalian mau mencobanya silahkan lanjutkan membacanya dan saya akan langsung mulai tutorialnya.


1. Login ke akun blog kalian.
2. Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode </body> ( gunakan CTRL+F untuk mempercepat pencarian kode ).
4. Copy kode di bawah dan letakan tepat di atas kode </body>.


<script src="https://hanmjlkcommunity.googlecode.com/files/link-multy-color.js"/>


5. Sebelum di save alangkah baiknya pratinjau dulu.
6. Jika sudah berhasil save dan siap dengan tampilan blog baru kalian.


Demikian tutorial kali ini semoga bermanpaat buat semuanya dan saya ucapkan terima kasih atas pasrtisipasinya.

Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse

Salam semuanya hansmjlkcommunity kembali akan sedikit mengulas tentang Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse,memang tidak ada habisnya memodifikasi tampilan blog demi menciptakan blog yang lebih bagus namun banyak keluhannya dengan menampilkan berbagai macam efek akan berdampak pada loading blog,namun kalian tidak usah risau tampilan link berkedip ini cukup ringan jadi tidak akan berdampak pada loading blog berat.

Mempunyai keindahan tersendiri ketika mouse mendekati link maka percikan bintang akan keluar itulah yang akan kalian nikmati jika menerapkan kode link berkedip bintang yang telah saya siapkan,sebagai salah satu contoh bisa kalian lihat pada blog saya yang super hancur ini hehehehe,penasaran nih seperti apa sih bintang berkedip itu maka silahkan lihat tutorialnya di bawah ini.

1. Login dulu ke akun blog kalian.
2. Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode </head> kemudian copy kode di bawah dan pastkena tepat di atas kode </head>.


<style>
a:hover { text-decoration:blink;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDh8cKEkRjq6x_aBBF64oTI7ukwZYGAjni5QCeD9PuDobLyQX040DnnnvUv8fSiPmG3iD3Wa6ZdZbOM_SFv16O0Ztiv6fYS40GpgMmc1_gK90-OktzBTKDuGnfo_2-7F5STuXrl0sgyg/s1600/hansmjlkcommunity.gif); }
</style>


4. Kemudian save dan silahkan lihat hasil kerja kalian.

Jika kalian berhasil maka akan menghasilkan percikan bintang seperti di bawah ini.


Demikian tutorial yang bisa saya berikan tentang Cara Membuat Link Berkedip Bintang Saat Di Sentuh Mouse semoga dapat bermanpaat buat semuanya.

Rabu, 08 Mei 2013

Cara Membuat PageRank Di Blog Dengan Mudah

Salam blogger indonesia...jumpa kembali sama hansmjlkcommunity,Cara Membuat PageRank Di Blog Dengan Mudah merupakan pembahasan saya kali ini,PageRank cukup lumayan penting kita pasang pada blog dengan tujuan untuk mengetahui seberapa populerkah blog kita atas artikel artikel yang telah kita buat dengan kata lain sebagai alat ukur untuk mengetahui posisi blog kita di mata google apakah ada peningkatan traffic tetap atau turun maka kita akan mengetahuinya dengan PageRank tersebut.

Terkadang banyak orang yang tidak menyadari betapa pentingnya PageRank termasuk saya juga hehehehe,oleh karena itu mulai sekarang pasang PageRank pada blog kalian supaya kelihatan perkembangan blog yang kalian kelola,buat kalian yang belum tau caranya dan penasaran seperti apa sih PageRank itu silahkan lihat tutorialnya di bawah ini.


Langkah pertama.
  • Kita harus mempunyai kode HTML/Javascriptnya terlebih dahulu,jika belum punya silahkan buat disini www.mypagerank.net
  • Pilih menu Google Pagerank Button.
  • Selanjutnya untuk mengetahui PageRank blog kalian masukan URL blog kalian pada kotak yang tersedia kemudian klik Check PR.
  • Maka akan keluar gambar seperti di bawah,jika
  • Jika kalian ingin menerapkannya pada blog copy script yang ada di kotak.


Langkah Kedua

Kita akan memasangnya di blog dengan cara

  • Masuk ke Tata Letak pilih Add Gadget kemudian HTML/Javascript.
  • Pastekan kode yang telah di copy tadi pada kolom konten.
  • kemudian save dan lihat hasilnya.

Demikian ulasan dari saya tentang Cara Membuat PageRank Di Blog Dengan Mudah semoga dapat bermanpaat buat semuanya.


Selasa, 07 Mei 2013

Cara Lengkap Membuat Gambar Postingan Blog Berputar

Salam lima jari heheheh,masih sama hansmjlkcommunity sekarang saya akan membahas tentang Cara  Lengkap Membuat Gambar Postingan Blog Berputar  berhubung artikel yang kemarin tidak di terima mbah google terpaksa saya update biar bisa di nikmati oleh para teman semuanya,cukup unik kelihatannya tampilan gambar berputar pada blog ketika mouse menyentuhnya sebagi ciri khas dari perkembangan blog apalagi di iringi dengan pembesaran gambar sambil berputar wow bikin asik ajah kelihatannya.

Memang terkadang jenuh dengan tampilan blog yang serba sederhana seakan tidak ada kreasi untuk memberikan tampilan yang sedemikian indah untuk memuaskan para pengunjung blog,nah buat kalian biar tidak merasa jenuh dengan tampilan blognya silahkan di coba coba siapa tau cocok karena saya rasa gampang banget caranya juga,untuk lebih jelasnya kita langsung saja ke TKP.

1. Seperti biasa kalian login ke akun blog.
2. Pilih menu Template > Edit HTML ( centang expand widget templates ).
3. Cari kode ]]></b:skin> kemudian copy kode di bawah dan pastekan di atas kode tersebut.



a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px; 
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}


4. Terakhir save dan lihat hasillnya.


Itulah tutorial yang bisa saya sampaikan pada pertemuan kali ini tentang Cara Lengkap Membuat Gambar Postingan Blog Berputar semoga ada manpaatnya buat semuanya.

Cara Lengkap Membuat Kotak Komentar Facebook Di Blog

Salam semuanya...jumpa kembali bareng hansmjlkcommunity pada kesempatan ini saya akan coba sedikit mengulas Cara Lengkap Membuat kotak Komentar Facebook Di Blog,banyak yang mengomentari atas artikel artikel yang kita buat akan menjadikan motivasi untuk lebig giat dalam pembuatan artikel baru,namun kadang orang yang awam merasa sulit untuk memberikan komentarnya nah oleh karena itu alngkah baiknya bila di pasang kotak komentar facebook untuk lebih mempermudah pengunjung berkomentar.

Memberikan kemudah dengan cara memasang kotak komentar facebook yang berdampingan dengan kotak komentar blog akan sedikit memberikan keunikan dan besar kemungkinan akan meningkatkan traffic pengunjung karena dengan mudahnya bisa berkomentar lewat facbook.Buat kalian yang penasaran seperti apa sih kotak komentar facebook itu silahkan lihat caranya di bawah ini.


1. Login ke akun log kalian.
2. Pilih menu Template > Edit HTML ( Centang Expand Widget Temapltes ).
3. Cari kode ]]></b:skin> (gunakan CTRL+F untuk mempermudah pencarian kode).
4. Copy kode di bawah dan pastekan di atas kode ]]></b:skin>


.comments-page { background-color: #f2f2f2;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}


5. Cari kembali kode </head> kemudian copy kode di bawah dan pastekan tepat di atas kode tersebut.


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FP Anda disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>

Keterangan :
Ganti tulisan yang berwarna Hijau dengan ID Fans Page kalian,untuk mendaptkan ID Fans Page kalian buka facebook kemudian klik halaman blog copy kodenya yang di browsur (lihat gambar) dalam hal ini kalian cukup copy kode angkanya saja kurang lebih 15 hurup contoh 394963703943934


6. Cari kembali kode <div class='comments'id='comments'>,pada umumnya kode tersebut ada dua maka kalian pilih yang kedua
7. Selanjutnya copy kode di bawah dan letakan setelah kode <div class='comments'id='comments'> yang kedua.


 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Keterangan

  • Angka 10 menunjukan jumlah komentar facebook yang tampil di blog.
  • Angka 400 menunjukan lebar kolom komentar facebook.
  • Untuk tulisan yang terakhir <div class='comments comments-page'id='blogger-comments-page'> silahkan hapus jika kode tersebut sudah ada.

Demikian tutorial kali ini yang bisa saya sampaikan tentang Cara Lengkap Membuat Kotak Komentar Facebook Di Blog semoga dapat membantu sobat semuanya dan saya ucapkan terima kasih atas kunjungannya.

Senin, 06 Mei 2013

Cara Mudah Membuat Tanda Tangan Di Setiap postingan Blog

Salam hangat semuanya...! jumpa kembali sama hansmjlkcommunity yang akan berbagi tutorial seputar blog,setelah kurang lebih seminggu saya di sibukan dengan aktivitas kini saya kembali akan membuat artikel baru,namun pada pembahasan ini saya kira sudah banyak yang membahasnya namun yang saya buat agak sedikit berbeda dengan yang lainnya yaitu Cara Mudah Membuat Tanda Tangan Di Bawah Postingan Blog dengan mengunakan animasi hal layaknya orang yang sedang menanda tangan.

Berbeda dengan pembahasan sebelumnya yang saya bahas masih tentang tanda tangan namun yang pertama tanda tangan tanpa animasi dan agak sedikit panjang atau ribet cara membuatnya baca disini,namun yang sekarang ini cukup praktis dan super cepat di jamin memuaskan deh pokonya,buat kalian yang penasaran gimana sih tanda tangan yang memakai sedikit animasi kita langsung saja menuju TKP.


1. Langkah awal buat dulu tanda tangannya DISINI
2. Maka akan muncul gambar seperti di bawah ini.


Petunjuk penggunaan :

  1. Choose the text of your signature, isikan nama kalian pada kotak yang di sediakan.
  2. Choose a font and a size for the text, pilih jenis hurup yang kalian inginkan berikut ukurannya.
  3. Choose the color of your sugnature, pilh warna yang yang kalian sukai.
  4. Choose a figurine, pilih gambar animasi tanda tangan yang kalian sukai.
3. Setelah selesai kemudian klik CREATE dan kalian akan di arahkan kepada gambar di bawah ini.

4. Klik tulisan Download this signature.

Pembuatan tanda tangan sudah selesai kini kita menuju pada langkah selanjutnya cara memasangnya pada blog.

Cara Memasang 

1. Upload dulu gambar yang tadi di download ke situs yang tersedia untuk menggambil link gambar.
2. Login ke akun blog kalian.
3. Pilih menu Template > Edit HTML ( centang expand widget templates ).
4. Cari kode di bawah

<p class='post-footer-line post-footer-line-1>
atau
<div class='post-footer-line post-footer-line-1'>

5. Copy kode di bawah dan letakan tepat di atas kode nomer 4.

<img src='LETAKAN URL IMAGE DISINI' style='border: none; background: transparent;' /><br/>

6. Terakhir klik save dan silahkan lihat hasilnya.


Demikianlah tutorial kali ini tentang Cara Mudah Membuat Tanda Tangan Di Setiap Postingan Blog semoga dapat bermanpaat.


Sabtu, 04 Mei 2013

Cara Membuat / Memasang Kotak Komentar Google+ Di Blog

Cara Membuat / Memasang Kotak Komentar Google+ Di Blog ini merupakan tampilan komentar yang langsung bersatu antar blog dengan google+,bila ada komentar yang masuk ke blog maka secara otomatis komentar akan masuk ke google+ jadi kalian bisa langsung membalas komentarnya di google plus.

Namun perlu saya beritahukan sebelum kalian memasang komentar di google+ alangkah baiknya kalian perhatikan dulu kelebihan dan kekurangannya membuat kolom komentar di google+.


Kelebihan

1. Terjadi peningkatan traffic pada blog kalian.
2. Memiliki fitur reply yang lebih bagus.
3. Komentar yang terdahulu tidak akan hilang.
4. Dengan sekali komentar akan terbagi ke dua tempat
5. Notofikasi komentar akan terkoneksi dua arah dengan artian kita bisa membalas komentar bisa memalui beranda google+ atau melalui fitur google+ comment.
6. Bisa di tentukan kepada siapa saja komentar akan di perlihatkan.


Kekurangan

1. Login blog akan sedikit berat.
2. Hanya bisa di akses oleh pengguan akun google sajah.
3. Belum bisa di setting untuk tampilan google+ comment.
4. Belum bisa di rangkum pada recent comment.

Dari penjelasan di atas kalian pasti bisa membedakannya dan mempertimbangkannya,namun jika kalian ada yang penasaran memasang kolom komentar di google+ bisa kalian lihat tutorialnya di bawah ini.

Cara Memasang / Membuat Kolom Komentar Di Google+

1. Login ke akun blog.
2. Pilih menu google+ lakukan registrasi terlebih dahulu sesuai petunjuk.
3. Selanjutnya akan nampak gambar seperti di bawah.


4. Centang kotak yang bertulisakan Gunakan Google+ Komentar Di Blog Ini ?

Tambahan :
Jika kalian ingin menonaktifkan google+ komentar cukup dengan menghilangkan tanda pada kotak Gunakan google+ Komentar di blog ini ?.


Dengan demikian pemasangan google+ komentar sudah selesai terima kasih atas partisipasinya dan saya ucapkan terima kasih atas kunjungannya.

Cara Membuat Efek Gelap Terang Pada Gambar

Cara Membuat Efek Gelap Terang Pada Gambar,mempunyai ciri khas tersendiri karena tampilan ini sedikit menarik dibandingkan dengan tampilan gambar sebelumnya itu yang saya alami karena pada gambar akan nampak terang ketika mouse di arahkan dan akan kembali gelap ketika mouse menjauh.

Dengan semakin pesatnya kode CSS dalam merubah tampilan blog seperti halnya membuat textbox dengan css,menu dropdown dengan css dan banyak lagi yang lainnya.Maka dari itu pada kesempatan ini dalam pembahasan Cara Membuat Efek Gelap Terang Pada Gambar saya akan menggunakan kode CSS supaya kelihatan lebih indah,untuk lebih jelasnya silahkan kalian perhatikan langkah langkahnya di bawah ini.


Cara Membuat Efek Gelap Terang Pada Gambar

1. Login dulu ke akun blog kalian.
2. Pilih menu Template --> Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode ]]></b:skin> ( Gunakan CTRL+F untuk mempermudah pencarian ).
4. Copy kode di bawah dan letakan tepat di atas kode ]]></b:skin>.

Silahkan pilih salah satu kode yang di inginkan :

Efek Terang Ke Gelap

img {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}
img:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}

Efek Gelap Ke Terang

img {
filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
}
img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity 1.0;
}

5. Kemudian save dan silahkan lihat hasilnya.


Itulah pembahsan saya kali ini tentang Cara Membuat Efek Gelap Terang Pada Gambar semoga dapat sedikit membantu buat kalian semuanya,dan saya ucapkan terima kasih atas partisipasinya.

Cara Membuat Blog Menjadi Dofollow

Cara Membuat Blog Menjadi Dofollow itu yang akan saya share sekarang,sebelumnya saya sempat membahas tentang Cara Mudah Membuat Tanda Tangan Di Blog.Pada tempalte blog bawaan biasanya bersifat default atau Nofollow jadi jika kalian ingin membuat blog menjadi Dofollow maka kalian harus sedikit merubahnya agar menjadi dofollow.

Namun sebelumnya kalian silahkan baca kelebihan dan kekurangan dari blog Dofollow,jika memang mendukung dan berfungsi baik maka alangkah baiknya untuk di rubah demi sedikit mendukung popularitas blog kalian.

Kelebihan Blog Dofollow

  • Blog Dofollow akan banyak yang komentar
  • Blog Dofollow akan mengalami peningkatan traffic pengunjung.
  • Blog Dofollow akan semakin populer karena blog kalian akan di promosikan oleh teman kalain secara gratis
  • Dalam setiap pembuatan artikel pasti akan ada komentar
  • Pengunjung akan tetap ada meski kalian jarang membuat artikel baru

Kekurangan Blog Dofollow
  • Menumpuknya link dalam kolom komentar yang sedikit menghambat search engine dalam melacak blog kalian
  • Akan banyak komentar yang di curigai sebagai spam
  • Pagerank akan mengalami penurunan karena terlalu banyak link yang keluar.
  • Blog tidak di sukai oleh search engine karena banyaknya link yang menyebar.

Dari uraian di atas perhatikan dan teliti sekiranya perlu kalian menerapkan blog menjadi dofollow maka silahkan lanjutkan membacanya dan perhatikan langkah langkahnya.


Cara Membuat Blog Menjadi Dofollow

1. Login ke blog kalian.
2. Pilih menu Template > Edit HTML (Centang Expand Widget Templates).
3. Cari kode di bawah dengan menggunakan CTRL+F atau F3.

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

4. jika sudah ketemu ganti kode berwarna hijau dengan doffolow maka akan menghasilkan kode seperti ini

<a expr:href='data:comment.authorUrl rel='dofollow'><data:comment.author/></a>


5. Cari kembali kode di bawah ini

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

6. Jika sudah ketemu hapus tulisan yang berwarna hijau  rel='nofollow' maka akan membentuk kode seperti ini

<a expr:href='data:backlink.url'><data:backlink.title/></a>


Itulah uraian yang bisa saya berikan tentang Cara Membuat Blog Menjadi Dofollow semoga bermanpat buat semuanya.

Kamis, 02 Mei 2013

Cara Membuat Buku Tamu Auto Hide Di Blog

Cara Membuat Buku Tamu Auto Hide Di Blog,ini adalah pembahasan selanjutnya yang sebelumnya saya sempat membahas Cara Membuat Artikel Acak Di Blog,buku tamu merupakan alat media untuk melakukan percakapan lewat tulisan yang di pasang di blog,dan biasanya kebanyakan buku tamu di pasang secara sembunyi atau auto hide.

Buat kalian yang ingin mencobanya Cara Membuat Buku Tamu Auto Hide Di Blog silahkan lihat caranya di bawah,hansmjlkcommunity akan memberikan triknya yang paling mudah dan di jamin sukses,penasaran nih baiklah kita mulai sajah langkah langkahnya di bawah ini.

1. Buat yang belum punya kode CBOX silahkan daftar dulu disini
2. Setelah itu login ke akun blog kalian.
3. Pilih Tata Letak Kemudian Add Gadget
4. Pilih HTML/Javascript,kemudian copy kode di bawah dan pastekan pada HTML/Javascript pada kolom konten.



<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EewR52nzvEMCI59OvDWONtcxlSRaXfjfUKEXN5T_JcoPveI8fuirODtfsfuGcpAtWtaoLVHNsqwPty5BnpVICvpQpI9umHVXmMnq42Pt8OBEcv_AxVbGmfLMubesxmA_QnylGnnYVgY/s1600/HANSMJLKCOMMUNITY.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Letakan kode  CBox kalian disini
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://http://hansmjlkcommunity.blogspot.com/2013/04/cara-lengkap-membuat-buku-tamu-di-blog.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

5. Kemudian save dan silahkan lihat hasilnya.

Keterangan :
Untuk tulisan berwarna hijau ganti dengan kode Cbox Kalian yang telah di buat pada langkah nomor satu.


Itulah tutorial yang bisa saya berikan tentang Cara Membuat Buku Tamu Auto Hide Di Blog yang begitu singkat dan semoga dapat bermanpaat buat semuanya.

Rabu, 01 Mei 2013

Cara Membuat Dua Kolom Widget Dibawah Postingan blog

Cara Membuat Dua Kolom Widget Dibawah Postingan Blog memang tidak ada habisnya kita memodifikasi tampilan blog demi menciptakan blog yang lebih baik dan salah satunya yaitu menambahkan Dua Kolom Widget Dibawah Postingan Blog,cukup baik juga dalam fungsinya karen dengan memasang dua kolom widget sekaligus kita dapat menempatkan dua link artikel dalam satu baris.

Cara Membuat Dua Kolom Widget Dibawah Postingan Blog cukup lumayan gampang karena kita hanya tinggal menambahkan kode pada template,meski banyak cara untuk menambahkan dua kolom widget namun pada kali ini saya punya cara sendiri untuk lebih gampang dan praktis dalam memasang kolom widget.

Untuk lebih jelasnya silahkan kalian coba sajah di bawah ini Cara Membuat Dua Kolom Widget Dibawah Postingan Blog.


1. Login dulu ke akun blog kalian.
2. Pilih menu Template > Edit HTML
3. Cari kode ]]></b:skin>,lalu letakan kode di bawah tepat di atas kode ]]></b:skin>.

.bawahpost {{margin:5px 0px 10px 0px;padding:5px 0;clear:both;}}

.bawahkiri {float:left;width:305px;margin-right:5px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}
.bawahkanan {float:right;width:305px;border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}


4. Setelah itu cari kembali kode <data:post.body/> dan letakan kode di bawah sesudah kode <data:post.body/>.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
<div class='bawahkiri'>
Kode widget kiri
</div>
<div class='bawahkanan'>
Kode widget kanan
</div>
</div>
</b:if>

Keterangan :
Untuk width atau tinggi yang berwarna hijau di atas bisa kalian atur dan sesuaikan dengan blog kalian.


Itulah sedikit ulasan tentang Cara Membuat Dua kolom Widget Dibawah Postingan Blog yang singkat dan ringkas semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

Selasa, 30 April 2013

Cara Lengkap Membuat Blog Archive Dengan Scroll

Cara Lengkap Membuat Blog Archive Dengan Scroll.Blog Archive mempunyai fungsi sebagai widget yang memberikan data atas artikel artikel yang telas di buat namun apa jadinya jika blog archive atau arsip blog tidak menggunakan scroll pasti akan panjang sekali sampai menghabiskan halaman blog kalian.

Oleh karena itu buat kalian yang blog archive atau arsip blognya masih menggunaan yang alami silahkan ubah dengan menerapkan kolom scroll demi menghemat tempat,dan untuk lebih jelasnya bisa kalian lihat caranya di bawah ini.


1. Login ke blog kalian.
2. Buat yang belum memasang widget Blog Archive pasang dulu dengan cara
  •  Masuk ke menu Tata Letak Pilih Add Gadget
  • Selanjutnya tambahkan Blog Arsip  atau Archive Blog dengan menekan tombol +
3. Selanjutnya pilih menu Template kemudian pilih Edit HTML.
4. Centang dulu Expand Widget Templates nya.
5. Cari kode ]]></b:skin> (gunakan CRL+F untuk mempercepat pencarian kode)
6. Copy kode di bawah dan letakan di atas kode ]]></b:skin>.


#BlogArchive1 .widget-content{
height:150px;
width:auto;
overflow:auto;
}

Keterangan
height:150px; adalah tinggi scroll silahkan sesuaikan sendiri.


7. Setelah semuanya beres kemudian save dan lihat hasilnya.


Itulah tutorial kali ini tentang Cara Lengkap Membuat Blog Archive Dengan Scroll semoga dapat bermanpaat.

Senin, 29 April 2013

Cara Membuat / Memasang Artikel Acak Di Blog


Cara Membuat / Memasang Artikel Acak Di Blog,hal ini hampir sama dengan popular post,blog archive,dan realated post atau artikel terkait namun ada sedikit yang membedakannya yaitu artikel acak ini menampilkan postingan dari seluruh label tanpa terkecuali dan bisa menampilkan kembali artikel yang sudah lama sekali bisa muncul bersama artikel artikel baru lainnya.

Oleh karena itu buat kalian yang belum sempat cobain artikel acak ini silahkan coba dari sekarang,karena pada kesempatan ini saya akan berbagi trik Cara Membuat / Memasang Artikel Acak Di Blog,untuk lebih jelasnya silahkan perhatikan tutorialnya di bawah ini.


1. Login terlebih dahulu.
2. Pilih Tata Letak lalu Add Gadget selanjutnya pilih HTML/Javascript.
3. Copy kode di bawah dan pastekan pada HTML



<div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ol>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ol>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://hansmjlkcommunity.blogspot.com/2013/04/cara-memasang-artikel-acak-di-blog.html"> widget! </a></span></div>


4. Terakhir Save dan silahkan lihat hasilnya.


Itulah ulasan dari hansmjlkcommunity tentang Cara Membuat / Memasang artikel Acak Di Blog semoga dapat bermanpaat buat semuanya.

Cara Membuat Animasi Cursor Diikuti Teks Di Blog

Cara Membuat Animasi Cursor Diikuti Teks Di Blog merupakan lanjutan dari artikel sebelumnya yaitu Cara Membuat Tulisan Berjalan Di Blog,hampir sama tampilannya namun untuk yang satu ini sedikit berbeda yang mana teks akan selalu mengikuti arah cursor kemanapun cursor mengarah,cukup unik juga saya lihat tampilan ini jadi jangan sampai sobat tidak mencobanya animasi yang satu ini.

Meski telah banyak yang membahas tentang Cara Membuat Animasi Cursor Diikuti Teks Di Blog namun tidak ada salahnya saya sekedar mengingatkan kembali tentang animasi yang satu ini demi menyempurnakan artikel demi artikel yang saya buat.

Buat kalian yang penasaran nih dan ingin segera mencobanya silahkan perhatikan caranya di bawah ini.


1. Seperti biasa kalian harus login terlebih dahulu.
2. Pilih menu Tata Letak kemudian Add gadget kemudian pilih HTML/Javascript.
3. Copy script di bawah dan pastekan pada HTML/Javascript bagian konten.




<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'Cambria', verdana, arial;
color: #4acb35;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Silahkan Ganti Tulisan Ini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

Keterangan :

  • Tulisan berwarna hijau adalah jenis hurup silahkan kalian ganti sesuai keinginan
  • Tulisan berwarna merah adalah teks yang akan mengikuti arah cursor silahkan kalian ganti.

4. Setelah semuanya beres kemudian save dan lihat hasilnya.


Itulah tutorial yang bisa saya berikan tentang Cara Membuat Animasi Cursor Diikuti Teks Di Blog semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

Cara Mudah Agar Blog Banyak Pengunjung

Cara Mudah Agar Blog Banyak Pengunjung mungkin itu yang kalian inginkan,namun tidak segampang itu sob banyak hal yang harus di perhatikan demi mempopulerkan blog kalian,dari mulai cara membuat artikel yang berkualitas,memasang fans page dan banyak lagi yang lainnya.

Untuk lebih jelasnya saya akan coba jelaskan Cara Mudah Agar Blog Banyak Pengunjung silahkan kalian perhatikan langkah langkahnya di bawah ini.


Buatlah Atikel Berkualitas

Ini sangat penting sekali di perhatikan oleh kalian,karena kebanyakan orang membuat suatu artikel ngasal sajah yang penting blognya penuh dengan artikel,sebenarnya bukan itu sobat meski sedikit isi artikel yang penting berkualitas dan mempunyai makna dari artikel tersebut,buatlah orang merasa penasaran dengan artikel artikel buatan kalian sendiri.


Melakukan Promosi

Banyak hal yang bisa kalian lakukan untuk mempromosikan blog kalian kepada orang lain,kalian bisa gunakan alat media seperti facebook,twitter,comment kepada blog lain dengan memberitahukan keberdaan blog kita dan lain sebaginya.


Buat Menu Yang Bervariatif

Jangan sampai blog kita hanya bertumpu pada satu tujuan,buatlah menu yang bervariatif seperti membahas seputar windows,dunia bisnis,dunia olahraga dan lain sebagainya,dengan menerapkan cara ini para pengunjung besar kemungkinan merasa tertarik karena dengan pembahasan berbagai masalah ada pada blog kalian.



Demikian yang bisa saya sampaikan tentang Cara Mudah Agar Blog Banyak Pengunjung semoga dapat bermanpaat buat kalian dan saya ucapkan terima kasih atas kunjungannya.




Kamis, 25 April 2013

Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat Tulisan Berjalan Di Blog,sudah tidak asing lagi karena saya yakin kalian pernah melihat di blog lain tulisan yang berjalan dari berbagai macam arah nah itulah yang di namakan Marquee,memang efek seperti ini tidak begitu penting menurut saya namun tidak ada salahnya kalian untuk coba coba Tulisan Berjalan atau Marquee ini untuk sedikit menambah modifikasi tampilan blog kalian.

Sebagai tindak lanjut dari blog blog sebelumnya maka saya akan kembali mengingatkan atau mengulas Cara Membuat Tulisan Berjalan Di Blog.

Buat sobat yang ingin mencobanya silahkan ikuti tutorialnya di bawah ini.


1. Login terlebih dahulu ke akun blog sobat.
2. Pilih menu Tata Letak kemudian pilih HTML/Javascript.
3. Silahkan copy salah satu kode marquee di bawah ini sesuai selera kalian.


 Tulisan dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>


Hasilnya
Contoh Tulisan Berjalan Dari Kanan Ke Kiri




 Tulisan dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasilnya
Contoh Tulisan Berjalan Dari Kiri Ke Kanan



Tulisan bolak balik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


Hasilnya
Contoh Tulisan Berjalan Bolak Balik


Tulisan dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


Hasilnya
Contoh Tulisan Berjalan Dari Atas Ke Bawah




Tulisan dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


Hasilnya
Contoh Tulisan Berjalan Dari Bawah Ke Atas



Tulisan diagonal zigzag memantul
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

Hasilnya
Contoh Tulisan Berjalan Zigzag Memantul



Tulisan diagonal zigzan menembus
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

Hasilnya
Contoh Tulisan Berjalan Ziagzag Menembus



Tulisan berjalan dengan latar merah
<marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>


Hasilnya
Contoh Tulisan Berjalan Dengan Latar Merah



Demikian tutorial kali ini tentang Cara Membuat Tulisan Berjalan Di Blog semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

Rabu, 24 April 2013

Cara Membuat Efek Daun Berjatuhan Di Blog

Cara Membuat Efek Daun Berjatuhan Di Blog itulah yang akan di bahas oleh hansmjkcommunity,blog adalah suatu alat media untuk berbagi dengan sesama oleh karena itu kita harus memberikan keindahan dan kenyamanan blog kita salah satu caranya memasang berbagai macam efek blog,seperti Cara Membuat / Memasang Burung Twitter Terbang Di Blog dan yang lainnya,namun kita harus waspada terhadap blog kita jangan sampai dengan di pasangnya berbagai macam efek justru blog kita menjadi berat.

Mungkin pada pembahasan ini yaitu Cara Membuat Efek Daun Berjatuhan Di Blog sudah banyak yang membahas terlebih dahulu tapi tidak apalah saya cuma bertujuan untuk sekedar berbagi sama kalian semuanya,nah buat kalian yang ingin mencobanya Cara Membuat Efek Daun Berjatuhan Di Blog bisa dilihat tutorialnya di bawah ini ya.

Dalam hal ini ada dua cara untuk Membuat Efek daun Berjatuhan.

Cara Pertama

* Seperti biasa sobat harus login dulu.
* Pilih menu Tata Letak kemudian klik Add Gadget dan pilih HTML/Javascript.
* Silahkan copy script di bawah dan pastekan pada HTML/Javascript pada bagian konten.


<script src='https://hanmjlkcommunity.googlecode.com/files/
hansmjlkcommunity.js'/> 

Jika cara pertama tidak berhasil gunakan cara kedua



Cara Kedua

* Pilih menu Template > Edit HTML,selanjutnya cari kode </head>

* Copy script di atas dan letakan di atas kode </head>.

Setelah semuanya beres lalu save dan silahkan lihat hasilnya.


Gimana gampang kan Cara Membuat Efek Daun Berjatuhan Di Blog,kalau sudah berhasil saya ucapkan selamat dan terima kasih atas kunjungannya.

Cara Membuat / Memasang Burung Twitter Terbang Di Blog

Cara Membuat / Memasang Burung Twitter Terbang Di Blog,kita jumpa lagi masih bareng hansmjlkcommunity,pada pertemuan lalu saya sempat sedikit membahas tentang berbagai macam efek seperti Efek salju Di blog Efek Daun Berjatuhan Di Blog dan banyak lagi,perlu kita ketahuai memberikan berbagai macam efek di blog seperti halnya Burung Twitter Terbang Di Blog cukup penting kita pasang demi memberikan keindahan pada blog yang kita miliki,namun sebelumnya kita harus lihat dulu posisi blog kita jangan sampai di pasang berbagai macam efek berakibatkan blog menjadi berat.

Cara Membuat / Memasang Burung Twitter Terbang Di Blog itulah yang akan saya bahas pada pertemuan kali ini,dengan adanya tampilan burung twitter terbang di blog kesana kemari membuat blog kita semakin enak di pandang,terutama tujuan kita yaitu agar para pengunjung merasa tertarik dan betah berada di blog kita denagn di suguhkannya berbagai macam tampilan blog yang begitu indah.Meski telah banyak yang membahas masalah ini,namun tidak ada salahnya saya sedikit bebagi dan mengingatkan kembali pada kalian siapa tau aja ada yang lupa....hehehehe.


Buat sobat yang ingin mencobanya tentang tampilan burung twitter terbang di blog bisa kalian lihat cara caranya dibawah ini.


1. Langkah pertama sobat login dulu.
2. Pilih menu Tata Letak lalu Add Gadget Pilih HTML/Javascript
3. Copy script di bawah dan pastekan di HTML/Javascript pada kolom konten.


<!-- floating twitter Bird -->
<script type="text/javascript"
src="https://hanmjlkcommunity.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCjaT9zbsM3MLqsD76hm1M0i9_0tWRkiOQq_0VY73GPlh71fGwpmBoi6isnpmYO00g3RwMnUcTqAPQ4Abrz_1pPBX8hPzeNdXS7c4nsspTaBh5_tBTfD4yvFe5-uaqwqGXMZ_I57gisI/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://hansmjlkcommunity.blogspot.com/";
tripleflaplnit();
</script>

Keterangan : Untuk tulisan yang berwarna merah merupakan kode warna burung,bila ingin di ganti warna burung nya silahkan pilih kode scriptnya di bawah.

4. Terakhir save dan silahkan lihat hasilnya.

 Untuk pilihan warna burung twitter lihat script di bawah ini.



Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZlOu5QqM_tc0hjv5evt3P-S5DKwd5TgUzzC5T7dLhMA9vUO-5-PMOpRoijFGnKQXRn6oeYKxJPFHRbRBsbgEksQpXzSETGBN_QLENwAjS3wEbyzFqjRpCPTBBhaEaF-oasHogToYqFT4/s1600/yellow+bird.png

Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqeIGHrRFzvNR58IJs4FYT5Twyb-m5Tdz8C-PbfeVobmFTUNGEds22aoIxhyACg-eZ9uhjhoekJA2EYz6K_TUjCJ-NX-U6KtjYAyfAzSlUIe-gPdhSHNZwJpJKAuZ7RMcvqAg2n7TRjus/s1600/black+bird.png

Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNhyphenhyphenhQD881XykWVtCqjskbwfTg_HKSeWK-EMJyWR5GqKvp0K7ZHYlckh69AuOuWL-ZzGHXBDY6ERlZAgJDDiYVtJysf0NZoo486-P8GA2yM6LfnjfISRrFmpK5xYVrfSyrboOyn-xT-g/s1600/Blue+bird.png

Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0U7aDdO1Aek2ptJUTgl0ypDhemb5qkQsuLU4Q-xD1a3zqvirjdUBWJG4WUFyhO9XB7-lv7avSlZHDAKtheC9Op_r2cc3YNRqSmxGG__oHOJea3Us1k-LlhR1gWDjmLFc9nMSdLHtx-Y/s1600/brown+bird.png

Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1Acu5KsTqSpjXpvQ9IwYag8A8fgFCIb8XLpYf5oC1B4khoQ7YI1WBK2YRK469oUV_4YffjOO4kOrQ1AJfqrZsb4QZo2ZLFPyEh_zBwXy-dUcwMXHG1MDlnUbw2P2Df68rZtsYdTx100/s1600/Green+bird.png

Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk16a1zPg_9BJKsHCZhQO8gpjcSKAZrj6nyANxIv88Pzl11NO9FRHEUHzdYAhfVSrrJpwIHku35vvOB-VhrTIjzO_HT0qD2h71aiPlbKolVOsHzwZ3Q-AL50etoN-hIxVUxtDCX1d_ikA/s1600/purple+bird.png

Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNcafXoSsfbfBiobbiWsoJ2czjvDhr_kvW1uHIdR8F6_BtDE_yH1euT0Rus7OxHBZyV1VqOX_LbPp5A8Fz96EvAePFcZMOfmYILeYU-jp-jjmCvcbuDAylL2I5Dn0SE6iDyGzGv9ycOU/s1600/white+bird.png

Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjhmO4-hStxdyi313tNpwLhO5Z6D0Fs6GY_YVO_mS_aAZDAhnKcYckq2y7wbCVTEnVGUTk-uwwjqQer4EkHV5me-Pd7WaGqnbXsaNx68WET6dGTHDrQh0vQzeqFHBAhfRjrA4gx03mn2A/s1600/red+bird.png


Demikian pertemuan kita pada pembahasan Cara Membuat / Memasang Burung Twitter Terbang Di Blog,semoga dapat bermanpaat buat semuanya dan saya ucapkan terima kasih atas partisipasinya.

Minggu, 21 April 2013

Jelang Laga MotoGP Austin of The America 22 April 2013


Setelah melakukan uji latihan selama tiga hari berturut turut team andalam repsol honda mendominasi waktu tercepat.Marc Marquez selalu menempati waktu tercepat di susul oleh pembalap senior repsol honda dany pedrosa,sementara untuk tim unggulan yamaha jorge lorenzo menempati posisi ketiga dalam sesi latihan yang di ikuti oleh sang the doctor valentino rossi.

Jorge lorenzo sebagai pemenang dalam balapan motor seri pembuka qatar berharap supaya bisa naik podium kembali meski dia rasa sangat sulit menghadapi team saingannya repsol honda.

Austin bisa di sebut sirkuit paling sulit ujar lorenzo karena dengan adanya trek lurus yang sangat panjang dan tikungan dengan gigi satu membuat kesempatan dari team repsol honda semakin terbuka untuk naik podium.Namun kendati demikian lorenzo tetap percaya diri menghadapi pertandingan yang akan di gelar minggu dini hari nanti.

Sementara bagi rossi sendiri dia mulai bangkit kembali setelah comeback ke team pabrikan yamaha yang sempat membawa rossi menjuarai dua tahun kebelakang,performa rossi saat tanding di sirkuit losail dinilai sangat rapih dan besar kemungkinan dia akan naik podium di sirkuit Austin

Namun tetap extra hati hati dan percaya diri itu yang harus saya miliki karena akan menghadapi pesaing pesaing tangguh seperti rekan setimnya lorenzo,rossi juga harus bisa mencegal dua pembalap lain seperti dani pedrosa dan marc marques yang di nilai sedang dalam performa terbaiknya mereka di tambah dua pembalap ini sangat rapi dalam sesi latihan dengan menempati waktu tercepat ujar rossi.

Pertarungan ini akan sangat seru dengan menghadapi lawan lawan yang sudah berpengalaman namun tetap rossi tetaplah rossi yang mempunyai segudang pengalaman dalam dunia balapa.

Update terakhir 21 april 2013 http://hansmjlkcommunity.blogspot.com