FEED BLOG: Tips Blogging

Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Sabtu, 07 April 2012

Adding Google+1 Button to Blogspot

April 07, 2012Tips BloggingNo comments

1. Login with your blogger account
2. Go to Blogger Dashboard --> Design --> Edit HTML
and click on the button which says “Expand widget Templates”.
3. find </head> and immediately above that paste

5. Now find <data:post.body/> and immediately below that paste

6.Save the template.

Pasang Fungsi Scroll Labels Blogspot

April 02, 2012Tips BloggingNo comments

1. Login to Blogger.com
2. Backup tempalte sebagai cadangan
2. Beri tanda centang Expand Widget Template
3. Cari kata Labels tepatnya seperti ini:

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:100px;'>

4. Kode warna biru adalah kode yang harus kalian tambahkan
5. Kode yang berwarna merah menyatkan tinggi scroll ( bisa disesuaikan ) dengan template kamu.
6. Terakhir Simpan Template sobat.

Cara Buat Scroll Arsip ( Archive Scrolling ) Blogspot

April 02, 2012Tips BloggingNo comments

Fungsi scroll pada arsip blog berguna untuk memperpendek barisan arsip yang panjang melebar kebawah jadi terkesan panjang kebawah, cara merubahnya cukup menambahkan kode kolom scroll.

Caranya begini :

1. Login Akun blogger
2. Masuk ke Edit html
3. Backup dan Simpan Dahulu template blog sobat
4. Beri tanda centang kotak Expand Template Widget
5. Carilah 'Arsip Blog'(dengan catatan sudah terpasang di blog sobat)
6. Cari kode <div id='ArchiveList'>
7. Lalu letakan kode dibawah ini diatasnya (kode No. 6)
<div style='overflow:auto; width:ancho; height:100px;'>
8. Jadinya seperti ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:100px;'>

9. Save Template

Cara Disable Copy Paste Di Blogspot

Maret 30, 2012Tips BloggingNo comments

Script ini sama fungsinya dengan script disable klik kanan mouse, tapi yang cara yang ini dengan memasukan kode script pada template blog sobat. fungsinya sama melindungi aksi copy paste orang pada konten blog kita, areal sortir tidak akan keluar apalagi klik kanan copy.

Tapi menurut saya yang namanya Tutorial buat apa di protect banget, apalagi tutorial blogger/blogspot.Biarlah mudah dicopy dan disharing temen biar bisa nambah traffic ke blog kita, untuk yang suka copy paste tanpa ngasih keterangan link sumber biarin deh, elmunya gak bakal nambah kok, kecuali konten blog sobat bener bener orisinil dan perlu perlakukan protect dari copy paste. Jika ingin tetep masang anti copy paste atau disable klik kanan copy buat blogspot begini caranya:

1. Log in dengan akun Blogger sobat
2. Go to Layout -> Edit HTML
3. Backup dulu template blog sobat
4. Klik “Expand Widget Templates”
5. Cari kode <head> pada template blog kalian :

Copy pastekan code dibawah ini sesudah kode diatas :

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

5. Kemudian Save.

Catatan :

Kelemahan cara ini masih bisa diakali lewat mematikan fungsi Enable pada browser, dan script ini tidak berfungsi karena menggunakan bahasa Javascript. semua kembali kepada manusianya klo sama sama belajar harusnya sama sama membantu ada etika sesama blogger tanah air.

Cara Mudah Pasang Disable Klik Kanan Mouse Di Blogspot

Maret 30, 2012Tips BloggingNo comments

1. Login to blogger.com dengan akun sobat
2. Go to Layout --> Add a Gadget --> Select html/javascript
3. Copy pastekan kode dibawah ini :

4. kemudian SAVE.

Untuk Melihat Hasilnya coba klik kanan mouse di blog sobat. Akan Keluar Tulisan “Ijin Dulu Deh”, Nah tulisan diatas masih bisa sobat ganti dengan kata kata sobat sendiri, Selamat Mencoba.

Cara Merubah TiTle Blog Jadi Title Postingan

Maret 30, 2012Tips BloggingNo comments

Coba browser Halaman Blog kamu misal http://palingkomplet.blogspot.com, Nah di address browser pasti tertulis Title/Judul blog sobat. Coba sobat blogger klik salah satu postingan blog sobat pasti sama yang terlihat pasti Tile atau judul blog sobat. Tapi jika yang tertera judul Postingan sobat itu tandanya sudah bener, karena antara judul blog dan Judul postingan harusnya berbeda.

Untuk yang masih memakai template standar bawaan blogger pasti seperti itu, tapi jika sobat memakai template blogger yang sudah editan pasti beda. tapi tidak soal sobat bisa kok menerapkannya sendiri, caranya mudah mengganti judul blog dengan judul postingan.
Ikutin ini :

   1. Login ke blogger.com dengan akun sobat.
   2. Pilih Tata Letak dan Edit HTML.
   3. Cari kode seperti ini ( biasanya berada di bawah kode <head>) :

4. Ganti kode diatas dengan kode dibawah ini :

          <b:if cond='data:blog.pageType == "index"'>
          <title><data:blog.title/></title>
          <b:else/>
          <title><data:blog.pageName/></title>
          </b:if>

Sobat blogger juga bisa menambahkan kode di belakang </title> Jika ingin menampilkan judul blog atau keyword dibelakang judul postingan
Seperti dibawah ini :

          <b:if cond='data:blog.pageType == "index"'>
          <title><data:blog.title/> | Judul blog sobat atau keyword </title>
          <b:else/>
          <title><data:blog.pageName/></title>
          </b:if>

5. Setelah selesai tinggal di Save.

Maksudnya begini untuk halaman utama titlenya akan tetap “Judul blog sobat”, Tapi setelah di klik salah satu postingan , maka judul blog akan berubah sesuai judul postingan yang tadi di klik tersebut..

Semoga bermanfaat

Cara Mudah Buang Tanda Tang Atau Obeng Di Blogspot

Maret 29, 2012Tips BloggingNo comments

Buat blogger yang masih baru belajar ngeblog di blogger pasti pernah deh ngalami posting baru di blog dan waktu cek postingan baru terlihat ada tanda tang atau obeng di tiang wodget, itu artinya sobat sedang posisi login di blogger.com tapi jika sobat logout tanda ini tidak tampak di browser halaman URl Blogspot sobat.

Sobat tidak perlu kawatir tanda itu merupakan sebuah tool yang berfungsi untuk mengedit widget secara langsung pada halaman blog. Sehingga Anda tidak perlu lagi masuk ke menu Page Elements untuk melakukan pengeditan. Dengan demikian sobat akan bisa lebih mudah untuk mengedit blog sobat. Jadi jika kita masuk ke blog kita tanpa login ke blogger maka icon ini tidak akan muncul begitu juga pengunjung yang mengunjungi blog kita. Tapi jika sobat tidak menginginkannya bisa dihapus kok, begini caranya :

1. Login ke Blogger. Klik Design -> Edit HTML.
2. Lalu backup template blog sobat dahulu dengan cara klik pada Download Full Template
3. Jika sudah, beri centang pada "Expand Widgets Templates"
4. Tekan Ctrl+F untuk membuka kotak Find
5. Ketikkan kode <b:include name='quickedit'/> ke dalam kotak lalu klik Next
6. Jika sudah ketemu, hapus kode tersebut. Setiap kode <b:include name='quickedit'/> mewakili satu icon tang dan obeng jadi jika template Anda terdapat lebih dari satu icon tang dan obeng. Gunakan Ctrl+F untuk mencarinya.
7. Kalau sudah menghapus semuanya. Klik Save Template lalu klik View Blog untuk melihat hasilnya. Sekarang semua icon quick edit yang berbentuk tang dan obeng sudah tudak ada lagi. Jika masih ada, mungkin masih ada kode <b:include name='quickedit'/> yang belum terhapus. Coba cari kembali dengan cara diatas.

Keterangan :

Keuntungan menghapus code diatas ternyata mengurangi error validasi blog di www.validator.w3.org

Cara Hilangkan Navigasi Blogger

Maret 18, 2012Tips BloggingNo comments

1. Login dengan akun blogger kamu.
2. Klik Rancangan Jika bahasa Yang digunakan Bahasa Indonesia.
3. Klik edit html.
4. Beri tanda centang pada Expand Template Widget.

Cari kode html seperti di bawah ini.

/* Variable definitions ====================

Setelah itu, masukan kode html berikut ini tepat di atas kode html di atas.

#navbar-iframe {
display: none !important; }

Klik simpan template dan selesai.

Contohnya adalah seperti berikut :

Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#882222"/>

Catatan :

1. Sebelum melakukan proses editing kode HTML pada template, sebaiknya download terlebih dahulu template blog kita sebagai langkah antisipasi jika terjadi kegagalan proses editing.

2. Gunakan tombol Crtl + F pada keyboard untuk mempermudah pencarian kode HTML template yang kita inginkan.

Remove "Showing Posts With Label All Posts" On Blogspot

Maret 16, 2012Tips BloggingNo comments

1. Login to blogger
2.Go to Template --> Backup your Template ---> Edit html

Find this code

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Replace with this code :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Save template.

Cara Mudah Posting Kode html Di Blogspot

Maret 16, 2012Tips BloggingNo comments

1. Login to Blogger dashboard
2. Go to Design Section
3. Then select Edit HTML tab
4. Dont forget to backup your template
4. Find ]]></b:skin> tag ( ctrl F ) keyboard
5. Replace it with Bellow Code of section

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUD1fP1cnAwtWe6jjoG8FR53DG73CgrMlmf0NU0P0R5H7UzdlwLB3Maaez0Ynb70hYFg5z4dTPv154aRxDYvHWQkpfhz4WputkJG8OEU9MNJlGyW3tE-GP0PNsFZuQUoUt0rc_FlkEGQ/s1600/codeicon.gif") no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
]]></b:skin>

Simpan Template kamu.

Tambahan :
Untuk Posting kode html pada postingan blog berikutnya, sobat tinggal memasukan kode html yang mau diposting diantara kode dibawah ini : yang bertulis kode html kamu yang berwarna merah.

</div>

Semoga bermanfaat.

Cara Memperbaiki Kotak Komentar Blogspot Yang Kadang Tidak Tampil

Maret 16, 2012Tips BloggingNo comments

1. Login ke blogger dengan akun blogger kamu.
2. Buka menu Setting / Pengaturan>> Komentar,
3. Ganti "Penempatan Formulir Komentar" ke "bawah Post Embedded"
4. Klik "Simpan Pengaturan.

Kemudian bagian dari html dalam template kamu yang harus di berubah :
• Buka menu "Edit HTML" dalam "Layout" menu
• Setelah itu Anda centang kotak bertanda "Expand Template Widget"
• Cari kode seperti dibawah ini :

Biar lebih mudah tekan ctrl + f kemudian cari kode di atas. Tapi Anda harus hati-hati, ada lebih dari satu kode<p class='comment-footer'> ,Cari kode <p class='comment-footer'>

• Ganti kode diatas dengan ini:

• Simpan template Anda.

Silahkan cek salah satu artikel di blog Anda. Jika ada kotak komentar, berarti Anda telah berhasil. Jika masih gagal saya masih punya satu lagi. Karena setiap template yang berbeda maka anda jangan khawatir, cara-cara lain yang ditulis di atas masih ada cara lain, seperti dibawah ini :

<b:include data='post' name='comments' />

Setelah kode di atas ditemukan, tambahkan kode berikut tepat di bawah kode di atas:

<b:include data='post' name='comment-form'/>

Contoh seperti ini:

<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>

Kemudian Simpan Template

Hide Newer Posts and Older Posts Blogger

Maret 15, 2012Tips BloggingNo comments

Find this code in your template:

    #blog-pager-newer-link {
    float: left;
    }

    #blog-pager-older-link {
    float: right;
    }

    #blog-pager {
    text-align: center;
    }

And replace with this code:

    #blog-pager-newer-link {
    display: none;
    }

    #blog-pager-older-link {
    display: none;
    }

    #blog-pager {
    display: none;
    }

This simple trics and you can return original state..enjoy

Easy Make Readmore For Blogger

Maret 15, 2012Tips BloggingNo comments

1. Login to Blogger Dashboard
2. Go to Design Section
3. Select Edit HTML tab
4. Check Expand Widgets ( i.e Tick Expand Widgets check box )
5. Find the closing </head> tag
6. Replace it with bellow Code

You can change this :

summary_noimg = 400;    :Summary length if no image
summary_img = 300;    :Summary length if it has image
img_thumb_height = 100;    :Thumbnail image height
img_thumb_width = 120;    :Thumbnail image width

Now find this <data:post.body/> tag in your template and replace it with below code.

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if>

# Finally Save your template and check your blog

Remove Subcribe Post To Atom Blogger

Maret 14, 2012Tips BloggingNo comments

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box
3. Find:

<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
    <div class='blog-feeds'>
    <b:include data='feedLinks' name='feedLinksBody'/>
    </div>
    </b:if>

Remove this line:

<b:include data='feedLinks' name='feedLinksBody'/>

That should remove Posts (Atom).

Input Schema Feed Blogger To Webmaster Google

Maret 14, 2012Tips BloggingNo comments

Buat sahabat blogger yang masih baru punya blog terkadang lupa memaksimalkan kerja blog di mata mesin pencarian google. Buat pengguna blogspot seperti saya terkadang lupa membuat dan mensubmit feed blog atau sitemaps blog ke webmaster google, ketahuan klo postingan sudah banyak tapi cuma terindek sedikit atau beberapa halaman. Untuk postingan yang di bawah 500 postingan terkadang gak masalah tapi untuk postingan diatas 500 bahkan diatas 1000 postingan kita perlu memasukan sitemap blog ke webmaster google, agar search engine google dapat dengan mudah mengindex artikel pada blog kita.

Begini cara submit feed blog atau sitemaps blog ke Webmaster Google

Login di webmastergoogle dengan akun google kamu atau klik Disini

Ini contoh url dari feed blogger atau blogspot:
http://palingkomplet.blogspot.com/feeds/posts/default

Tambahan aturan sebagai url sitemapnya seperti yang berwarna biru :
http://palingkomplet.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc

Atau bisa juga jenis feed atom.xml-nya,
http://palingkomplet.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

http://palingkomplet.com/atom.xml?redirect=false&start-index=1&max-results=1000

Atau bisa juga dengan cara ini memasukankode feed yang berwarna merah dibawah ini :

1. Untuk Blog dengan jumlah postingan 1-500 Sitemaps feeds blog nya seperti ini :

atom.xml?redirect=false&start-index=1&max-results=500

2. Jika postingan berkisar antara 500 - 1000 sitemaps feed nya seperti ini :

atom.xml?redirect=false&start-index=1&max-results=500

atom.xml?redirect=false&start-index=501&max-results=500

3. Blog yang memiliki postingan 1000-1500 arahan feeds nya seperti ini:

atom.xml?redirect=false&start-index=1&max-results=500

atom.xml?redirect=false&start-index=501&max-results=500

atom.xml?redirect=false&start-index=1001&max-results=500

Semoga berguna.

Random Post Bloggger

Maret 09, 2012Tips BloggingNo comments

Seen a lot people finding a Random Post widget for there blog? Then thought should have an tutorial on how to install it too in the blog.Well, here it is. If you want to know what it do is, whenever a reader click on link created by this widget all the times a different post will open for the reader in the blog as by luck.

Now lets see how to install it in your blog as it is very simple.

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://aspal-putih.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

Enjoy

Cara Mudah Memposting Kode Html Pada Blogspot

Maret 09, 2012Tips BloggingNo comments

   1. Login to Blogger dashboard
   2. Go to Design Section
   3. Then select Edit HTML tab
   4. Dont forget to backup your template
   4. Find   ]]</b:skin> tag ( ctrl F ) keyboard
   5. Replace it with Bellow Code of section

.codeview {margin : 15px 15px 15px 35px;padding : 10px;clear : both;font-size:normal;list-style-type : none;font-family : "Courier New", "MS Sans Serif", sans-serif, serif;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUD1fP1cnAwtWe6jjoG8FR53DG73CgrMlmf0NU0P0R5H7UzdlwLB3Maaez0Ynb70hYFg5z4dTPv154aRxDYvHWQkpfhz4WputkJG8OEU9MNJlGyW3tE-GP0PNsFZuQUoUt0rc_FlkEGQ/s1600/codeicon.gif") no-repeat scroll bottom right #EFFBF5; border-top : 1px solid #eeeeee;border-right : 2px solid #cccccc;border-bottom : 2px solid #cccccc;border-left : 1px solid #eeeeee;}.codeview li {font-size : 13px;line-height : 24px;color : #333333;font-weight : normal;margin : 0;padding : 0;}]]>

While creating any Post, If you want to show the special Code in post that CSS code or JavaScript code, what ever may be , Go to Edit HTML tab in Post and create Div section and put your code in Div section like bellow and publish Your Post

<div class="codeview">



</div>

Save template..mudah khan. Now save your template.

Recent Posts

Sabtu, 07 April 2012

Senin, 02 April 2012

Jumat, 30 Maret 2012

Kamis, 29 Maret 2012

Minggu, 18 Maret 2012

Jumat, 16 Maret 2012

Kamis, 15 Maret 2012

Rabu, 14 Maret 2012

Jumat, 09 Maret 2012

Labels

Home Ads

Social Media Icons

Menu

Follow Us

Main Menu

Link List

Follow Us

Contact form

No Thumbnail

Cari Blog Ini

Blog Archives

Made with Love by

Comments

Label

Arsip Blog

Recent Posts

Text Widget

Download

Text Widget

Labels