Tampilkan postingan dengan label dengan. Tampilkan semua postingan
Tampilkan postingan dengan label dengan. Tampilkan semua postingan

Ramaikan Blog dengan Cara Ini

Salam damai buat shobat blogger semuanya,posting kali ini saya terinspirasi dari banyaknya suguhan dari dunia internet yang begitu beragam,kadang kita sbagai bloger merasa sdikit penasaran dengan apa yang di peroleh shobat bloger yang lain,yaitu trafik pengunjungnya/visitor yang begitu ramai,padahal materi dan kwalitas blognya kayaknya gak jauh beda,gto lho...! Nah...dari semua pengalaman tersebut saya berfikir, ngapain mikirin blognya shobat blogger yang lain...? Mendingan ramaikan saja blog kita sendiri walau bukan dengan visitor,tapi dengan gadget. Siapa tau dengan tampilan blog kita yang berwarna-warni nantinya bisa juga menarik pengunjung ke blog kita. Silahkan shobat pilih gadget berikut sesuai selera shobat.
1.Widget Blogspot Recent Coment (Komentar Terbaru)
Sebagian ada yang menganggap Widget komentar terbaru ini kurang berguna, tapi aku cenderung suka menggunakan Widget ini karena mempermudahku mengetahui komentar terbaru jadi lebih mudah membalasnya secara langsung ketika melihat ada komentar terbaru di blogku.



<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 2;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://panggungweb.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>


Ganti tulisan yang berwarna merah http://panggungweb.blogspot.com dengan url blog kamu


2. Widget Blogspot Recent Post (Postingan Terbaru)
Saya melihat lumayan banyak blog yang tidak memasang widget yang satu ini. Padahal fungsi widget Recent post ini sangat penting yaitu memberi tahu  postingan-postingan terbaru yang ada di blog kita kepada visitor yang lagi membaca postingan-postingan lama kita .

<script style="text/javascript"src="http://tergaptekscript.googlecode.com/files/Scipt%20Komentar%20Terbaru.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
var standardstyling = true;
</script>
<scriptsrc="http://panggungweb.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>


Ganti tulisan yang berwarna merah http://panggungweb.blogspot.com dengan url blog kamu

3. Widget Blogspot Exchange Link
Widget ini berguna untuk blogger, terutama blogger newbie / baru seperti aku yang masih sering bersilaturahmi antar blogger dan menjadikan Exchange Link sebagai salah satu langkah awal untuk memperkenalkan blog kita.

<br />


<div><form name="copy"><div align="center"><input value="KLIK" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" /> </div>


<div align="center"></div><p align="center"><textarea cols="23" name="txt" wrap="VIRTUAL">
<b><a href="http://panggungweb.blogspot.com/">Blogger Editing</a></b></textarea></p></form></div>



Ganti tulisan yang berwarna merah http://panggungweb.blogspot.com dan Blogger Editing dengan url blog kamu

4. Widget Blogspot Subcriber (Subcribe Via Email )
Salah satu yang membuat blog kita mendapat pengunjung loyal selain widget Follow GFC juga dengan Widget subcriber. Di blogger sudah ada widget untuk subcribe jadi tinggal masuk menu Tambah widet. Atau bisa gunakan script dibawah ini :

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=http://panggungweb.blogspot.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Masukan Alamat Email sobat untuk selalu mendapatkan info tergaptek:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://panggungweb.blogspot.com" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Berlangganan Via Email" /></form>


Ganti tulisan yang berwarna merah http://panggungweb.blogspot.com dengan url blog kamu

NB. Untuk widget yang lainnya silahkan sharing di Box Coment, Insaallah saya usahakan bisa mengupdatenya. 
Dan atau shobat bisa langsung ke alamat dibawah ini :
http://www.google.com/ig/directory?synd=open&source=gghp Atau Klik disini 
Selamat mencoba dan berkarya semoga artikel ini bisa bermanfaat



Mengganti Older Post dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini :




1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 

2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut


.showpageArea a {

text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}



3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.




<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->


4. Jangan lupa Pratinjau dulu, Kalau sesuai dengan keinginan kita langsung save
Selamat mencoba semoga bermanfaat

 
Support : Panggungweb | A.Zainibakry | Panggung Pakamban
Copyright © 2011. Blogger editing - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger