Langsung ke konten utama

Kumpulan 7 Script Blogger 2013

Script Agar Tulisan Menyertakan Sumber Ketika di copy

Script Read More Berjalan

Script Untuk Menambahkan Rich-Snippet

Script Untuk Membuat Box dengan Opacity (Transparan)

Script Menambah Jendela Baru Ketika Web Dibuka 

Script Menambah Popup Selamat Datang 

Script Menambah Tombol Like Di Akhir Postingan  

Dalam pengembangan blog ini ada beberapa script yang sangat membantu antara lain:

1. Script Agar Tulisan Menyertakan Sumber Ketika di copy

Mau agar setiap orang yang mengcopy tulisan kamu tidak lupa dari mana tulisan ini berasal.
silahkan gunakan scrip ini yang aku sharekan dari http://buka-rahasia.blogspot.com


<script type="text/javascript">

function addLink(){var a=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/> Sumber: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>terimakasih telah mengunjungi alamat blog kami";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="-99999px";a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink

</script>


langkah-langkahnya:

a. Copy script di atas
b. Ganti teks pada bagian script yang berwarna merah sesuai dengan keinginan anda
c. Buka dashboard > template > Edit HTML
d. Letakkan di bagian body (antara <body> dan </body>). Agar tidak mengganggu kinerja script lain dan dimuat belakangan, letakkan tepat di atas </body> saja. Tag tersebut ada di bagian paling bontot alias paling bawah sebelum tag penutup </html>, jadi langsung scroooooooolll aja, bablaaaassss ke bawah.
e. Save template and done. 


2. Script Read More Berjalan

 :Cari kode html     <data:post.jumpText/>
 dengan menggunakan Ctrl + F. 
Setelah ditemukan, hapus kode tersebut berikut kode di bagian atas dan bawahnya yang bentuknya seperti ini :

<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<data:post.jumpText/>
</a>

Kode html Baru Read More Berjalan :

<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/button/ReadMoreAnima.gif' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/>
</a>
</marquee>


SAVE Template: Jangan lupa KLIK "Simpan Template"

(sumber: http://gubhugreyot.blogspot.com/2010/05/read-more-berjalan-dengan-efek-marquee.html|diakses pada 18-01-2013)


3. Script Untuk Menambahkan Rich-Snippet

  • Cari kode <data:post.body/>
  • Pasang kode di bawah ini tepat setelah kode <data:post.body/> (biasanya masing-masing template berbeda, ada yang cuma satu <data:post.body/>, ada yang lebih dari satu. Buat yang lebih dari satu, pasang saja semuanya ... daripada bingung)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img itemprop='photo' src='URL GAMBAR PROFIL ANDA' /></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><data:post.title/></span><br />
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>10</span>
      out of <span itemprop='best'>10</span>
    </span>
    based on <span itemprop='votes'>24</span> ratings.
    <span itemprop='count'>5</span> user reviews.<br />
Ditulis Oleh <data:post.author/><br /><br />
Terima Kasih Atas Kunjungan Anda...</div>
</div>
</div>
</b:if>      
  • Perhatikan kode yang tercetak merah di atas. Kode itu terlebih dahulu harus diubah menjadi URL gambar foto yang anda inginkan.
  • Jika sudah selesai silahkan klik Simpan Template
 (sumber: http://trikmudahseo.blogspot.com/2012/07/rich-snippet-bintang-lima-dengan-foto.html|diakses pada 18-01-2013)


Script Untuk Membuat Box dengan Opacity (Transparan)

.boxwidget {
      height: 250px;
      overflow: auto;
      margin: 20px 4px 10px;   
      padding: 15px 8px;
      background: #111;
      color: #666; 
      border: 2px solid #555;
      border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
      opacity: 0.4;
      filter:alpha(opacity=40);
     -o-transition: all ease-in 1.2s;
     -moz-transition: all ease-in 1.2s;
     -webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
      background: #660000;
      color: #eee;
      opacity: 1.0;
      filter: alpha(opacity=100);
}
 
 
  • Simpan script diatas CSS di atas kode ]]></b:skin>
    • Simpan xHTML melalui dibawah ini
    di antara tag pembuka <body> dan tag penutup </body>. 
     
    <div class="boxwidget">
    Di sini widget atau Teks diletakkan!
    </div> 
 (sumber:http://gubhugreyot.blogspot.com/2010/12/jika-sampeyan-mencermati-beberapa-box.html|diacces pada 19-01-1=2013)
 
 
5. Script Menambah Jendela Baru Ketika Web Dibuka 
 
 a. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
 b. Cari kode <body> 
 c. Dan letakkan kode berikut dibawah kode <body> 
 
 <script type='text/javascript'>
 var popurls=new Array()
 popurls[0]='http://ilmubloggersyahdan.blogspot.com/'
 popurls[1]='http://ilmubloggersyahdan.blogspot.com/2012/07/pasang-iklan-murah.html'
 popurls[2]='http://google.com/'
 function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
 openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
 </script> 
 
 d. Simpan template kamu. 
 Keterangan: Jika kamu memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan, ganti yang berwarna merah dengan halaman pop up kamu sendiri. 
 Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.  
 
 Demikianlah postingan mengenai cara membuat popup window di blog. Semoga bermanfaat buat semua.

(Sumber: http://ilmubloggersyahdan.blogspot.com/2012/12/cara-membuat-popup-window-di-blog.html#ixzz2IOLAin1I|diakses pada 19-01-2013)


 
6. Script Menambah Popup Selamat Datang 
Masukkan kode di bawah ini tepat di atas kode </head> ganti tulisan warna merah dengan kata-kata kita  

<SCRIPT language='JavaScript'>alert("selamat datang");</SCRIPT>

Selanjutnya save dan selamat mencoba, hasilnya seperti diatas
(Sumber: http://penowo.blogspot.com/2011/07/cara-membuat-popup-message.html |diakses pada 19-01-2013)


7. Script Menambah Tombol Like Di Akhir Postingan 
 
a.Cari Kode :
<data:post.body/>
b. Letakan kode berikut tepat dibawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>
c. Simpan Template.


bisa juga di bawah judul
a. Kode Pertama, Tombol Like Vertikal Dengan Count (Hitungan)



<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
b. Kode Kedua, Tombol Like Horizontal Dengan Count (Hitungan)


<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
c. Kode Ketiga, Tombol Like Tanpa Count (Hitungan)


<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

Cari kode <data:post.body/> Setelah ketemu pilih salah satu kode dari tiga kode yang \ saya berikan, dan letakan diatas kode tersebut


 (sumber:http://cirebon-cyber4rt.blogspot.com/2012/11/cara-memasang-tombol-like-di-setiap.htmldan
http://blazerracing.blogspot.com/2012/05/cara-membuat-tombol-like-facebook.html) 
 
Untuk membuat kotak like dipojok kanan bawah baca post 
ini http://n-a-s-system.blogspot.com/2013/01/facebook-recommendation-bar-di-blogger.html 

Komentar

Posting Komentar

Tiada gading yang tak retak, saran dan masukan Anda akan sangat membantu kami. Budayakan Membaca Sampai Akhir, Jika ada yang masih kurang jelas, Anda dapat menuliskannya pada kolom komentar di bawah ini atau melalui Contact Us di bagian blog ini.
1. Centang kotak Notify me untuk berlangganan.
2. Setiap Komentar yang masuk akan kami moderasi, sebelum tampil dipublish.
3. Patuhi pedoman berkomentar dengan sopan santun dan menghargai pendapat orang lain.
Semoga kedepannya kita dapat bekerja sama dengan baik!
Salam Sukses dan Bahagia.

Postingan populer dari blog ini

Pengertian dan Peran dari Forkopimda Forkopimcam, Muspida, hingga Muspika

Masih banyak yang bertanya-tanya, apa itu arti dari Forkopimda, Forkopimcam, Muspida, dan Muspika? Serta apa peran mereka dalam pemerintahan? Kali ini kita akan bahas pengertian dan peran apa itu Forkopimda Forkopimcam, Muspida, dan Muspika. Serta perangkat yang terlibat dalam setiap kelompok forum atau musyawarah tersebut. Selain untuk menambah wawasan pengetahuan, ini juga penting untuk pemahaman kita mengetahui peranan mereka yang terlibat dalam urusan pemerintahan. Semua perangkat tersebut memiliki funsi yang saling berhubungan satu sama lainnya. Pada fungsi koordinasi antar unsur forkopimda dalam pelaksanaan pembangunan dan penyelesaian masalah-masalah aktual di daerah. Agar terbangun konektivitas antar pusdalsis kabupaten/kota dan provinsi. Hal itu bisa terjalankan dengan adanya kerjasama dan relasi bersama Forkopimcam. Merujuk pada Undang-undang Nomor 23 tahun 2014 pasal 26 tentang Pemerintah Daerah. Demikian juga Komunitas Intelejen Daerah (kominda) melaksanakan perannya sebaga

Kisi-Kisi Matematika PAS Kelas XI Semester Ganjil

 Kisi-Kisi Penilaian Akhir Semester Ganjil  Soal Penilaian Akhir Semester (PAS) Ganjil TP. 2020/2012 sudah di setor ke IT SMKN Tempursari semoga bisa lancar dan bermanfaat. Ada perbedaan dengan soal tahun-tahun sebelumnya, yaitu ada 2 soal AKM dari 20 soal yang saya buat. Harapan saya melalui ujian ini selain menambah pengetahuan juga meningkatkan karakter kita sebagai sebagai manusia yang berharap menjadi pribadi yang sukses. Berikut ini kisi-kisi mulai dari kelas 10, 11 dan 12. Scroll terus ke bawah ya. #biasakankomentarPositif   Kelas 11 (Kisi-Kisi  + Contoh Soal)  Mata Pelajaran: Matematika   Kelas                   : XI Jumlah Soal    : 20 Jenis Soal        : Pilihan Ganda Waktu                  : 45 Menit   1. Suatu pekerjaan dapat diselesaikan selama 2 minggu oleh 8 orang. Jika hanya ada 7 orang dan ongkos tenaga sehari per orang Rp. 10.000,00 maka biaya yang harus dikeluarkan untuk membayar ke 7 orang tersebut adalah ... Rp. 1 120.000,00

Kisi Kisi Matematika PAS Kelas 12 Semester Ganjil

 Kisi-Kisi Penilaian Akhir Semester Ganjil  Soal Penilaian Akhir Semester (PAS) Ganjil TP. 2020/2012 sudah di setor ke IT SMKN Tempursari semoga bisa lancar dan bermanfaat. Ada perbedaan dengan soal tahun-tahun sebelumnya, yaitu ada 2 soal AKM dari 20 soal yang saya buat. Harapannya melalui ujian ini selain menambah pengetahuan juga meningkatkan karakter kita sebagai sebagai manusia yang berkepribadian sukses. Berikut ini kisi-kisi mulai dari kelas 10, 11 dan 12. Scroll terus ke bawah ya. #biasakankomentarPositif Kelas 12 (Kisi-Kisi  + Contoh Soal) Mata Pelajaran: Matematika   Kelas                   : XII Jumlah Soal    : 20 Jenis Soal        : Pilihan Ganda Waktu                  : 45 Menit Contoh :  1. Diketahui kubus ABCD.EFGH, salah satu bidang diagonal pada kubus tersebut adalah… Bidang BCGF Bidang ABCD Bidang ADHE Bidang CDHG Bidang DBFH 2. Diberikan barisan aritmatika 2, 5, 8, 11, …, 68. Banyaknya suku barisan t