aaaaaaaaaaaaa

You can also receive Free Email Updates:

By siputih / chloting

Labels

Rabu, 31 Juli 2013

arminaven

arminaven


Menambah dan Mengurangi Karaketer Read More Blog

Posted: 31 Jul 2013 12:04 AM PDT

Read more blog ane nyampek 800 karakter di menu utmannya, setelah googling, ane dapatkan cara yang simple di blog Agan ini, terima kasih tutornya ya gan :).


Kata beliau begini, Pertama, seperti biasa silahkan login ke akun blogger anda. setelah itu masuk ke Rancangan lalu Edit HTML. Silahkan backup terlebih dahulu template anda, setelah itu beri centang pada Expand Template Widget. Kemudian cari script yang mirip seperti ini:
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot;;
summary_noimg = 250;summary_img = 220;img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
biasanya terletak di atas kode </head> dan dibawah kode ]]></b:skin>.
Script ini merupakan JS(javascript). Perhatikan kode yang saya tandai warna merah. disitu silahkan anda ganti angka 250 dan 220. Yang merupakan angka yang menentukan berapa banyak kata/karakter yang akan tampil.
KET :
summary_noimg = 250; yaitu jumlah karakter/kata yang ditampilkan tanpa gambar.
summary_img = 220; yaitu jumlah karakter/kata yang ditampilkan beserta gambar.

ternyata caranya mudah banget. di blog ane langsung ane ketik  "summary_noimg" sebagai kata pencariannya. semoga anda yang mencari artikel tentang read more terbantu dengan blog ane ini.

sumber: share-ink.blogspot.com

Menambah Elemen Footer Blog

Posted: 30 Jul 2013 11:55 PM PDT

Arminaven baru saja mengganti trick collection dengan template black green buatan dytoshare. Arminaven tertarik untuk menambahkan footer, sebenarnya di blog arminaven sendiri sudah ada cara tersebut, namun sepertinya tidak sesuai untuk yang saat ini. akhirnya setelah googling, ane dapatkan triknya di blog hengkikristiantoateng, izin ane posting ulang ya gan :).

Berikukt cara menambah footer blog
  • Login ke blog sobat
  • Pilih Template
  • Klik Edit HTML
  • Silahkan copy code di bawah ini , kemudian langsung diletakkan di atas    ]]></b:skin>  
             #footer-coloumn-baru {clear:both;} 
             .footer-column {padding:10px};

  • Kemudian sobat blogger cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mempermudah mencari ) 
            <!-- end outer-wrapper -->

           Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer  ataupun footer tersebut, tempat ane sendiri lansung ane cari kode "id='footer' " yang kebetulan berada di copyright nya
  •         Setelah ketemu sobat letakkan script di bawah ini tepat di bawah outer wrapper tersebut.(menambahkan 3 column baru)

  •    Dan klik simpan template, klik tombol kembali, selesai, silahkan sobat lihat perubahan di tata letak seperti gambar di bawah ini
Dan contoh dari hasil penambahan widget footer :

gbr cara membuat widget footer

Demikian cara membuat widget footer, semoga bermanfaat.

sekali lagi ane ucapkan terima kasih kepada agan  hengkikristiantoateng, berkat blog antum blog ane sudah ada footernya :)

Sumber: hengkikristiantoateng.blogspot.com

0 komentar:

Posting Komentar