Tampilkan postingan dengan label TIPS BLOGSPOT. Tampilkan semua postingan
Tampilkan postingan dengan label TIPS BLOGSPOT. Tampilkan semua postingan

Sabtu, 04 Juni 2011

TIPS CARA MEMBUAT TOMBOL " HIDE OR SHOW " PADA BLOG (BACA, SILAHKAN KLIK....)







Cara membuat tombol show and hide pada blog, anda hanya perlu mengcopy-paste script yang saya berikan, kemudian edit sesuai dengan keperluan anda.



<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI NYA (Terserah anda)

</div></div></div>




Maka akan terlihat seperti ini,
JUDUL SPOILER



ISI NYA (Terserah anda)


Ataupun bisa seperti ini,






Kalau anda menginginkan tampilan seperti ini, anda hanya perlu menghilangkan kode <i><b><small>JUDUL SPOILER</small></b></i> lalu anda ganti kata show dan hide sesuai keinginan anda. Tapi jangan lupa juga untuk mengganti ukuran lebar nya, Misal: width:100px;

SUMBER : 


SAHABAT, JANGAN LUPA SILAH BACA : UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »

Sabtu, 14 Mei 2011

TIPS CARA MEMBUAT "NAVIGATION PAGE" PADA BLOG ATAU WEB



Page Navigation adalah sebuah widget yang digunakan pada web atau blog untuk memperlihatkan postingan atau artikel pada web atau blog tersebut per halaman, contohnya seperti gambar di bawah ini:

Pagw Navigaation

Untuk membuatnya sangat mudah!

1. Login ke blogger dengan ID Anda.

2. Lalu Rancangan.

3. Klik Tambah Gadget.

4. Pilih Menu HTML/Java Script.

5. Lalu Salin Kode di bawah ini lalu Tempel kodenya pada kotak HTML tersebut.

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

6. Save Widget tersebut
7. Scrool atau pindahkan widget tersebut pada area di bawah posting [lihat gambar]

Edit Gadgat

8. Save Template
9. Selesai

Selamat Mencoba!



SAHABAT, JANGAN LUPA SILAH BACA :
Subscribe to RSS headline updates from:
Powered by FeedBurner
UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »

Selasa, 03 Mei 2011

TIPS CARA MENGIRIMKAN RSS FEED BLOG ANDA KE FACEBOOK ATAU TWITTER



Jika Anda ingin postingan blog Anda dapat dibaca oleh banyak orang, inilah salah satu cara yang harus Anda lakukan, mengirimkan RSS feed ke Facebook. Dengan mengirimkan RSS feed blog Anda ke Facebook, maka setiap kali Anda memposting artikel baru, artikel tersebut secara otomatis akan muncul di halaman profil facebook anda, sehingga teman atau teman dari facebook Anda dapat membaca posting blog Anda langsung di halaman profil facebook anda.

Jika artikel Anda yang baik tentunya mereka akan mengunjungi blog Anda untuk membaca lebih banyak, sehingga juga dapat mempromosikan blog Anda.

sekarang ada banyak aplikasi facebook yang dapat melakukan tugas ini. Salah satunya saya gunakan adalah RSS Graffiti.

Cara mengirimkan RSS feed dengan RSS Graffiti:
- Log in ke Facebook.
- Buka aplikasi RSS Graffiti ( http://apps.facebook.com/rssgraffiti/ ) dan menjalankannya.
- Setelah itu, klik Tambah Feed.
- Lalu halaman akan muncul sebagai berikut





Catatan:

Feed URL: 
isi alamat feed blog Anda. Contoh http://www.davitblog.com/feeds/posts/default

Source Name: 
Masukkan nama blog Anda

Source URL: 
Isikan alamat blog Anda

Post Style: 
Biarkan saja 'Standar'. Jika Anda ingin mengirim untuk muncul dalam bentuk pesan singkat seperti Twitter pilih 'Compact' atau 'update status'



SUMBER :


SAHABAT, JANGAN LUPA SILAH BACA :
Subscribe to RSS headline updates from:
Powered by FeedBurner
UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »

Minggu, 01 Mei 2011

TIPS CARA MEMBUAT SLIDESHOW RECCENT POST PADA BLOG



Dalam Tutorial ini kami akan mencoba mengusung Gadgets blog agar lebih menarik lain dari yang lainya, Gadgets ini hampir mirip image galery seperti di webserver. Nah bagaimana untuk membuat galery image postingan yang ada di blog nampil secara slideshow.? Gadgets ini akan menampilkan image postingan serentak dengan judul maupun isi artikelnya secara slideshow, menarik sekali kan..?

Untuk sekedar contoh bisa di lihat di bawah ini atau pada header blog ini :







Lanjut dengan inti penulisan ini yaitu tutorial cara membuatnya :
Copy Paste Kode di bawah ini :




<iframe style="width: 100%; height: 105px;" src="http://www.gmodules.com/gadgets/ifr?url=http://tool-davitblog.googlecode.com/files/slideshow.xml&amp;up_NAME=gudangtipskita.blogspot.com&amp;up_NBP=&amp;up_PDEF=&amp;up_LEN=300&amp;up_PWH=200&amp;up_PHT=90&amp;up_DTime=&amp;up_TTime=&amp;up_RND=Yes&amp;up_CLP=Yes&amp;up_NAB=No&amp;up_TCOL=%23000000&amp;up_LCOL=00000_SCOL=%23c3d9ff&amp;up_BCOL=%23f00&amp;up_CCOL=#FFFF00" allowtransparency="true" frameborder="0" scrolling="yes">Last Post of Blogger Slideshow - Gadget Google - http://gudangtipskita.blogspot.com</iframe>




Keterangan : 
Ganti code yang bertuliskan tebal merah dengan nama blog sobat.
Pemasanganya pun cukup mudah hanya tinggal masukan di gadgets blog, dengan cara masuk ke Rancangan ---> Elemen elemen ---> Add Gadgets --- HTML/Javascript

Selesai deh, Jika Artikel ini merasa bermanfaat mohon untuk di komentari dengan bijak, karena dengan merasa bermanpaad penulis akan merasa bangga akan karyanya dan akan terus menjadikan spirit.


SUMBER :


SAHABAT, JANGAN LUPA SILAH BACA :
Subscribe to RSS headline updates from:
Powered by FeedBurner
UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »

Rabu, 20 April 2011

TIPS CARA MEMBUAT " DAFTAR ISI " OTOMATIS PADA BLOG ANDA



Cara membuat daftar isi mirip wordpress kini bisa dilakukan di blogspot. Menunya hampir sama seperti kepunyaan Wordpress, dengan memasang daftar isi, akan sangat membuat blog bro semakin disayang oleh Google. Gampang kok. Penasaran? . . .
Contoh dari daftar isi bisa anda lihat di >> DAFTAR ISI GUDANG TIPS KITA.


Ikuti langkah-langkahnya :
  1. Log in ke akun blogger
  2. Click new post >> edit html
  3. Copy kode di bawah ini, jangan lupa sebelumnya ganti text berwarna merah dengan url blog / web site bro.


<script style="" src="http://burukutukpercobaan.googlecode.com/files/kodesitemap.js"></script><br /><script src="http://gudangtipskita.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


Jika sudah, click "publish post"
Jangan mau kalah dong jadi bloggerian sejati (weleh2 apa itu lagi, hehe). Selamat mencoba dan semoga berhasil.

SUMBER KUTIPAN :

SAHABAT, JANGAN LUPA SILAH BACA :
Subscribe to RSS headline updates from:
Powered by FeedBurner
UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »

Rabu, 30 Maret 2011

TIPS DAN TRIK SEPUTAR "FACEBOOK" YANG BELUM ANDA KETAHUI (BACA SELENGKAPNYA, KLIK...)







Jika Anda surfing Facebook setiap hari atau kadang-kadang, kemungkinan Anda sudah akrab dengan barang-barang biasa seperti menambah / menghapus teman-teman, update status, dinding dan profil, menambahkan dan menjelajahi halaman & aplikasi, dll, tapi ada lagi ..

Minggu ini kita ingin membahas beberapa hal menarik yang dapat Anda lakukan pada (atau dengan) Facebook; termasuk trik yang tidak didokumentasikan atau belum banyak diketahui

1. Menempatkan Facebook Chat di Samping Browser Firefox (Sidebar)
Facebook Chat sangatlah keren, setidaknya itu memungkinkan Anda untuk mengirim pesan instan ke kontak Facebook online. Namun penempata chat box-nya berada di bagian bawah halaman, bagaimana jika ketika kita sudah Sign Out dari Facebook tetapi masih ingin tetap Chating dengan teman anda? Jika Anda menggunakan Firefox, Anda dapat menempatkan Facebook Chat di sidebar. Caranya Adalah sebagai berikut:
  • Pada menu Bookmarks, pilih Organize Bookmarks …
  • Klik pada New Bookmark …

2. Mendownload Satu Album Sekaligus dari Facebook
Dengan Mozilla anda dapat mendownload add-ons FacePAD: Facebook Photo Album Downloader yang memungkinkan Anda untuk men-download Album Anda /teman-teman Anda , sekaligus, dengan satu klik
3. Update Status Tanpa Log In Via Facebook
hellotxt dan Ping.fm memperkenalkan fitur-fitur yang memungkinkan administrator update Facebook Facebook Pages.
4. Cara Menjadwalkan Pengiriman Pesan di Facebook 
Sendible memungkinkan Anda menjadwalkan pesan Facebook terlebih dahulu sehingga Anda dapat mengirim pesan ke teman, pelanggan atau kolega di masa depan.


5. Bagaimana Membunyikan Status Updates Dari Teman Anda di Facebook 
Sebuah tutorial singkat tentang Makeuseof untuk memandu Anda cara menyembunyikan update status Facebook dan menjaga kerahasiaannya dari teman-teman yang Anda tentukan.
6. Cara Membuat Foto Temen Kuliah/Alumni Profil di Facebook
Klik pada tab Friends. Lanjutkan ke tab More. Dari “Choose an option“, pilih salah satu tanda strip “-“. Lanjutkan dengan muali memilih Teman-teman sekuliahan/alumi.

7. Cara Mengetahui Jika Diam-diam Temen Facebook Menghapus atau Mem-Blok Account Anda 
X-Friends adalah alat yang unik untuk melacak teman-teman yang menghapus atau mem-Blok account anda
8. Cara Men-Sharing Foto Di Flickr ke Facebook
Flickr2Facebook memungkinkan Anda meng-upload foto ke Facebook dari Flickr.


9. Bagaimana Cara Menampilkan Foto yang Muncul di Profil Facebook 
Fitur di Facebook yang memungkinkan Anda memutuskan siapa yang muncul di kotak Friends. Klik “edit” di kotak Teman Anda dan ketik nama-nama teman-teman terbaik Anda dalam kotak “Always show these friends” 
10. Cara Menghapus Iklan di Facebook
Greasemonkey ini script – adalah Facebook: Cleaner menghapus banyak iklan yang mengganggu dan pembaruan yang mau tidak mau muncul pada halaman Facebook.


11. Bagaimana Menghubungkan Foto Teman di Facebook Dengan Kontak di Microsoft Outlook
OutSync adalah aplikasi gratis dari Windows yang menghubungkan foto teman di Facebook Dengan kontak di Microsoft Outlook. Hal ini memungkinkan Anda untuk memilih kontak yang diperbarui. Sehingga Anda dapat memperbarui semua kontak sekaligus atau hanya beberapa pada satu waktu.
12. Bagaimana Menampilkan Status di Facebook pada Blog WordPress
Metode berikut ini memanfaatkan status Facebook dan WordPress RSS widget untuk menampilkan Status Facebook di WordPress blog .

13. Bagaimana Cara Posting Blog Post di Facebook Secara Otomatis 
Wordbook atau NetworkedBlogs memungkinkan Anda untuk cross-posting blog Anda ke Facebook Wall. Facebook Anda “box” tab akan menampilkan posting blog terbaru. 
14. Bagaimana Akses Facebook Chat di Desktop
Gabtastik dan Digsby memungkinkan anda mengakses Facebook Chat pada desktop Windows Anda diluar web browser, menggunakan resolusi dan sistem memory yang minimal.
15. Cara Membuat Mudah Kuis di Facebook 
LOLapps menyediakan tempat untuk membuat kuis yang dapat digunakan dengan mudah dan dapat kita share di Facebook.
16. Cara Menyembunyikan Status Online Anda di Facebook Chat Dengan Memilih Kategori Kontak
Facebook memiliki daftar teman yang terintegrasi dengan Chat dan Anda juga dapat memilih anggota mana saja dalam daftar kontak tersebut yang bisa melihat Anda online.
17. Bagaimana Mendapatkan Update Status Pada Facebook di Email
NutshellMail mengkonsolidasikan account Facebook Anda melalui kotak masuk yang sering Anda gunakan.
18. Cara Update Facebook Status dari Firefox
FireStatus adalah utilitas update status untuk berbagai jaringan sosial, termasuk Facebook.

19. Bagaimana Cara Facebook-an di Desktop Anda
Seesmic Desktop, Facebooker, Xobni, Facebook Sidebar Gadget, Scrapboy and Facebook AIR application adalah aplikasi desktop yang memungkinkan Anda berinteraksi seperti halnya yang Anda lakukan di Facebook, tapi tanpa browser.
20. Cara Menghapus, Membatalkan Account dan Profil Kita di Facebook
Sebuah panduan sederhana untuk menghapus atau membatalkan account dan profile Facebook kita dengan mudah.




SUMBER KUTIPAN :

SAHABAT, JANGAN LUPA SILAH BACA :
Subscribe to RSS headline updates from:
Powered by FeedBurner
UNTUK BERBAGI INFO, SEBAR LUASKAN TIPS INI :
Readmore »


Related Posts Plugin for WordPress, Blogger...

ARTIKEL "TIPS" POPULER SAAT INI :::::::::