Featured Post Today
print this page
Latest Post
Showing posts with label Tips Blogging. Show all posts
Showing posts with label Tips Blogging. Show all posts

Membuat Tombol Pengikut Twitter Di Blog

Silahkan copy code dibawah, tempatkan di widget blog atau copy di bawah posting anda.





<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/nasutioncyber">Follow @nasutioncyber</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Nb : Ganti tulisan berwarna pink dengan user name anda.

Cara Mudah Membuat Anti-Copy Pada Blog


Jika anda tidak menginginkan postingan anda di copas oleh orang lain. anda bisa melindunginya dengan tips berikut ini
1. Login ke blogger
2. Masuk ke menu edit HTML
3. Cheklist Expand Widget
4. Cari code </head>
gunakan cntrl+f untuk mempermudah pencarian
5. Copy code berikut dibawah code yang anda cari tadi
 <SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

6. selesai
Silahkan anda test sendiri hasilnya.
0 Comment

Cara Mudah Membuat Text Area Pada Blog/Postingan


Membuat text area pada blog itu sangat mudah dan simple. caranya begini :
1. Copy code berikut diawal postingan/java script di widget anda.
<p align="center"><textarea name="code" rows="5" cols="18">
2. Copy code berikut diahir postingan/java script di widget anda.
</textarea></p>
3.Angka yang berwarna merah bisa anda ganti sesuai keinginan anda. fungsinya untuk mengatur tinggi dan lebar area text.
4. Selesai.
0 Comment

Parse / Conversi Code HTML


Silahkan anda conversi code html anda

0 Comment

Cara Mudah Membuat Read More Pada Blog


Membuat read more pada blog sangat penting. gimana jadinya kalo kita punya artikel  yang panjangnya luar biasa. tanpa pakai read more. mungkin orang bisa kapok berkunjung ke blog kita. nah bagi yang belum membuat read more silahkan mengikuti tutorial berikut.
 1. Login ke blogger

2. Masuk ke template dan klik edit HTML kemudian lanjutkan


3. Cheklist Expand Widget biar bisa dikembalikan jika terjadi kesalahan

4. cari kode </b:template-skin> tekan control+f  untuk memudahkan pencarian. kemudian copy-paste kode dibawah ini tepat dibawah kode diatas.
 
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


 Kemudian cari kode <data:post.body/> atau <p><data:post.body/></p>
Hapus kodenya dan ganti dengan kode berikut

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>


Simpan template dan lihat hasilnya.
0 Comment

Cara Mudah Membuat Daftar Isi Pada Blog


Membuat Daftar Isi pada blog ( tips blogger amateur ).

1. Login ke blogger

2. Masuk ke tata letak

3. Add widget dimana anda ingin menempatkan daftar isi nya.

4. Tambah java/script html dan copy pate kode di bawah :

<script src="http://sites.google.com/site/barajajs/listofcontent/contents.js">
</script><script src="http://nasutioncyber.blogspot.com/feeds/posts/default?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


5. Ganti alamat blog yang berwarna merah dengan alamat blog anda.

6. Anda bisa ganti angka 1000 yang berwarna merah sesuai jumlah yang anda inginkan.
0 Comment

Membuat Efek Petir Pada Blog


Membuat efek petir pada blog bisa lae lakukan dengan cara sebagai berikut :

1. Login ke blogger

2. Masuk ke tata letak

3. Add gadget dan pilih java/script html lalu copy paste kode di bawah :

<style
type="text/css">body { background-image:
url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);
background-color:transparent; }</style>


4.Simpan template dan lihat hasilnya.
1 Comment

Membuat Efek Salju Pada Blog


Membuat efek salju untuk decorasi blog. caranya cukup mudah.

1. Login ke blogger

2. Masuk ke tata letak

3. Add gadget dan pilih java/script html lalu copy-paste kode di bawah :

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>

Atau :

<script type="text/javascript" src="  http://h1.ripway.com/djfacebook/snow.js "></script>

4.Simpan template dan lihat hasilnya.
0 Comment

Membuat Search Engine Pada Blog


Membuat search engine pada blog sangat mudah

1. Login ke blogger

2. Masuk ke tata letak

3. Add gadget dimana anda ingin menempatkan search engine nya

4. Tambah java/script html dan copy paste kode di bawah :

<form id="searchform"
action="http://nasutioncyber.blogspot.com/search"
name="searchform" method="get">
<input id="s" value="" name="q"
type="text"> <input id="searchsubmit"
value="Search"type="submit"> </form>


5. Ganti alamat blog yang berwarna merah dengan alamat blog anda

6. Anda bisa juga mengganti kata "cari" yang berwarna merah sesuai selera anda seperti "search atau go".

7. Simpan template dan lihat hasilnya.
0 Comment

Cara Mudah Membuat Postingan Terbaru Menjadi Status Di Facebook,Twitter Dan Linked.

Saat ini siapa yang gak punya Facebook/Twitter. bahkan yang gaptek abis sekalipun sudah punya yang namanya facebook/twitter. so buat lae yang suka ngeblog dan pengen tulisan terakhirnya otomatis menjadi update status otomatis di facebook or twitter. carane mudah pisan. ikuti langkah berikut ini :

  1. Buka link http://twitterfeed.com/
  2. Silahkan register dengan memasukkan alamat email aktif.
  3. Setelah lae selesai create account. silahkan di masukkan feed name. boleh nama blog lae. kemudian isi alamat blog lengkapnya Blog URL/ RSS Feed. contoh : http://nasutioncyber.blogspot.com/
  4. Lae akan di suguhkan tiga pilihan untuk update otomatis dari blog.
  • Facebook
  • Twitter
  • Linked 
      5.  silahkan di pilih. kalo lae facebook maka akan di minta untuk login dulu ke facebook. sama
           dengan twitter dan linked. setelah login maka akan di minta Authenticated account facebook/Twitter/
           Linked.
       6. Terakhir anda klik Create Service kemudian all done. selamat blog anda sudah otomatis update
            status facebook/twitter.
 
0 Comment
 
Support : Nasution Pku | Nasutioncyber
Copyright © 2014. NasutionCyber.Blogspot.com - All Rights Reserved