Tampilkan postingan dengan label blogger widget. Tampilkan semua postingan
Tampilkan postingan dengan label blogger widget. Tampilkan semua postingan

Sabtu, 30 Maret 2013

membuat tukar banner otomatis untuk blog

Untuk menjalin persahabatan sesama blogger,salink tukar link dan banner bisa di katakan penting karna kita bisa saling mengenal sesama blogger.mungkin di era google pinguin saat ini tradisi tukar banner/atau link sudah gak di perhatikan lagi sama para blogger.karena backlink sudah tidak di anggap istimewa lagi oleh mbah google.tapi apa salahnya kalau kita  tukar link dan banner untuk menjalin sebuah persahabatan antar blogger.dulu juga saya pernah posting membuat banner dari plugme.net Disini kita akan membuat Banner exchange otomatis dengan memanfaatkan widget dari plugboard.Bagi sobat-sobat blogger yang ingin memasang banner exchange/tukar banner secara otomatis di blog sobat caranya cukup gampang anda cukup klik gambar di bawah ini:




membuat banner



Lalu sobat aklan mendapatkan tampilan seperti berikut:




otomatis link exchange





silakan isi alamat website,alamat email,untuk format ada banyak pilihan disitu sobat bisa sesuaikan dengan keinginan sobat, dan kalau sudah selsai silakan klik get plugboard.

sekarang buka alamat email sobat yang anda masukkan tadi karena kode htmlnya dikirim di email.copy codenya selanjutnya pasang di halaman postingan sobat atau halaman statis sobat.selesai deh

 membuat tukar banner otomatis untuk blog.


Minggu, 03 Februari 2013

Cara Melindungi Gambar Pada Blog

cara melindungi gambar pada postingan blog



 anti copy paste di blog

untuk melindungi gambar anda agar tidak bisa di copas yaitu dengan cara mendisable kan clik kanan pada mouse.

Dalam hal ini ada 2 macam cara melindungi gambar pada postingan blog yaitu:

MenDisable Click kanan pada Single Image cara menerapkannya:

  setetah anda upload gambar dalam posisi edit HTML seperti ini <img border="0" height="320"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAFyHQSWrO4-evzU9E1LDmKw0-FDyg1EZq-mNeS9zgEgpL95DOtqxV-N_7eekYXPSg5YxxgEkobO5ychrmqtz_mYT1fgzj_CrEHO2YmG5Dky8CSQIRyTBOsnKreET053dEiuXW9-ZNRKpi/s320/cara+melindungi+gambar.jpg"
width="320" />
edit dan tambahkan  oncontextmenu='alert(" Gambar Dilindungi ");return false;'  setelah img jadinya seperti ini:


<img oncontextmenu='alert(" gambar di lindungi ");return false;' border="0" height="320"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAFyHQSWrO4-evzU9E1LDmKw0-FDyg1EZq-mNeS9zgEgpL95DOtqxV-N_7eekYXPSg5YxxgEkobO5ychrmqtz_mYT1fgzj_CrEHO2YmG5Dky8CSQIRyTBOsnKreET053dEiuXW9-ZNRKpi/s320/cara+melindungi+gambar.jpg"
width="320" />

setelah anda publikasikan coba klik kanan gambar anda atau coba klik kanan pada gambar di atas anda juga bisa mengganti tulisan "Gambar Dilindungi" sesuai keinginan anda.

Cara yang kedua   

MenDisable Click kanan pada semua Image


  • Pergi ke Template> Edit HTML> 

  • Lanjutkan  cari code </ head> Gunakan ctrl F untuk memudahkan pencarian  dan paste kode berikut diatas code </ head> 
     



<script type='text/javascript'>

//<![CDATA[
/*Disable context menu on images by aly-ahmad.blogspot.com */
    function nocontext(e) {
        var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
        if (clickedTag == "IMG") {
            alert(alertMsg);
            return false;
        }
    }
    var alertMsg = "maaf gambar di lindungi";
    document.oncontextmenu= nocontext;
//]]>
</script> 



Lalu simpan dan liat hasilnya  semoga berhasil Happy Blogging

Kamis, 01 November 2012

membuat kotak komentar facebook di blogger

membuat kotak komentar facebook di blogger

Sobat blogger jika anda ingin menambahkkan kotak komentar facebook di blog milik anda.

Dan letaknya berdampingan dengan komentar blogger,caranya cukup mudah hanya dengan sedikit modifikasi html pada template blog anda.

ikuti langkah-langkah untuk  membuat kotak komentar facebook di blogger sangat mudah kok sob

kyak gni ni tampilanya:







  • Langkah pertama Login ke Akun Blogger anda.

  • Pada Dasbor lalu Pilih Rancangan

  • Kemudian Pilih Edit HTML 

  • Jangan lupa untuk mencentang kolom expand template widget dulu









Copas kode berikut tepat dibawahnya  kode <div class='comments' id='comments'> pada template anda.

catatan : dan apabila terdapat dua kode <div class='comments' id='comments'> yang sama pada templet anda maka pilih lah pada kode yang ke 2

 ini dia code yang di copy:





<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='2' width='400'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>



<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='letakkan ID Fb 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>

<style>.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;}</style>





  • Dan langkah yang terahir Simpan Template dan lihat hasilnya mudah kan...jangan lupa ID Fb nya ganti dengan ID Fb anda


Mudah sekali bukan semoga suksess salam blogger.




Jumat, 09 Maret 2012

Cara mudah pasang favicon di blogger

Cara pasang favicon

Di blog kesangan anda



Favicon adalah kepanjangan dari"Favorit icon" dan berfungsi sebagai semacam simbol dari sebuah situs.Anda dapat mengganti dengan Favicon teks dari huruf pertama dari judul situs Anda atau juga anda bisa menggunakan favicon simbolis atau gambar kesayangan anda.

Bertujuan untuk menunjukkan subjek situs Anda.bahkan Anda juga dapat membuat favicon animasi. Sebelum anda memasang favicon anda harus punya iconnya dulu.

Banyak sekali sekaran tool2 online favicon generator

langkah pertama siapkan gambar untuk di jadikan icon. lalu compress gambar sehingga menjadi format ico.salah satunnya disini tempat nya

http://favicon.htmlkit.com



kalo dah selsai silakan men-download favicon

ke PC Anda silakan login ke Dashboard blog Cari widget favicon seperti ni gambarnya

sekarang klik edit disitu anda tinggal memasukkan gambar anda yg udah di persiapkan dan yang terahir simpan...dah jadi deh mudah sekali kan.

Semoga bermanfaat.

Senin, 16 Januari 2012

Cara Pasang tukar banner otomatis di blogger

Untuk postingan kali ini saya mencoba menulis sedikit tentang cara pasang widget plugme.net sobat blogger pasti sudah tau semua kan.widget ini untuk pasang banner secara otomatis gak pakai ribetkira kira gitu ...he..he...Bagi kalangan blogger pemula kaya ane ini sudah tentu lagi gencar gencarnya untuk mencari Back Link untuk menjalin persahabatan sesama blogger dan juga untuk menambah link in kita.Dengan cara tuker link dan tukar banner.tapi kita terkadang harus kerepotan pada saat mau memasang banner teman.karena kita harus mengedit halaman di mana

kita mengumpulkan banner2 teman yang lebih dulu bertukar banner dengan kita.

Tapi tenang aja.berikut ini ada cara gampang memasang banner link teman dengan sekali klik,banner link itu akan tampil di semua halaman wap kamu tanpa harus login ke wap atau blog kamu. dan bahkan pengunjung

pun bisa memasang sendiri banner linknya di wap atau blog kamu.

okelah kalou begitu.menurutku ini adalah sebuah cara yang sederhana yang berdampak besar bagi kemajuan blogkita kira kira gitu,itu kita bisa dapatkan dengan gratis sobat di www.plugme.net





Untuk langkah Pertama

Silakan register klik disini untuk register

dan langkah selanjutnya pilih " Click Here To Get Your Free Plugboard.





Isi Formulir yang disediakan dengan lengkap.







jika form sudah terisi lalu

klik Register untuk pendaftaran.

jika sudah berhasil langkah selanjutnya

silakan anda login dengan Username dan

password anda.

lalu klik setting dan isilah

data-datanya sesuai

kehendak atau keinginan

anda. untuk mengatur target jumlah

banner link teman yang pengen kamu tampung dan ukuran banner yang akan kamu

tampilin di wap kamu.

ada beberapa ukuran tampilan

yang bisa kamu pilih

antara lain:

88x31

50x50

80x15 dan

468x60

Jika sudah lalu klik Save

changes.

Untuk Mendapatkan kode Html-nya

cukup pilih Html Code, Didalam Html

Code tersebut anda diberikan 2 pilihan

Kode, jadi anda bisa pilih salah

satunya .contohnya seperti gambar

ini.



Untuk Tempat peletakkannya , anda

bisa taruh di Postingan , laman , Sidebar

atau terserah anda. Mudah bukan he..he.. okeylah kalo begitu sekian dulu dari saya and happy blogging.