acara pernikaha

pernikahan kami Siti Ma'wa dengan Abu Bakar Alamin dilangsungkan pada tanggal 5 April 2015
»»  READMORE...

Cara Memasang Star Ratings Widget Pada Custom Blogger Template

Pada template blogger yg tidak disediakan oleh Blogger sendiri, star ratings tidak akan muncul meskipun sudah diaktifkan dengan cara seperti di atas. Hal ini karena pada template Blogger yg disediakan oleh pihak ketiga tidak diberikan script serta HTML star ratings. Melihat hal demikian, saya mencoba menengok template-template resmi Blogger dan menemukan beberapa bagian widget star ratings. Sebagai uji coba, saya kemudian mengekstraknya & mengaplikasikannya pada template blog ini.
Ada dua langkah penting untuk memasang star rating blogger:
  • Memasang Kode HTML star ratings:
1. Aktifkan terlebih dahulu fitur star ratings seperti cara di atas. Apabila tidak ditemukan, akses dashboard melalui draft.blogger.com. Save.
2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".
3. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/>di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya: (gunakan Ctrl+F), letakkan kode berikut
<div class='star-ratings' style='float:right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if></div>
Note:
-Apabila anda telah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode di atas </b:if>.
- Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.
  • Memasang Script star ratings:
1. Masih pada edit HTML, cari <b:include name='feedLinks'/>, letakkan script berikut di bawahnya:
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Note: Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.
2. Save template.
Blogger star ratings akan muncul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & perhatikan posisi widget agar sesuai dengan template blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna & sesuai keinginan.

Have a nice blogging * Have a nice learning!
»»  READMORE...

Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara Otomatis di Blogspot

Memasang Dinamik Meta Tag pada Setiap Posting Otomatis di blogspot - Ketemu lagi dengan artike terbaru panduan sukes blogger. kali ini Panduan sukses blogger membahas Cara Menambah Dinamik Meta Tag di Setiap Postingan Secara Otomatis. Teknik ini sangat berguna untuk optimasi on page karena setiap postingan kita akan memiliki meta deskripsi yang berbeda antara satu postingan dengan postingan lainnya tanpa perlu repot-repot menambahkan satu-satu pada setiap postingan secara manual. Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.

Ok, langsung saja, berikut cara pemasangannya.

Berikut ini Cara Menambahkannya:
1. Login dulu ke blogger.com, lalu ke Tata Letak > Edit HTML
2. Kemudian cari kode berikut:

<title><data:blog.pageTitle/></title>

3. Sudah Ketemu, hapus lalu ganti dengan kode berikut :
<b:if cond='data:blog.url == &quot;http://alamatblogsobat.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='description' content='isi dengan deskripsi untuk homepage blog sobat'/>
<meta name='keywords' content='isi dengan kata kunci untuk homepage'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

4. Kemudian Simpan
5. Selesai

Semoga artikel Cara Memasang Dinamik Meta Tag Pada Setiap Postingan Secara Otomatis di Blogspot bermanfaat buat sobat semua dan salam sukses....
»»  READMORE...

Cara Pasang Widget di Blog

Biar ga ketinggalan informasi era digital, pasang widget berita di blog sobat khan lumayan sambil blogging bisa dapat berita terbaru lewat rss feed-nya detik.com, kaskus.us dan kompas.com... Selain itu widget ini juga membuat blog sobat semakin dinamis dengan update berita terkini seputar tekno-blogging. Wah... pengunjung blog sobat makin betah deh berkunjungnya. Gimana makin keren khan infonya.
Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari rss feed detik.com, kaskus.us dan kompas.com, walaupun sederhana tapi lumayanlah buat memanjakan pengunjung blog sobat.
Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita silakan kunjungi rsspump.com atau jika ingin menggunakan widget berita seperti punya saya silakan disimak tutorialnya...
Oke...langsung aja ke TKP
  1. Seperti biasa...Login dahulu ke blog sobat.
  2. Klik "Design" kemudian klik "Add Gadget".
  3. Pilih "HTML/JavaScript".
  4. Copy-Paste kode berikut ini di kotak postingan gadget.
 <div style='font-size:120%;color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:center; overflow:hidden; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'>
<table width=100%><tr><td width=18px><img src="http://www.detik.com/image/detikcom.ico"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=14b2ac00-190d-44e1-9452-7034fe992459&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=08407b33-3621-4e00-88be-a5c816b539a9&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe></td></tr>
<tr><td width=18px><img src="https://lh5.googleusercontent.com/-eg38YIRf_tU/TqzlDgHqXsI/AAAAAAAAAZc/wJ6tqp7ogCs/s800/Kompas.png"/></td><td><iframe src="http://s1.rsspump.com/rss.aspx?s=95d5f2c1-852c-44f3-bcbb-00a36b62d0c3&amp;speed=2&amp;t=0&amp;d=1&amp;u=0&amp;p=1&amp;b=0&amp;ic=9&amp;font=Verdana&amp;fontsize=14px&amp;bgcolor=&amp;color=FFFFFF&amp;type=static&amp;su=0&amp;sub=0&amp;sw=0" frameborder="0" width="100%" height="18" scrolling="no" allowtransparency="true"></iframe>
</td></tr>
</table>
</div> <span style="font-size: 80%; float:right;;margin-top:5px;"><a href="http://monozcore.blogspot.com/2011/10/cara-pasang-widget-berita-di-blog.html" target="_blank">Get this widget</a></span>
this widget</a></span>

  • Klik "Save" dan lihat hasilnya...
  • Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.


  • »»  READMORE...

    Cara memasang Burung Twitter di sudut Blog

    Dalam posting ini,saya akan berbagi kepada anda tentang cara memasang Burung Twitter yang berada di Sudut Blog.Burung Twitter ini bisa bergerak,terjatuh,dan mengangkat papan "Follow Me" untuk melayani anda.Nah,untuk memasangnya,ada kode script yang harus anda copykan di HTML / JavaScript anda.Kode Scriptnya ada di bawah ini :

    <a style="display:scroll;position:fixed;bottom:1px;left:1px;" href="http://twitter.com/Billy_Halim"; target="_blank"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"; height="159" width="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=http://twitter.com/Username Twitter Anda" /></object></a>;

    Ganti tulisan yang berwarna merah dengan username twitter anda.

    Hasilnya akan seperti di sudut blog saya


    Selesai dan Semoga Bermanfaat
    »»  READMORE...

    Cara Menambahkan Efek Teks pada Cursor Mouse


    Yang dimaksud Efek Teks pada Cursor adalah ketika Cursor atau mouse kita gerakkan, maka akan muncul sebuah efek yaitu Cursor yang bergerak diikuti oleh deretan teks. Dan teks tersebut terserah kita, mau di beri tulisan apa saja. Cara buatnya mudah, silahkan anda ikuti langkah berikut bila anda berminat :
    1. Login ke blogger dengan ID anda.
    2. Klik Rancangan dan pilih Elemen Laman







    3. Tambah Gadget



    4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript







    5. Copy dan paste kode script dibawah ini pada gadget tersebut :
    <script language="javascript">


    // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
    var text='Ganti dengan Teks yang anda suka';

    var delay=40; // SPEED OF TRAIL
    var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
    var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
    var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
    var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
    var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

    //********** NO NEED TO EDIT BELOW HERE **********\\

    ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
    ie4 = (document.all && !document.getElementById)? true : false;
    ie5 = (document.all && document.getElementById)? true : false;
    ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
    var txtA=new Array();
    text=text.split('');
    var x1=0;
    var y1=-1000;
    var t='';

    for(i=1;i<=text.length;i++){
    t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
    t+=beghtml+text[i-1]+endhtml;
    t+=(ns4)? '</layer>' : '</div>';
    }
    document.write(t);

    function moveid(id,x,y){
    if(ns4)id.moveTo(x,y);
    else{
    id.style.left=x+'px';
    id.style.top=y+'px';
    }}

    function animate(evt){
    x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
    y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
    }

    function getidleft(id){
    if(ns4)return id.left;
    else return parseInt(id.style.left);
    }

    function getidtop(id){
    if(ns4)return id.top;
    else return parseInt(id.style.top);
    }

    function getwindowwidth(){
    if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
    else return window.innerWidth+pageXOffset;
    }

    function movetxts(){
    for(i=text.length;i>1;i=i-1){
    if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
    moveid(txtA[i-1],0,-1000);
    moveid(txtA[i],0,-1000);
    }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
    }
    moveid(txtA[1],x1,y1);
    }

    window.onload=function(){
    for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
    if(ns4)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=animate;
    setInterval('movetxts()',delay);
    }
    </script>
    Catatan :
    Silahkan ganti tulisan berwarna merah dengan tulisan atau teks yang anda suka.

    6. Simpan.

    Selamat mencoba dan lihat hasilnya, semoga bermanfaat....
    Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.
    »»  READMORE...

    Cara Pasang Script Alert pada Blog

    Script Alert Pada Blog – Memasang script alert pada blog bisa kita gunakan sebagai salah satu solusi untuk memberikan pesan atau imbauan tertentu kepada para pembaca blog kita. Pemberian pesan yang ditampilkan dalam alert ini cukup efektif karena pesan akan muncul di saat pertama kali pengunjung membuka halaman blog kita. Sehingga, pesan yang ingin disampaikan akan lebih efektif untuk dibaca.

    Pemberian alert pada blog ini dapat kita gunakan untuk memberikan pesan pada momen atau peristiwa tertentu. Misal, saat tahun baru tiba kita dapat memberikan alert di blog yang isinya ucapan tentang selamat tahun baru kepada para pembaca kita. Selain terlihat atraktif, pemasangan alert di blog ini juga dapat lebih merekatkan komunikasi antara kita sebagai pemilik blog dengan para pengunjung jika isi dari pesan yang kita sampaikan bersifat informatif atau sekadar menyapa.

    Pemasangan alert ini cukup menempelkan script alert di blog. Selanjutnya, pesan yang disampaikan akan muncul ketika pertama kali pembaca membuka halaman blog kita.

    Adapun cara untuk pemasangan alert di blog ini adalah sebagai berikut:

    Masuk ke dalam akun blogger kita.

    Klik rancangan.

    Klik tambah gadget.

    Pilih HTML/JavaScript.

    Masukan kode berikut.


    <script type="text/javascript">
    alert('Pesan Alert')
    </script>


    Klik simpan dan selesai.

    Keterangan:

    Ganti  Pesan Alert dengan pesan yang ingin kita sampaikan melalui alert kepada pengunjung di blog kita.

    Kita juga harus bijak dalam menentukan apakah perlu untuk memasang alert di blog atau tidak. Jangan sampai pemasangan ini mengganggu fokus pembaca dalam mengunjungi
    blog kita hingga membuat mereka merasa kesal karena tampilan alert yang mengganggu.

    Pemasangan alert lebih bagus dipasang pada blog yang isi kontennya bersifat kontroversial, sehingga perlu ada peringatan dini kepada pengunjung sebelum membukanya. Pemasangan alert ini juga bisa dipasang untuk sementara waktu. Misal, untuk memperingati momen tahun baru, hari raya nasional, dan hari raya keagamaan.

    »»  READMORE...