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.