Home  ·  About  ·  Disclaimer  ·  Contact  ·  Sitemap

Home » Posts filed under Widget Blog

Showing posts with label Widget Blog. Show all posts
Showing posts with label Widget Blog. Show all posts

Update Cara Menampilkan Komentar Terbaru di Blog

Pada artikel sebelumnya telah kami tuliskan cara menampilkan komentar terbaru di blog akan tetapi kode tersebut tidak dapat digunakan lagi pada blog. Pada kesempatan ini kami akan meng-update kembali cara menampilkan komentar terbaru di blog tentunya dengan kode yang dapat dipasang pada blog Anda.


Berikut langkah cara menampilkan komentar terbaru di blog Anda :

1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak >> klik Tambahkan Gadget.
3. Cari dan pilih widget HTML/JavaScript.
4. Kemudian copy paste kode berikut pada halaman widget HTML/JavaScript.
<script type="text/javascript">
var a_rc = 3;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}} </script><script src=https://blogatap.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script> <style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>
Keterangan :
var a_rc = 3; Jumlah komentar yang akan ditampilkan.
src = https://blogatap.blogspot.com; Ganti dengan alamat URL blog Anda.

5. Kemudian Simpan.

Nah, setelah Anda ikuti satu persatu langkah tersebut bisa Anda cek hasilnya pada halaman blog Anda. Semoga berhasil dan bermanfaat!
Selengkapnya...
Label:

Cara Memberikan Label pada Posting Blog

Anda baru saja membuat blog dan ingin memberikan label pada posting? Sebelum kita membahas cara memberikan label pada posting, apakah fungsi label pada blog itu sendiri? Label berfungsi untuk mengelompokkan posting/artikel berdasarkan kategori atau tema yang sama untuk mempermudah pengunjung mencari posting berdasarkan kategori.


Berikut langkah cara memberikan label pada posting blog :

1. Login akun blogger Anda.
2. Pilih Entri baru, tuliskan postingan Anda pada halaman Entri.


3. Kemudian setelah selesai membuat posting blog, klik Label pada menu sebelah kanan halaman.


4. Tuliskan Kategori atau Label posting Anda tersebut, misalkan posting tersebut berisi tentang pembuatan blog dan edit blog bisa Anda tulis label Tutorial Blog dsb.
5. Kalau sudah klik Selesai, kemudian Publikasikan posting Anda.

Nah, sekian cara memberikan label pada posting blog. Semoga bermanfaat!
Selengkapnya...
Label:

Menambahkan Scroll pada Widget Arsip Blog

Jika dalam sebulan kita mampu memposting blog setiap hari, bagi Anda yang menggunakan widget arsip blog pastinya tampilan widget akan memanjang ke bawah. Kadang hal seperti ini akan memperjelek tampilan arsip blog karena terlalu memanjang ke bawah. Solusinya kita pasang atau tambahkan scroll pada arsip blog.


Berikut langkah cara menambahkan scroll pada widget arsip blog :

1. Login akun blogger Anda.
2. Pilih menu tab Tema, kemudian klik Edit HTML.
3. Setelah itu letakkan kursor pada area kode HTML, klik Ctrl + F.
4. Silahkan masukkan/cari kode ArchiveList.
5. Kemudian letakkan kode dibawah ini sebelum kode ArchiveList.
<div style='overflow:auto; width:ancho; height:250px;'>
6. Kemudian cari kode <b:include name='quickedit'/> letaknya tidak jauh dari ArchiveList dan letakkan kode </div> sebelum kode tersebut.
7. Berikut contoh kode yang sudah dicopy pada template blog.
<div style='overflow:auto; width:ancho; height:250px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
<b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
<b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
</div>
</div>
<b:include name='quickedit'/>
Keterangan :
Ganti ukuran tinggi scroll atau widget yang akan Anda pasang berwarna biru.

8. Kemudian Simpan template.

Nah, semoga bermanfaat!
Selengkapnya...
Label:

Cara Memasang Google Translate pada Blog

Blog Anda berbahasa Indonesia? Bagaimana jika pengunjung blog Anda tidak bisa berbahasa Indonesia? Google translate akan sangat dibutuhkan bagi pengunjung blog Anda yang mungkin berasal dari luar negeri yang tidak bisa dan memahami bahasa Indonesia.

Bagaimana cara memasang Google Translate pada blog Anda :

1. Login akun blogger Anda
2. Pilih menu tab Tata Letak, kemudian klik Tambahkan Gadget pada baris sidebar Anda.


3. Kemudian cari dan pilih gadget Terjemahan.


4. Akan muncul halaman widget Terjemahan, atur tampilan Google Translate.


5. Kemudian klik Simpan.

Nah, sekarang Anda dapat mengubah tampilan blog Anda menjadi berbagai bahasa, tentunya pengunjung yang berbeda bahasa tidak kesuliatan untuk menerjemahkannya lagi.
Selengkapnya...
Label:

Cara Memasang Kamera di Sudut Blog

Anda sedang mencari tutorial tentang cara memasang kamera cctv di sudut kanan atas blog? Pada kesempatan kali ini kita akan membahas tutorial tersebut. Caranya sangat mudah dan kami yakin Anda tidak akan merasa kesulitan untuk menerapkannya pada blog.

Langsung saja berikut langkah-langkah cara memasang kamera di sudut blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript. 
  3. Copy paste kode dibawah ini pada HTML/JavaScript.
    <script language="JavaScript" src="http://blogatap.googlecode.com/files/kamera%20cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2lmfkgzQIbjbSOWnYvPaSbiwpzAmZg6nQPZ7MNjbFS87z2-qWUJQUbi1_vypSNphWP3gGnUb30Emkeo66oiYd7GNTozuFMSVYlzHeBlnQy3RsDzSvWTjSBLA6_c3R8O7FqpRBlc0UYkY/s1600/cctv.gif")</script>
  4. Simpan.
Nah, sekarang lihat hasilnya di sudut kanan atas blog Anda sudah terpasang kamera cctv. Jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.
Selengkapnya...
Label:

Cara Membuat Like Box FanPage Melayang dengan Waktu

Banyak cara yang bisa dilakukan untuk membuat tampilan like box facebook page, salah satunya yaitu dengan membuat like box fanpage melayang dengan waktu. Like box fanpage melayang yang akan kita bahas nanti dilengkapi timer/waktu untuk menutup sendiri ketika countdown timer-nya sudah habis.

Sebelum Anda memasang like box fanpage, pastikan Anda sudah memiliki halaman facebook fanpage, kalau belum lihat caranya disini!

Jika Anda sudah memiliki halaman facebook fanpage, langsung ikuti cara membuat like box fanpage melayang dengan waktu berikut :
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > centang 'Expand Template Widget'. 
  3. Kemudian cari kode </body> dan letakkan kode dibawah ini tepat diatas </body>
    <!-- blogatap.blogspot.com Likebox Pro FBFan Code Start -->
    <style>
    #fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
    #fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
    #fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
    #fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
    #fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
    #fblikepop #actionHolder {height: 30px;overflow: hidden;}
    #fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
    #fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
    #fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
    #fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
    #fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
    <script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    kakinetworkdotcom01username="pages/blogatap/121738271193251",
    kakinetworkdotcom01title="Join us at Facebook!",
    kakinetworkdotcom01skin="01",
    kakinetworkdotcom01time="15",
    kakinetworkdotcom01wait="0",
    kakinetworkdotcom01lang="en"
    //]]>
    </script>
    <script src='http://blogatap.googlecode.com/files/likebox-facebook-timer.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
    //]]>
    </script>
    <!-- blogatap.blogspot.com Likebox Pro FBFan Code End -->
    Keterangan :
    Pada tulisan yang berwarna kuning ganti dengan URL halaman fanpage Anda.
    Join us at Facebook! Silahkan ganti sesuai keinginan.
    15 adalah waktu yang diperlukan sampai fanpage tertutup sendiri.
    closeable: true berarti Anda menyertakan tombol close pada fanpage, jika tidak ingin menampilkannya silahkan ganti dengan false.
    01 menandakan kode skin/tampilan fanpage bisa Anda ganti dengan (01, 02, 03, 04) untuk contoh tampilannya bisa Anda lihat seperti dibawah ini :
  4. Setelah selesai klik 'Save template'.
Nah, tidak sulitkan cara membuat like box fanpage melayang dengan waktu, kalau Anda masih merasa kesulitan silahkan hubungi kami melalui contac.
Selengkapnya...
Label: ,
Subscribe to: Posts (Atom)
 
Copyright © . blogatap.blogspot.com · Powered by Blogger
Support Infoblog_ID