Tampilkan postingan dengan label Trik Ngeblog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik Ngeblog. Tampilkan semua postingan

CARA MEMBUAT POSTINGAN MENJADI LEBIH MENARIK


Bagi teman-teman yang ingin membuat tutorial melalui blog, maka ada cara untuk membuat postingan menjadi lebih indah dan menarik

Contohnya seperti ini, tampilannya ada bingkai yang diinginkan.


Silakan klik http://blogtrikdantips.blogspot.com/2012/04/cara-termudah-menayangkan-script-code.html 

Saya sudah membuktikannya,,,
Selamat mencoba, semoga bermanfaat
read more

CARA MEMPOSTING SCRIPT KE DALAM BLOG

Jika temen-temen ingin memposting dalam bentuk script, maka tidak bisa langsung menuliskan script tersebut, karena justru akan langsung terbaca oleh blog.
Misalkan untuk menuliskan </head>, tidak bisa langsung ditulis seperti itu harus diubah menjadi bentuk encode dulu

Langkah-langkah mengubah kedalam bentuk Encode. yaitu dengan cara 
1. Copy script
Akan muncul gambar berikut
3. Paste ke dalamnya
4. Klik Encode

Setelah di Encode, maka copy dan paste ke dalam postingan anda.
Selamat mencoba!!!
read more

CARA MEMBUAT TULISAN READ MORE PADA POSTINGAN BLOG


Jika teman-teman ingin membuat postingan menjadi bentuk read more, ikuti langkah berikut

Langkah-langkahnya
1. Buka "Design" klik "Edit HTML"
2. Jangan lupa centang "Expand Widget Templates"
3. Temukan kode
<data:post.body/>
Jika kesulitan mencari, Tekan CTRL + F

4. Gantilah kode tersebut dengan

<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
5. Temukan kode </head> kemudian Kopas kode dibawah ini, dan letakkan diatas </head>
 <script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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>
clarification code above:
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

5. Simpanlah
6. Selamat mencoba!!!!
read more

MEMBUAT TEKS BERJALAN DI ADDRESS BAR

Pernahkan temen-temen melihat tulisan pada address bar berjalan???????? menarik bukan????


Jika temen-temen ingin membuat tulisan pada address bar berjalan, maka ikuti langkah berikut

  1. Login
  2. Setelah masuk halaman dasbor pilihlah template/rancangan
  3. Pilihlah edit Html dan jangan lupa centang kotak expand widget nya.
  4. Tekan ( Ctrl+F ) lalu cari kode </head>
  5. Setelah ketemu kodenya, kopas kode dibawah ini, dan letakkan di atasnya 

 
<script type="text/javascript"> //<![CDATA[ msg = "WELLCOME TO MY BLOG";+ msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",150); } scrollMSG(); //]]> </script> 
  
6.      Simpanlah 
7.      Selamat mencoba!!!
read more

CARA MENGGANTI IKON ANIMASI PADA ADDRESS BAR

Pernahkah teman-teman melihat ikon animasi dalam address bar??? menarik bukan???
Ikuti langkah berikut!!!
  1. Login dulu tentunya
  2. Klik rancangan dan klik elemen laman 
  3. Carilah tulisan Favicon yang terletak di bagian sudut kiri atas elemen laman, kemudian klik Edit. 
  4. Klik pada Tulisan Browse, kemudian carilah ikon-ikon lucu yang tersimpan di file anda
  5. Pilih gambar animasi favicon.
  6. Selamat mencoba!!!
read more

CARA MEMPERBAIKI TAMPILAN POSTING BLOG READ MORE DAN LINK BLOK YANG ERROR

Ketika teman-teman dalam memposting blog anda yang memakai read muncul tulisan seperti berikut:
Normal 0 false false false EN-US X-NONE X-NONE ...
atau
Normal 0 false false false EN-US X-NONE AR-SA MicrosoftInternetExplorer4 ...
atau
Normal 0 false false false EN-US X-NONE AR-SA ...
Atau
/* Style Definitions */ table.MsoNormalTable
atau
Normal 0 false false false MicrosoftInternetExplorer4 /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt;
dll….
Ini adalah tulisan-tulisan yang eror pada postingan blog, yang tidak bisa dibaca oleh blogger.  Tampilan ini biasanya muncul pada template yang menggunakan readmore ototmatis, atau jika ada yang me-link blog sobat, muncul kode seperti ini di link blog sobat. Mengapa muncul kesalahan kode seperti ini, apa template kita yang sobat yang bermasalah?
Berawal dari rasa penasaran, karena blog saya dulu mengalami seperti ini, saya kira ini bermasalah pada template blog.  Beberapa kali ganti template blog, tapi tetap saja muncul kode-kode diatas.  Karena rasa penasaran yang tambah kuat, saya harus memecahkan sendiri masalah ini. Sebenarnya saya sudah tanya ke beberapa sobat blogger, dan mbah google pun saya sudah hubungi, tapi tidak ada jawaban untuk pertanyaan saya, makanya saya cari sendiri, dan Alhamduliilah, saya ketemu penyebabnya itu di pinggir jalan (berawal dari utak-atik posting blog).
Oke sobat, kita pecahkan  dan memberikan solusinya masalahnya….
Sebenarnya, bukan tamplate blog sobat yang bermasalah, tapi yang bermasalah adalah postingan blog sobat. Mungkin selama ini sobat sering menulis di office (word) terlebih dahulu  sebelum di pindahkan ke postingan blog. Dulu saya juga begitu, hasilnya ya eror di readmorelink blog sobat. atau di
Oke sobat. Kita fokus pada postingan blog. Jika sobat sering menulis di word sebelum di kopi paste di  postingan blog. Di word office, banyak sekali gaya font  (bentuk) tulisan yang tidak sesuai dengan font tulisan blog. Tulisan yang tidak matching antara word office  dengan posting blog akan memunculkan eror, walaupun jika kita melihat laman blog, tidak kelihatan bermasalah, hanya kelihatan pada readmore otomatis atau link blog. Saya juga tidak tahu, apakah kasus seperti ini juga bermasalah pada search enging???

Solusinya mudah sekali, dan sudah saya buktikan

1. Edit pada postingan anda yang bermasalah tersebut, kemudian blok seluruhnya, dan cut atau  klik (CTRL + X) dan kemudian paste atau (CTRL + V), kemudian perbaharui,,,,

jadi dech......

Silakan mencoba....sukses buat anda!!!
read more