Menghilangkan Garis Bawah pada Link Blog

Sebuah link memang sering didominasi atau dibumbui dengan garis bawah pada sisi bawah teks link tersebut, mungkin bagi sebagian orang hal ini tidak menjadi masalah, namun bagi anda yang mempermasalahkannya, maka inilah cara untuk menghilangkan garis bawah pada Link Blog anda.

--> Login ke Blogger

--> Langsung menuju mode "Edit HTML" ( Belajar edit HTML Blog )

--> Temukan kode ini  A:hover { 

--> Lihat kode-kode atau script di sekitar kode merah di atas, maka akan ditemukan kode seperti di bawah ini :

     'text-decoration: underline; }'

--> Naah, sekarang anda ganti tulisan yang berwarna biru dengan tulisan : 'none' ( tanpa tanda petik )

--> Lakukan hal yang sama pada tiap kode yang ditemukan, sesuaikan dengan selera, hhehe..

--> Simpan Template

»»  read more Read more...

Menghilangkan "Diposkan Oleh" di bawah Blog

Nah, liat kan gambar di atas?
Gimana? mengganggu kah bila tampil di bawah postingan blog saudara ( jiah, bahasa lu ngaku2 sodara )
Bagi sebagian besar blogger sih mengganggu termasuk saya, hehe..


Kalau saudara pengen ngilangin tulisan "diposkan oleh" atau "Link ke artikel ini" atau "Label" seperti digambarkan di atas, bisa dengan melakukan cara seperti di bawah ini niiih, monggo cekidot gan ( kaskuser nih ) hehe..



--> Biasalah, masuk dulu ke akun blogger anda, jangan punya orang, hehe..
--> Langsung ke halaman "Edit HTML" ( Buat yang belum paham ) cekidot disini : Belajar Edit HTML Blog
--> Cari kode/script (merah) di bawah ini bos

<span class='post-author'>
          <b:if cond='data:top.showAuthor'>
            <data:top.authorLabel/> <data:post.author/>
          </b:if>
        </span>       
        <span class='post-timestamp'>
          <b:if cond='data:top.showTimestamp'>
            <data:top.timestampLabel/>
          <b:if cond='data:post.url'>
            <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
          </b:if>
          </b:if>
        </span>   
<span class='post-backlinks post-comment-link'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <b:if cond='data:post.showBacklinks'>
              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'>,&#160;<data:top.backlinkLabel/></a>
            </b:if>
          </b:if>
        </span>

--> Naaah, kalau sudah ketemu, Hapuslah kode/script merah itu
--> Simpan Template

»»  read more Read more...

Belajar Desain Blog dengan "Artikel Terkait"

Anda mungkin sudah sering melihat blog-blog profesional ( yang jelas bukan blog saya ), yang selalu mengutamakan kenyamanan para pengunjung dalam membaca tiap artikel dalam blognya, untuk memberikan kenyamanan tersebut, maka digunakanlah fasilitas "Artikel Terkait" ini.

Fungsi "Artikel Terkait" adalah menampilkan judul-judul postingan/artikel dalam blog anda yang masih ada kaitannya atau tergabung dalam kategori yang sama, tempat ditampilkannya adalah di bawah tiap postingan dalam blog anda.

Nah, cara cepatnya adalah seperti yang saya jelaskan di bawah ini boss, monggo cekidot lah: 

--> Login dulu lah ke blogspot (pastinya)
--> Meluncur ke "Edit HTML" karena kita bakal beroperasi disini, buat yang belum paham "Edit HTML" langsung aja kesini bos Belajar Desain HTML Blog
--> Cari kode ini :  <data:post.body/>
--> Nah, sekarang anda kopi paste script biru di bawah ini tepat di bawah kode merah

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

--> Simpan Template

»»  read more Read more...