Andi Rest

Home » Blog Tutorial

Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan

Cara Membuat Breadcrumb Terindex Google

Cara Membuat Breadcrumb Terindex Google - Beberapa waktu lalu saya pernah posting artikel cara membuat navigasi breadcrumb di blog, tapi itu hanyalah tutorial bagaimana kita bisa membuat navigasi breadcrumb biasa. Sedangkan yang ini beda, breadcrumb yang ini bisa terindex oleh google. Oke, langsung saja Cara Membuat Breadcrumb Terindex Google:

1. Seperti biasa silahkan masuk ke dashbor blog sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode berikut ini:

]]></b:skin>

4. Pastekan kode di bawah tepat di atas kode di atas:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

5. Next cari kode berikut:

<b:includable id='main' var='top'>

6. Setelah ketemu, hapus dan ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

7. Simpan Template Sobat.

Untuk mengetes kinerja dari breadcrumb ini, silahkan sobat posting artikel kemudian memasukkannya dalam salah satu label blog sobat. Untuk mengecek postingan sobat terindex apa belum, silahkan masukkan url postingan blog sobat tadi ke Google, maka akan terlihat apakah breadcrumb sobat bisa terindex atau tidak. Saya kira cukup penjelasan mengenai cara agar breadcrumb bisa terindex google. Selamat mencoba dan semoga berhasil. (sumber : amronbadriza.blogspot.com)

Cara Membuat Daftar Isi di Blogger

Cara Membuat Daftar Isi di Blogger - Daftar isi diblog adalah kumpulan atau isi dari semua postingan yang ada pada blog. Semua postingan akan tampil pada daftar isi. Daftar isi yang akan dibuat juag memakai New!!! itu tanda pada postingan terbaru.

[ DEMO ]
1. Masuk ke blogger.
2. Masuk ke design/rancangan.
3. Di bagian elemen laman pilih "Tambah Gadget/Add a Gadget".
4. Pilih HTML/JavaScript.
5. Copy dan pastekan Code Di Bawah ini:

Code daftar isi yang menggunakan fungsi scroll

<div style="background: #F0F0F0; border: 1px solid #F0F0F0; height: 300px; overflow: auto; padding: 10px; width: 250px;"><script style="text/javascript" src="http://yourjavascript.com/3125010235/daftarisi.js.htm.js"></script><script src="http://www.andisitorus.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Code daftar isi yang tidak menggunakan fungsi scroll

<script style="text/javascript" src="http://yourjavascript.com/3125010235/daftarisi.js.htm.js"></script><script src="http://www.andisitorus.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

6. Next simpan. Selamat mencoba !!!!!
Keterangan : Ganti http://www.andisitorus.com dengan alamat url blog sobat.
(by post)

Cara Membuat Recent Comment dengan Avatar

Cara membuat Recent Comment dengan Avatar di blog, sebelumnya saya sudah share cara membuat recent comment tapi recent comment yang ini jelas berbeda, recent comment yang menampilkan Avatar .

Langsung saja Cara Membuat Recent Comment di Blog :

1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Add a Gadget > Tambah Gadget.
4.Kemudian pilih HTML / JavaScript.
5.Kemudian Copy dan pastekan Code dibawah ini :

<div style="height: 180px; overflow:auto; text-align: left; width: 300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.andisitorus.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
</div>

6.Selesai.
Keterangan : Ganti http://www.andisitorus.com dengan alamat Url blog sobat, numComments = 10 : jumlah Comment yang tampil, avatarSize = 30 : atur besar atau kecil avatar nya. Selamat Mencoba!!!
(by post)

Cara Membuat LABEL Dengan Fungsi Scroll

Bagi sobat yang memiliki banyak LABEL mungkin sedikit kerepotan dengan banyaknya LABEL karena terlalu memanjang kebawah jelas tentu pemborosan tempat. Lebih jelas lihat gambar di bawah ini :

Cara Membuat Label Dengan Fungsi Scroll :
1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Edit HTML.
4.Centang Expand Template Widget.
5.Cari Kode di bawah ini :

6.Kemudian Copy dan paste Kode berikut Tepat dibawah kode tersebut.

7.Kemudian cari kode di bawah ini :

8.Copy dan paste kode dibawah ini tepat diatasnya.

9.Next Simpan.

(by post)

Cara Membuat Read More Otomatis DiBlog

Cara Membuat Read More Otomatis Di Blog sangat mudah . Read More (Baca Selengkapnya) berfungsi untuk memotong pada setiap artikel yang panjang sehingga halaman pada blog terlihat rapi dan lebih menarik.

Cara membuat Read More Otomatis di blog sebagai berikut :
1.Login Ke blog sobat.
2.Kemudian menuju halaman Rancangan >>Edit HTML >>centang Expand template widget
3.Cari kode </head> (Ctrl + F untuk mempermudah pencarian)
4.Copy dan pastekan kode di bawah ini tepat di bawah </head>

5.Next , cari kode <data:post.body/> atau <p><data:post.body/></p> (Ctrl + F untuk mempermudah pencarian)
6.Kemudian ganti <data:post.body/> atau <p><data:post.body/></p> dengan kode di bawah ini :

<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'><b>Read more</b></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

7.Simpan , selesai.

Keterangan : Sobat juga bisa mengganti dengan icon Read More dengan mengganti tulisan <b>Read more</b> dengan kode di bawah ini :

Selamat mencoba !!

Cara Membuat Menu di Blogspot dengan List-O-Matic

Cara Membuat Menu di Blogspot dengan List-O-Matic - Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.
misalnya kamu ingin membuat menu Info elektronik, Tips ngeblog, dan Get money. maka kamu harus membuat postingan dengan judul/title: info elektronik , tips ngeblog , dan get money , dengan demikian kita akan mempunya 3 halaman dengan url
http://nama.blogspot.com/ info elektronik .html,
http://nama.blogspot.com/ tips ngeblog .html dan
http://nama.blogspot.com/ get money .html.
selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan list-o-matic. setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu html dan css.
Copy kode HTML dibawah ini dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.andisitorus.com/search/label/Info%20elektronik ">Info Elektronik</a></li>
<li><a href="http://www.andisitorus.com/search/label/tips%20ngeblog ">Tips ngeblog</a></li>
<li><a href="http://www.andisitorus.com/search/label/Get%20Money">Get Money</a></li>
</ul>
</div>

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic dibawah ini sebelum kode ]]></b:skin> dan save template.

#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

Selamat mencoba......

Cara Memasang Status YM di Blog

Cara Memasang Status YM di Blog, ya saya langsung untuk tata cara membuat nya!! (lebih cepat lebih baik)

1.Login ke blog.
2.Pilih Rancangan.
3.Pilih Add a Gadget > Tambah Gadget.
4.Kemudian pilih HTML / JavaScript.
5.Kemudian Copy dan pastekan Code dibawah ini :

<a href="ymsgr:sendIM?idyahooanda"><img src="http://opi.yahoo.com/online?u=idyahooanda&m=g&t=2 border=0></a>

6.Save.
Keterangan : Ganti tulisan yang berwarna merah dengan id yahoo anda. Untuk mengganti avatar YM silahkan ganti angka yang berwarna biru sesuai keinginan, silahkan lihat gambar dibawah ini :

Cara Membuat Related Post / Artikel Terkait di bawah Postingan Blog

Dengan memasang Related Post / Artikel Terkait di bawah Postingan sangat memudahkan pengunjung untuk membaca artikel yang lainnya. Jika sobat ingin memasang Related Post / Artikel Terkait di bawah Postingan Blog maka sobat harus membuat label di setiap artikel sobat, agar Related Post / Artikel Terkait yang di buat bisa bekerja dengan baik.

Langsung saja cara membuat nya :

1.Login ke blog sobat.
2.Pada halaman Dasbor pilih RANCANGAN.
3.Di halaman Rancangan Pilih EDIT HTML.
4.Checlist terlebih dahulu pada Expand Template Wdget.
5.Cari kode ]]></b:skin> (Ctrl + F untuk mempercepat pencarian).
6.Copy kode di bawah ini, kemudian pastekan diatas kode ]]></b:skin>

7.selanjut nya cari kode <data:post.body/> . Lalu copy dan pastekan kode dibawah ini tepat dibawah <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

8.Next simpan, selesai.

(by post)

Cara Membuat Recent Post dengan Gambar DiBlog

Widget Posting terbaru atau Recent Posts merupakan widget penting di blog, karena berfungsi sebagai penunjang navigasi blog. Dengan adanya daftar posting terbaru, pengunjung yang masuk tidak dari halaman utama (homepage) dapat langsung mengetahui beberapa posting terbaru dari sebuah blog. Selain itu, widget recent posts dapat menjadi sebuah tawaran bagi pengunjung blog untuk mengetahui isi posting-posting lain dari blog tersebut.

Langsung saja :
1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Add a Gadget > Tambah Gadget.
4.Kemudian pilih HTML / JavaScript.
5.Kemudian Copy dan pastekan Code dibawah ini :

6.Next Simpan.
Keterangan : Ganti http://www.andisitorus.com dengan Url blog sobat , numposts = 18 adalah jumlah posting terbaru yang akan muncul di blog sobat, ganti nilainya sesuai keinginan , boxwidth = 230 ganti nilainya sesuai dengan lebar sidebar blog sobat.
(by post)

Cara Mengganti Emoticon Cbox

Berikut ini saya share Cara Mengganti Emoticon Cbox, Langsung saja :

1.Login ke cbox..
2.Klik dibagian tab Options, kemudian pilih Smilies

3.Kemudian akan tampil halaman seperti gambar di bawah ini ..

4.Selanjutnya ganti URL nya.. Jika sudah kemudian Save.

Berikut ini beberapa Emoticon yang di pakai di cbox pada blog ini,URL nya tepat dibawah gambar.

http://content.sweetim.com/sim/cpie/emoticons/00020389.gif

http://www.myemoticons.com/emoticons/images/msn/smiley-says/thankyou.gif

http://www.myemoticons.com/emoticons/images/msn/bad-boys/smoke.gif

http://www.myemoticons.com/emoticons/images/msn/bling/yoyo.gif

http://www.myemoticons.com/emoticons/images/msn/bad-boys/beer.gif

http://www.myemoticons.com/emoticon-critic/images/cool/bandana.gif

Solusi Pada Halaman Statis (Laman) Karena Readmore Otomatis

Sering terjadi pada Halaman statis Tidak bisa terbuka pada saat blog di pasang readmore otomatis, masalah ini kadang juga bisa menjengkelkan saat readmore otomatis di klik (di pilih) namun tidak berubah sama sekali tetap seperti semula, ada solusi untuk mengatasi hal ini .

Langsung saja :

1.Masuk ke blog sobat.
2.Langsung saja menuju edit HTML jangan lupa centang Expand Template Widget.
3.Cari kode yang mirip seperti di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary&
lt;data:post.id/>");</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

3.Tambahkan kode dibawah ini di atas kode yang saya cetak tebal di atas.

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

4.Tambahkan kode dibawah ini tepat dibawah kode </b:if> yang dicetak Tebal

</b:if>

5.Maka keseluruhan kode terlihat seperti dibawah ini :

<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&
lt;data:post.id/>");</script>
<span class='rmlink'><a expr:href='data:post.url'>Baca Selengkapnya</a>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

</b:if>

Kode yang di cetak tebal adalah kode yang ditambahkan
6.Next simpan.

(by post)

Cara Membuat Menu Navigasi Breadcrumbs Pada Blog

Menu Breadcrumbs Adalah menu atau navigasi yang terletak di bagian atas postingan blog, menu Breadcrumbs menampilkan urutan home » label artikel » judul artikel. Dengan adanya menu Breadcrumbs memberi kemudahan pembaca untuk mengetahui lokasi/letak dari artikel yang dibaca.

Cara Membuat Menu Breadcrumbs sebagai berikut :
1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Edit HTML
4.Conteng expand widget templates
5.Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)
6.Copy kode dibawah ini kemudian pastekan diatas kode ]]></b:skin>

#breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:10px; line-height: 1.4em; border-bottom:3px double #333; }

7.kemudian cari kode <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
8.Copy kode dibawah ini kemudian pastekan diatas nya.

<b:if cond='data:blog.pageType == "item" '> <div id='breadcrumbs'> Browse: <a expr:href='data:blog.homepageUrl'>Home</a> > <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > <a expr:href='data:post.link'><data:post.title/></a> </div> </b:if>

9.Next simpan.
(by post)

Cara Menghilangkan Navbar Pada Blog

Navbar adalah (Navigation Bar) yang tampil tepat diatas blog, Navbar tampil pada Template bawaan pada blog, contoh nya pada gambar di bawah :

Berikut cara menghilangkannya :

1.Login Ke blog sobat
2.Pilih Rancangan
3.Pilih Edit HTML
4.Cari kode ]]></b:skin>
5.Copy kode di bawah ini kemudian pastekan tepat di atas ]]></b:skin>

6.Next simpan.

(by post)

Cara Membuat Link Warna-warni Pada Blog

Membuat link warna-warni diblog sangat lah menarik, cara ini salah satu cara membuat blog terlihat cantik dan menarik.Link akan berubah warna seperti pelangi ketika disorot oleh cursor.

Langsung saja cara membuat nya :
1.Login ke blog sobat.
2.Pilih tata letak.
3.Pilih edit html.
4.cari kode </body>
5.Letakkan kode di bawah ini diatasnya:

6.Simpan.
Selamat mencoba.
(by post).

Membuat Text Berjalan Atau Marquee

Mungkin semua sobat sudah mengerti cara membuat nya. Tapi tidak salah juga jika saya share, Sekarang langsung saja saya pratekkan:

1. Dari arah kiri ke kanan
dari kiri ke kanan

2. Arah bolak-balik
arah bolak balik

3. Dari kanan ke kiri dengan kecepatan "10"
dari kanan ke kiri dengan kecepatan 10

4. Arahkan mouse text berhenti
arahkan mouse teks berhenti

5. Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

dari atas ke bawah

6. Dengan latar belakang warna
dari kanan ke kiri

7. Dengan gambar/foto

Selesai.

Cara Mudah Menghilangkan Garis Bawah Pada Link

Biasanya sebuah tulisan yang berbentuk link memang mempunyai garis bawah, sebenar nya garis bawah tersebut dapat di hilangkan (bagi yang ingin menghilangkannya).
Bagi yang ingin menghilangkan garis bawah pada link sangatlah mudah, langsung saja caranya :

1.Login ke blog sobat.
2.Pilih rancangan.
3.Pilih edit html.
4.cari kode ]]></b:skin>
5.Letakkan kode di bawah ini diatasnya:

6.Simpan.
Selamat Mencoba.

(by post)

Membuat Kotak Komentar Facebook Dibawah Postingan

Membuat kotak komentar di facebook sangatlah menarik, pengunjung dapat berkomentar melalui facebooknya. Dan cara membuatnya sangat mudah, Langsung saja cara membuat nya :

1.Login ke blog.
2.Dasbor >> Tata Letak >> Edit HTML >> Centang Expand Template Wdget.
3.Cari kode <data:post.body/> (Ctrl + F untuk mempermudah pencarian).
4.Letakkan kode di bawah ini tepat di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='5' width='460'/></b:if>

5.Simpan.

* width='460' Atur lebar kotak komentar facebook sesuai dengan Template blog. (by post)

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)" Di Blog

Terkadang sobat blogger ada yang tidak ingin ada tulisan "Langgan: Entri (Atom)" di blog sobat , dengan alasan tertentu sobat bisa menghapus tulisan tersebut. Cara menghapus/menghilangkan nya sangatlah mudah dan tidak perlu waktu lama.

Cara menghapusnya sebagai berikut :
1.Login Ke blog sobat
2.Pada halaman Dasbor, pilih Tata Letak
3.Kemudian pilih Edit HTML
4.Cari kode di bawah ini :

5.Kalau sudah ketemu hapus kode tersebut.
6.Next simpan. (by post)

Cara Membuat Recent Comment Di Blog

Recent Comment adalah Komentar Terakhir yang ada di blog kita, baik komentar dari pengunjung mau pun komentar dari kita sendiri atau Admin.

Langsung saja Cara Membuat Recent Comment di Blog :

1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Add a Gadget > Tambah Gadget.
4.Kemudian pilih HTML / JavaScript.
5.Kemudian Copy dan pastekan Code dibawah ini :

6.Ganti http://www.andisitorus.com dengan alamat url sobat.
7.Next Simpan.

(by post)

Cara memasang buttons SHARE di bawah postingan

Tombol share biasanya di gunakan untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah di bacanya ke jejaring sosial mereka seperti,Facebook,Twitter,google+,layanan tersebut saat ini menjadi salah satu tempat share yang sangat populer.

Lansung saja:
1.Login ke blog sobat.
2.Pilih Rancangan>Edit HTML.
3.Pilih download template lengkap untuk membackup template sobat.
4.Ceklist pada expand template widget.
5.Cari kode <data:post.body/> (Gunakan Ctrl+f agar lebih cepat).
6.Copy scrip code di bawah ini kemudian pastekan tepat di bawah kode tersebut:

<div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>

7.Next Simpan.
(by post)