Tuesday, November 13, 2012

Cara Membuat Label Breadcrumb Cepat Terindex Google

Selama seminggu lebih saya cari-cari di mbah google tak ketemu juga Cara Membuat Label Breadcrumb Cepat Terindex Google, akhirnya saya kirimkan email ke pemilik blog yang label breadcrumb-nya terindex oleh google, itupun melelui proses yang panjang, dan tak terjawab emailku beberapa kali, dan akhirnya aku utak-utik mencoba dan mencoba ketemu juga kodenya, maka dari itu jika Anda seorang blogger yang bingung untuk mengoptimal label breadcrumb kami share disini.

label breadcrumb
Untuk itu silahkan ikuti caranya dibawah ini :

1. Masuk ke dasbord >> rancangan >> edit HTML.

2. jika blog Anda sudah ada breadcrumb-nya hapus saja, caranya cari kode : breadcrumb pada template kemudian hapus semuanya hingga tak ada kode breadcrumb lagi (gunakan 'ctrl+f' untuk mempermudah pencarian).

3. Jika sudah cari kode HTML ]]></b:skin>.

4. Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}


5. Setelah itu cari kode ini :

<b:include data='top' name='status-message'/>


Note :
- Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>


- Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>


6. Langkah selanjutnya silahkan cari kode :

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


7. Letakkan kede berikut tepat diatasnya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


Sekarang klik save lalu cek hasilnya disini

sumber : tutorial sagita

Cara Pasang Script PopUp Window Pada Blog

PopUp Window merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up, 2 pop up, 3 pop up bahkan bisa sebanyak mungkin yang di kehendaki.


Halaman PopUp Window Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrit iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up.

Berikut Tutorial Cara Pasang Script PopUp Window Pada Blog :

1. Login ke akun blogger kamu.
2. Pilih Rancangan »» edit HTML.
3. Beri tanda checklist pada Expand widget template.
4. Cari kode <body>
5. letakkan kode berikut dibawah kode <body> :

<script type='text/javascript'>
var popurls=new Array()
popurls[0]=unescape(&#39;%68%74%74%70%3A%2F%2F%77%77%77%2E%68%6F%6D%65%2D%73%61%67%69%74%61%2E%74%6B%2F&#39;)
popurls[1]='http://www.sagita-com.tk/'
popurls[2]='http://www.home-sagita.tk/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>

6. Simpan template.

Keterangan:
Jika Anda memasang script pop up diatas,maka akan muncul halaman-halaman lagi sesuai yang Anda targetkan,ganti yang berwarna merah dengan halaman pop up Anda sendiri.
Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas :
popurls[nomer]='http://link-url-tujuan.com'

atau jika ingin mengurangi tinggal buang salah satunya.

sumber : tutorial sagita

Membuat Efek Gelembung Bertaburan Pada Blog

Membuat Efek Gelembung Pada Blog Mungkin artikel ini sudah di bahas di blog para blogger yaitu kalo ngga salah yaitu Tentang cara membuat efek hujan di blog,efek hujan salju atau daun yang jatuh berguguran, tapi kali ini saya berbagi sebuah tips tentang cara membuat efek gelembung yang bertaburan di blog,wuihhh...! keren kaya acara pesta atau konser hi..hi...hi....,oke langsung saja saya tidak akan banyak bicara lagi, jika kamu ingin mencobanya silakan ikuti langkah berikut ini :

1. Pertama masuk dulu ke akun blogger Anda.

2. Masuk rancangan.

3. Edit HTML.

4. Cari kode berikut :

<body>


5. Lalu copy script di bawah ini lalu pastekan di bawah kode <body> :

<script src='http://sagita-com.googlecode.com/files/whitebubble.js'></script>


6. Setelah itu simpan template.

7. Dan sekarang lihat blog Anda ada gelembung yg betaburan.

sumber : tutorial sagita

Tips Supaya Semua Halaman Posting Blog Terindex Google

Pada postingan sebelumnya kami telah membahas tentang Cara Submit Blog Ke Search Engine Dengan Sitemap Generator, untuk kali ini untuk melengkapinya Kami uraikan Tips Supaya Semua Halaman Posting Blog Terindex Google. Semua Halaman Posting Blog Terindex Google adalah sesuatu yang sangat mengasikan saat kita memposting. Sudah kita pahami bahwa sebuah blog akan memiliki banyak pengunjung jika halaman-halamannya banyak yang terindex oleh search engine, sehingga pengunjung dari search engine tersebut akan dapat menemukan blog kita melalui search engine (seperti google).


Ngomong-gomong tentang SEO kali ini saya ingin sedikit membagi pengalaman ngeblog supaya Semua Halaman Posting Blog Terindex Google dengan sempurna. Cara lainya dengan Upload Sitemap XML Blog Ke Google Webmaster, namun menurut saya cara tersebut belumlah sempurna.

Silahkan ikuti cara berikut :

1. Silahkan Anda daftar dulu di Google Webmaster melalui google. Kalau sudah punya akun Google Webmaster silahkan Log In kesana, lalu menuju pengaturan Sitemap (Site Configuration – Sitemaps)

Webmaster
2. Kemudian, jika blog-mu baru didaftarkan Google webmaster tool, maka akan tampil seperti berikut :

Sitemap
3. Langkah selanjutnya, perhatikan gambar diatas, silahkan Anda klik tombol Submit a Sitemap pada Google webmaster Anda agar Semua Halaman Posting Terindex Google, lalu masukkan URL sitemap berikut ini:

atom.xml?redirect=false


4. Lalu Setelah sitemap itu disubmit, lanjutkan dengan mensubmit URL berikut :

feeds/posts/default?orderby=updated


5. Lakukan hal yang sama untuk URL berikut:

atom.xml?redirect=false&start-index=1&max-results=500


Note :
Jika jumlah posting blog Anda sudah banyak (lebih dari 500 postingan), maka masukkan juga sitemap berikut agar Semua Halaman Posting Terindex Google:

atom.xml?redirect=false&start-index=501&max-results=500


serta jika jumlah posting blog Anda lebih dari 1000, agar Semua Halaman Posting Terindex Google masukkan sitemap yang berikut ini:

atom.xml?redirect=false&start-index=1001&max-results=500


dan seterusnya, format URL sitemap (seperti diatas) menyesuaikan jumlah posting blog Anda. Setelah semua URL tersebut masuk ke Sitemaps Google, tunggu beberapa lama, atau tutup saja Google Webmaster Toolnya dan lihat esok hari, maka biasanya semua Semua Halaman Posting Terindex Google dengan sempurna.

Selamat mencoba !

sumber : tutorial sagita

Tips Menampilkan Adsense di Tengah Postingan

Untuk Menampilkan Adsense di Tengah Postingan membutuhkan sedikit trik, karena kalo cuma asal pasang script adsense didalam potingan maka iklan adsense tidak akan muncul. Nah kali ini akan kita bahas tips untuk menampilkan adsense didalam postingan.

Silahkan ikuti tips berikut :

1. Login ke blogger kemudian pilih "Layout -> Edit HTML".

2. Beri tanda centang pada kotak "Expand widget template".

3. Cari Kode berikut :

<p><data:post.body/></p>


4. Hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanaya ada 2 kode seperti itu. Jadi pilih kode yg pertama.

5. Setelah itu letakan kode Google adsense kamu dibawah kode tersebut. Tp sebelumnya perhatikan yg berikut ini.

kode adsense biasanya seperti ini :

<script type="text/javascript"><!--
google_ad_client = "pub-5569888573993887";
/* 468x60, created 4/9/08 */
google_ad_slot = "0716000951";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>


Note :
perhatikan kode yang berwarna merah ( <!-- dan //-->). Hapus kedua kode tersebut. Kemudian copy kode adsense dan letakkan dibawah kode <p><data:post.body/></p>. Lalu simpan Template Anda.

6. Selesai, dan selamat mencoba !

sumber : tutorial sagita

Tips Menampilkan Foto Profil/Avatar Pada Komentar Blog

Terkadang disetiap template pada blogger yang kita download belum tentu Menampilkan Foto Profil/Avatar Pada Komentar Blognya, nah kali ini Kami akan sedikit memberi tutorial tentang cara menampilkan foto profil pada komentar blog Anda.

komentar
Langsung saja,cara menampilkan foto profil pada komentar blogger caranya sebagai berikut:

1. Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.

2. Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih "ya".

3. Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan.

Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat? Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di blogger cukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga, Sobat perlu melakukan langkah tambahan sebagai berikut:

4. Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.

5. Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.

6. Setelah selesai, beri centang pada kombo disamping expand template widget.

7. Selanjutnya cari kode:

]]></b:skin>


8. Setelah ketemu, taruh kode berikut tepat diatasnya :

#comments-block .avatar-image-container img {background: #fff url(http://lh4.ggpht.com/_pt7i0nbIOCY/TB7SOsATxlI/AAAAAAAACsU/e842B5uZoWk/avatar%5B14%5D.jpg) no-repeat left top; width:35px;height:35px}


Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat,kode merah itu adalah tampilan avatar untuk anonimous pada blog Anda.

9. Lanjut dengan mecari kode :

<dl id='comments-block'>


10. Hapus kode tersebut lalu ganti dengan kode berikut :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>


11. Masih belum selesai, terakhir cari:

<a expr:name='data:comment.anchorName'/>


12. Lalu hapus dan ganti kode tersebut dengan
kode seperti dibawah ini:

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>


13. Selesai, Langkah terakhir Klik simpan template.

Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atau NAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.

sumber : tutorial sagita

Cara Modifikasi Kotak Komentar Blog

Pada kesempatan yang lalu kami telah membahas tentang Cara Membuat Show-Hidden Comment Blog Nan Cantik, untuk kali ini Kami berbagi tips yang tak kalah menarik. Supaya pengunjung blog kita mau menyempatkan waktunya untuk berkomentar pada artikel yang kita berikan. tak heran jika kotak komentar kita menarik perhatian pengunjung maka otomatis mereka akan berkomentar pada blog kita. Suatu contoh pada gambar berikut :

Kommentar
Perlu di ketahui sebelumnya bahwa setiap kode template antara yang satu dengan yang lain bisa berbeda bisa juga sama, jika tutorial ini tidak sama dengan kode yang ada pada template anda, maka maaf saja berarti anda kurang beruntung.

Berikut langkah demi langkah Cara Modifikasi Kotak Komentar Blog :

1. Login ke blogger dengan ID anda.

2. Klik Tata Letak.

3. Klik tab Edit HTML.

4. Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya(penting!).

5. Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.

6. Cari kode pada bagian CSS yang seperti ini :

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


7. Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}

#bg_commentblock {
width: 548px;
background: #ffffff;
float: left;
padding:20px;
margin:0 0 10px 0;
border:1px solid #C0C0C0;
}

#commentblock {
width: 510px;
background: #E8E8E8;
text-align:left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #333333;
border-bottom: 1px solid #333333;
}
#commentblock ol {
list-style-type: square;
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}

.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}

.commentinfo{
clear: both;
}

.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(http://2.bp.blogspot.com/-oCadKApeGVQ/T2ALzzp8euI/AAAAAAAACOg/95w2WrTjEeM/s1600/commentgray.gif.png) no-repeat top left;
}
.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(http://2.bp.blogspot.com/-oCadKApeGVQ/T2ALzzp8euI/AAAAAAAACOg/95w2WrTjEeM/s1600/commentgray.gif.png) no-repeat top left;
}


8. Scroll Ke bagian bawah, dan cari kode yang seperti ini :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1<data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

Note :
Prioritaskan yang berwarna merah.

9. Hapus / delete kode di atas lalu ganti dengan kode yang ada di bawah ini :

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>

<div id='bg_commentblock'>

<h4>

Komentar :

</h4>

<div id='commentblock'><!--commentblock-->

<strong>ada</strong> <b:if cond='data:post.numComments == 1'>1
<b:else/>
<strong><data:post.numComments/> <data:commentLabelPlural/> ke &#8220;<data:post.title/>&#8221;</strong>
</b:if>

<dl class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd></span>
<dd class='commenttext'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>
</div><!--end commentblock-->

</div>
</b:if>


10. Klik tombol Simpan Template.

11. Selesai. Silahkan lihat hasilnya.

Kode-kode diatas tentunya tidaklah mutlak harus seperti itu, jika anda sedikit familiar dengan css, maka anda bisa berkreasi lebih. Terutama pada bagian lebar kotak komentar, anda harus menyesuaikan dengan lebar kotak komentar template anda. Sedikit petunjuk, untuk mengubah lebar kotak koemntar di atas, anda tinggal mengganti nilai dari width nya, contoh : width: 548px; di ubah jadi width: 500px; atau berapa saja sesuai dengan template anda.

sumber : tutorial sagita

Cara Membuat Tombol Buku Tamu / Chat Box Di Sudut Blog + Go To Top - Go To Down


ChatSelamat pagi sobat blogger, kalau dulu SAGITA COM pernah membahas tentang Cara Buat Buku Tamu Blog Hidden Show Secara Perlahan, untuk kali ini Kami akan melanjutkan penyempurnaannya. Bukutamu yang kami maksut kali ini berada di pojok kanan bawah blog dan kami tambahkan tobol Go to top - go to down yang sering di cari para blogger, karena pergeserannya yang sangat lembut dan tampak slider.

Sering kita jumpai bahwa jika kita membuka blog maka akan membuka Buku tamu juga, walaupun itu tampak tak terlihat di layar, dan itu akan memperberat loading blog kita, untuk itu mari kita kurangi berat loading blog kita supaya pengunjung betah untuk berlama-lama di blog kita.



Script ini benar-benar menyembunyikan Bukutamu blog dan membukanya setelah di klik tombolnya, suatu contoh Anda bisa lihat di blog ini, jika tombol bukutamu di klik maka browser akan me-load bukutamu, jadi blog tak terasa berat saat di buka awal, bila pengunjung tak menghendaki blogwalking atau sekedar ingin mengetahui apa isi dari konten blog tak akan terasa berat saat di load.

Chatbox

Berikut Adalah Urutan Cara Membuatnya :

<!-- Menu START -->
<div id='zfpm_div' style='display:none;'>
<div id='zfpm_upperBox'>
</div>
<ul id='zfpm_ul'>
<!-- Your menus start -->
<li><div id='ShoutMix' style='text-align: center; line-height:0;display:none;'>

<iframe allowtransparency='yes' frameborder='0' height='500' scrolling='no' src='http://sagita-com.cbox.ws/' width='775'></iframe>

</div>
<input id='sgtvOpener' name='sgtvOpener' onclick='sgtvToggleDisplay(&apos;ShoutMix&apos;,&apos;10%&apos;,&apos;80%&apos;,&apos;10%&apos;,&apos;5%&apos;,&apos;90%&apos;,&apos;5%&apos;);' style='display:block; float:center;' type='button' value='Chat Box'/>
<script src='http://sagita-com.googlecode.com/svn/sGTviewer.js' type='text/javascript'/></li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;no&#39;;
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://sagita-com.googlecode.com/svn/Menu-sudut.js' type='text/javascript'/>
<!-- Menu END -->


Ket :
* Letakkan kode di atas tepat di atas kode </body>.
* Sesuaikan width dan height pada style buku tamu agar sesuai dengan template blog Anda.
* Ganti tulisan yang berwarna biru dengan alamat BUKU TAMU Anda.
* Ganti tulisan yang berwarna merah dengan kata-kata sesuka Anda.
* Save dan lihat hasilnya.

sumber : tutorial sagita 

Cara Membuat Show-Hidden Comment Blog Nan Cantik

Hallo sobat blogger, kali ini Kami akan share tentang Cara Baru Membuat Show-Hidden Comment Blog Nan Cantik berkat request dari teman-teman bloger SAGITA COM, mungkin bagi para master ini tidak asing lagi, tapi Kami akan mencoba untuk mengulasnya untuk para teman-teman yang kepingin membuatnya. penasaran.... !

Comment

Sebenarnya script ini tidak jauh beda dengan script-scrip SAGITA COM yang lain, cuma penggunaannya yang berbeda,langsung aja kita buat sama-sama yuk !

Berikut adalah langkah demi langkahnya :

1. Silahkan login ke account blogger Anda.

2. Pilih Rancangan -> Edit HTML ->Cheklist pada kotak "Expand Template Widget".

3. Download template lengkap dulu, apabila ada kesalahan dapat di kembalikan lagi seperti smula.

4. Cari kode :


<dl id='commentlist'>
<b:loop values='data:post.comments' var='comment'>


(untuk mempermudah pencarian tekan CTRL + F) Bila tidak ketemu silahkan cari kode yang merip dengan kode tersebut.

5. Jika sudah ketemu letakkan kode berikut tepat di atasnya :

<input id='cmnvOpener' name='cmnvOpener' onclick='cmnvToggleDisplay(&apos;ShowComment&apos;,&apos;10%&apos;,&apos;80%&apos;,&apos;10%&apos;,&apos;5%&apos;,&apos;90%&apos;,&apos;5%&apos;);' style='display:block; float:center;' type='button' value='Show Comment'/><script src='http://sagita-com.googlecode.com/svn/cmnviewer.js' type='text/javascript'/>
<div id='ShowComment' style='text-align: center; line-height:0;display:none;'>


6. Langkah selanjutnya silahkan scrool ke bawah sampai menemukan kode :

</b:loop>
</dl>


7. Letakkan kode di bawah ini tepat setelahnya :

</div>


Contoh :
</b:loop>
</dl></div>


8. Save template, dan silahkan lihat hasilnya.

sumber : tutorial sagita

Cara Buat Menu Melayang Di Sudut Blog

Menu Melayang Di Sudut Blog adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan. Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan).

menu



Code Menu Melayang :

Letakkan kade berikut di atas kode </body>



<!-- zFPmenu START -->
<div id='zfpm_div' style='display:none;'>
<div id='zfpm_upperBox'>
<!-- Place ads, text message, or anything here. -->
</div>
<ul id='zfpm_ul'>
<!-- Your menus start -->
<li class='dir'><a href='/'>Your menu 1 </a>
<ul>
<li class='dir'><a href='/'>Your submenu 1.1</a>
<ul>
<li><a href='/'>Your sub-submenu 1.1.1</a></li>
<li><a href='/'>Your sub-submenu 1.1.2</a></li>
</ul>
</li>
<li><a href='/'>Your submenu 1.2</a></li>
<li><a href='/'>Your submenu 1.3</a></li>
</ul>
</li>
<li class='dir'><a href='/'>Your submenu 2</a>
<ul>
<li class='dir'><a href='/'>Your submenu 2.1</a>
<ul>
<li><a href='/'>Your sub-submenu 2.1.1</a></li>
<li><a href='/'>Your sub-submenu 2.1.2</a></li>
</ul>
</li>
<li><a href='/'>Your submenu 2.2</a></li>
<li><a href='/'>Your submenu 2.3</a></li>
</ul>
</li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;no&#39;;
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://sagita-com.googlecode.com/svn/Menu-sudut.js' type='text/javascript'/>
<!-- zFPmenu END -->


Ket :
* Ganti tulisan YOUR MENU, YOUR SUBMENU 2.1, dll dengan link-link yang ada pada blog Anda, contoh :


<ul id='zfpm_ul'>
<!-- Your menus start -->
<li class='dir'><a href="http://www.sagitasoft.com/">Homepage</a>
<ul>
<li><a href='http://www.sagitasoft.com/2011/07/daftar-isi-sagita-com.html'>Daftar Isi</a></li>
</ul>
</li>



Setting/Variable

Anda dapat mengubah tema warna dan berbagi pengaturan tombol visibilitas.

var zfpm_colorTheme = 'light';
Mengatur warna tema untuk widget menu.
Valid input: 'light' or 'dark'

var zfpm_shareBox = 'no'
Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.
Valid input: 'yes' or 'no'


sumber : tutorial sagita

Tutorial Membackup Data Dalam "Widgets" Blog

Ketika Kita mengganti template yaitu menghilangnya segala aksesori serta blog tools yang telah di pasang di blog, Kita juga akan kehilangan widget, maka pada postingan kali ini saya akan mencoba mengulas tentang bagaimana cara membackup data-data yang telah di masukan ke dalam elemen halaman atau di sebut juga dengan widget.

Ada banyak cara untuk membackup data yang ada dalam Widgets, untuk kali ini saya akan mencoba dua buah langkah saja yaitu membackup secara langsung dari elemen halaman serta membackup melalu source code template.

* Membackup widgets melalui Elemen Halaman.

Membackup widgets dengan cara ini sebenarnya sedikit merepotkan, akan tetapi daripada kita kehilangan berbagai aksesori serta tool yang telah terpasang, sepertinya lebih bijaksana untuk melakukannya.

Silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan ID sobat.

2. Klik Layout.

3. Klik menu Elemen halaman, sobat akan melihat halaman seperti ini (contoh saja) :

widget
4. Pada contoh gambar di atas terlihat tulisan edit yang saya beri lingakaran merah, tugas sobat yaitu klik pada tulisan Edit pada setiap elemen halaman yang ada, maka akan muncul popup window yang menyertakan kode yang pernah di masukan kedalamnya. Perhatikan gambar berikut :

pop-up-window
5. Copy kode yang tertanam di dalamnya, kemudian paste pada Notepad.

6. Ulangi langkah di atas pada seluruh elemen yang ada. Jika sobat mempunyai 20 elemen halaman,
maka buka ke 20 elemen halaman tersebut lalu copy paste kode yang ada di dalamnya

7. Selesai.

Seperti yang saya katakan di atas bahwa langkah ini sedikit membosankan dan memerlukan waktu yang cukup lumayan lama, akan tetapi untuk menyelamatkan data yang ada maka bolehlah untuk di lakukan.


* Backup widget melalui Source Code Template.

Cara ini menurut saya lebih cepat dan efisien, hanya perlu sedikit waktu untuk melakukannya. Akan tetapi walaupun demikian, cara ini memerlukan kejelian sobat dalam mencari kode widget di balik tumpukan kode template yang ada. Penasaran bagaimana langkahnya? silahkan ikuti langkah-langkah berikut ini :

1. Kunjungi alamat blog milik sobat sendiri.

2. Setelah sobat berada pada blog sobat sendiri, klik menu View yang berada pada bar menu sebelah atas pada browser masing-masing. Perhatikan gambar berikut :

sorce-code
3. setelah klik View, maka akan keluar sub menu dari view ini, lalu klik Source.

4. Apabila sobat memakai browser Internet Explorer, maka akan secara otomatis keluar program notepad yang memuat source code dari template milik sobat. Apabila sobat memakai browser Mozilla Firefox atau Opera, maka akan keluar halaman baru yang memuat source code dari template milik sobat. Perhatikan gambar berikut :

PopUp
5. Simpanlah (Save) data source code tersebut untuk nanti di masukan ke dalam elemen halaman.

6. Selesai.

Seperti yang saya katakan di awal bahwa cara ini sangat mudah, akan tetapi source code tersebut memuat bukan hanya kode widget, akan tetapi seluruh kode yang termuat di dalam template milik sobat. Pertanyaan yang mungkin timbul yaitu di manakah letak kode-kode yang ada dalam elemen halaman/widget? Jawabannya yaitu setiap kode (baik aksesori blog, javascript, kode buku tamu, dll) yang tertanam di dalam elemen halaman akan selalu di awali dengan kode :

<div class='widget-content'>


Dan di akhiri dengan kode :

</div>


Sebagai contoh, di dalam source code template milik saya terdapat kode seperti ini :

<h2 class='title'>Buku Tamu</h2> <!-- yang ini kode judulnya -->
<div class='widget-content'> <!-- perhatikan kode yang ini -->
<!-- Begin Shoutbox - http://www.shoutmix.com -->
<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
<!-- End Shoutbox -->
</div> <!-- perhatikan juga kode yang ini -->


Maka dapat di pastikan kode yang ada dalam widget untuk keperluan nanti di masukan kembali saat baru mengganti template adalah kode yang ini :

<!-- Begin Shoutbox - http://www.shoutmix.com -->
<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya" height="500" title="jaya">
<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox at ShoutMix!"></a><br/>
<!-- End Shoutbox -->


Semoga dengan postingan ini, ketika sobat mengganti template dengan yang baru tidak lagi mengeluhkan kehilangan berbagai kode yang ada dalam elemen halaman karena sudah membuatkan backup elemen halaman. Jadi mulai sekarang, apabila sobat berniat untuk mengganti template, jangan lupa untuk membuatkan backup template serta Backup elemen halaman / Widget.

Selamat mencoba !

sumber : tutorial sagita

Cara Modivikasi Css Threaded Comments Blogspot

Untuk mempercantik atau memper indah tampilan threaded comments yang merupakan fitur komentar baru dari blogger, saya akan sharing kode Css untuk threaded comments blogger tersebut. Sebelum anda menggunakan Css ini, tentunya harus mengaktifkan fitur Threaded Comments blog terlebih dahulu. bagaimana mengaktifkan threaded comments? nah silahkan anda baca dulu artikel "Cara Mengaktifkan Threaded Comments Pada Blogspot"

Threaded comments2
Jika anda sudah mengaktifkan fitur thread comments blogger tersebut, sekarang tinggal mempercantik tampilannya sebagai berikut :

1. Login ke blog anda > Design > Edit Html > Expand Widget Templates. (jangan lupa backup template dulu, untuk menjaga hal yang tidak diinginkan).

2. Cari kode seperti berikut :
<b:includable id="threaded_comment_css">
<style>
.comments {
.......
.......
.......
.......
</style>
</b:includable>

3. Silahkan anda ganti semua kode tersebut dengan kode di bawah ini :
<b:includable id='threaded_comment_css'>
<style>
.comments {
clear: both;
marfin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
background:#1F9EE5;
cursor:pointer;
color:#ffffff;
padding:2px 3px; margin-right:10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:9px sans-serif; border:1px solid #1F9EE5;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#5AB1E2; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px; background:#EBF5FE; border: 1px dotted #DDD;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
background: url(https://lh3.googleusercontent.com/-ctEx0DiHeAg/Tx18GCChNSI/AAAAAAAAAE8/T7WMHl5RfHs/h80/icon_clock.gif) no-repeat;
margin-left:6px;
padding-left:20px;
font-size:10px;
float:right;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .commdnt-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: left;
width: 36px;
max-height: 36px;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
</style>
</b:includable>

4. Langkah terahir yaitu simpan template dan lihat hasilnya.

Jika anda tidak menemukan kode <b:includable id="threaded_comment_css">, maka gunakan kode di bawah ini dan paste di atas kode ]]></b:skin> :
.comments {clear: both;margin-top: 10px;margin-bottom: 0px;line-height: 1em;}
.comments .comments-content {font-size: 12px;margin-bottom: 16px;font-family: Verdana;font-weight: normal;text-align:left;line-height: 1.4em;}
.comments .comment .comment-actions a {background:#1F9EE5;cursor:pointer;color:#ffffff;padding:2px 3px; margin-right:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:9px sans-serif; border:1px solid#1F9EE5;}
.comments .comment .comment-actions a:hover {text-decoration: none;background:#5AB1E2;border:1px solid #5AB1E2;}
.comments .comments-content .comment-thread ol {list-style-type: none;padding: 0;text-align:none;}
.comments .comments-content .inline-thread {padding: 0.5em 1em;}
.comments .comments-content .comment-thread {margin: 8px 0px;}
.comments .comments-content .comment-thread:empty {display: none;}
.comments .comments-bontent .comment-replies {margin-top: 1em;margin-left: 40px;font-size:12px;background:#EBF5FE; border: 1px dotted #DDD;}
.comments .comments-content .comment {margin-bottom:16px;padding-bottom:8px;}
.comments .comments-content .comment:first-child {padding-top:16px;}
.comments .comments-content .comment:last-child {border-bottom:0;padding-bottom:0;}
.comments .comments-content .comment-body {position:relative;}
.comments .comments-content .user {font-style:normal;font-weight:bold;}
.comments .comments-content .icon.blog-author {width: 18px;height: 18px;display: inline-block;margin: 0 0 -4px 6px;}
.comments .comments-content .datetime {background: url(https://lh3.googleusercontent.com/-ctEx0DiHeAg/Tx18GCChNSI/AAAAAAAAAE8/T7WMHl5RfHs/h80/icon_clock.gif) no-repeat;margin-left:6px; padding-left:20px; font-size:10px; float:right;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin:0 0 8px;}
.comments .comments-content .comment-content {text-align:none;}
.comments .comments-content .owner-actions {position:absolute;right:0;top:0;}
.comments .comments-replybox {border: none;height: 250px;width: 100%;}
.comments .comment-replybox-single {margin-top: 5px;margin-left: 48px;}
.comments .commdnt-replybox-thread {margin-top: 5px;}
.comments .comments-content .loadmore a {display: block;padding: 10px 16px;text-align: center;}
.comments .thread-toggle {cursor: pointer;display: inline-block;}
.comments .continue {cursor: pointer;}
.comments .continue a {display: block;padding: 0.5em;font-weight: bold;}
.comments .comments-content .loadmore {cursor: pointer;max-height: 3em;margin-top: 3em;}
.comments .comments-content .loadmore.loaded {max-height: 0px;opacity: 0;overflow: hidden;}
.comments .thread-chrome.thread-collapsed {display: none;}
.comments .thread-toggle {display: inline-block;}
.comments .thread-toggle .thread-arrow {display: inline-block;height: 6px;width: 7px;overflow:visible;margin: 0.3em;padding-right: 4px;}
.comments .thread-expanded .thread-arrow {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;}
.comments .thread-collapsed .thread-arrow {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;}
.comments .avatar-image-container {float: left;width: 36px;max-height: 36px;overflow: hidden;}
.comments .avatar-image-container img {width: 36px;}
.comments .comment-block {margin-left: 48px;position: relative;}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {.comments .comments-content .comment-replies {margin-left: 0;}}


Selamat mencoba, dan semoga berhasil !

sumber : tutorial sagita

Cara Mengaktifkan Threaded Comments Pada Blogspot

Threaded comments adalah fitur terbaru dari blogger/blogspot. Fungsingya adalah membuat komentar pada postingan berulir dan lebih menarik di bandingkan fitur komentar sebelumnya. Fitur komentar ini sudah bisa di temukan pada blog baru dengan template standard dari blogger. Untuk blog yang menggunakan template yang sudah di modifikasi, threaded comments ini kebanyakan belum aktif, alias masih menggunakan format komentar yang lama.

Threaded comments

Cara Mengaktifkan Threaded Comments Pada Blogspot sebagai berikut :

1. Aktifkan pengaturan komentar anda, ke halaman setting > Comments. Pilih show dan Embedded below post untuk Comment Form Placement.

2. Jangan lupa backup templates untuk menjaga hal yang tidak di inginkan.

3. Buka halaman design > Edit HTML > centang expand widgets templates.

4. Cari kode dibawah ini :
<b:include data='post' name='comments'/>

Kira kira kodenya seperti ini :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

5. Jika sudah ketemu, silahkan anda ganti semua kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

6. Langkah terahir yaitu simpan template dan lihat hasilnya.

sumber : tutorial sagita

Tips Menghilangkan Pesan Pencarian Label Blogger

Jika anda melakukan pencarian di blog, baik itu melalui mesin pencari yang di pasang pada blog tersebut atau melalui label ataupun arsip blog, maka biasanya di atas halaman pencarian akan muncul pesan seperti ini :

pesan-pencarian
Berikut langkah-langkah untuk menghilangkan pesan pencarian label di blogger :

1. Sign in ke blogger dengan ID anda.

2. Klik Tata Letak.

3. Klik tab Edit HTML.

4. Klik tulisan Download Template Lengkap. silahkan di backup dulu biar aman.

5. Cari kode seperti ini ]]></b:skin>.

6. simpan kode berikut di atas kode yang tadi :
.status-msg-wrap{
display:none;
}

7. Klik tombol Simpan Template.

8. Selesai.

Sekarang Anda cek pada pencarian label di blog Anda, jika sudah tak ada pesan pencariannya berati Anda berhasil, dan semoga sukses !

sumber : tutorial sagita

Cara Pasang Meta Tag Judul Blog SEO Friendly

SEO(Search Engine Optimization) blog tentunya tidak akan pernah habisnya, begitu banyak tips seo serta trik-trik yang saat ini masih tetap tersembunyi dan bisa dipastikan semuanya tidak ada mutlak benar namun bisa dikatakan mendekati kebenaran. Kami akan memberikan sedikit tips seo blogger yang berhubungan dengan judul atau bagian header blog tepatnya Setting Meta Tag Title khusus para pengguna platform BlogSpot agar SEO Friendly tentunya dimaksudkan agar supaya blog anda ramah terhadap search engine sehingga dampak SERPs blog menjadi lebih baik dari sebelumnya.

Title tag
Berikut step by step Cara Pasang Meta Tag Judul Blog SEO Friendly :

1. Login account di blogger/ blogspot
2. Masuk ke menu tata letak/ kustomisasi
3. Pilih Edit HTML
4. Back up data (Download Template Lengkap) untuk mencegah apabila terjadi kesalahan.
5. Cari code berikut ini :
<title><data:blog.pageTitle/></title>

6.Hapus kemudian Ganti dengan kode di bawah ini !
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Keterangan :
Perhatikan kode script yang warna merah itu adalah judul blog utama, sehingga hasil title tag nya nama posting akan tampil terlebih dahulu setelah itu baru judul blog utama.

7. Simpan template Anda dan lihat hasilnya.

sumber : tutorial sagita

Cara Meletakkan Artikel Terkait Di Widget Blog

Cara Meletakkan Artikel Terkait Di Widget Blog adalah salah satu trik lama namun tidak ada salahnya bukan jika sesama newbie ini saling share. salah satu tips menaikkan pageviews blog adalah dengan memasang widget artikel terkait di blog. bukan cuma untuk menaikkan pageviews blog, namun juga untuk mempercantik tampilan blog.

Terkait


Berikut langkah demi langkah tutorialnya :

1. Login ke blog anda > Edit HTML > centang expand widget templates.

2. Cari kode </head> ( gunakan CTRL + F untuk mempermudah pencarian ).

3. Copy kode dibawah ini dan paste di atas kode </head>.

<!-- Related Post -->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>


4. Selanjutnya cari kode

<div class='post-footer-line post-footer-line-1'>


atau

<div class='post-footer-line post-footer-line-2'>


atau

<div class='post-footer-line post-footer-line-3'>


5. Pilih salah satu saja, kemudian paste kode berikut tepat dibawahnya :

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>


6. Kalau sudah silahkan simpan template.

7. Sekarang lanjut ke Page element > add a gadged dibagian sidebar kanan / kiri > pilih HTML / Javascript > Beri judul ' Artikel Terkait ' kemudian paste kode berikut pada gadget tersebut :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>


8. Save.

9. Sekarang kembali lagi ke Edit HTML > centang expand widget template dan cari title='Artikel Terkait'.

10. Biasanya kodenya seperti dibawah ini

<b:widget id='HTML2' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


11. Sekarang anda tambahkan kode berwarna merah dibawah ini sehingga hasilnyapun seperti dibawah ini :

<b:widget id='HTML2' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


Simpan template dan lihat hasilnya

sumber : tutorial sagita

Cara Membuat Tombol Skip-AD Blog Sebelum Ke Link Tujuan

Postingan kali ini melanjutkan postingan Kami tentang View Button. Mudah-mudahan ini bermanfaat bagi kita para Blogger.

Redirect link

Demo :



Berikut Adalah Caranya :

1. Cari kode dibawah ini, untuk mempermudah pencarian tekan Ctrl + F :


<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<p><data:post.body/></p>

Jika tidak ketemu, silahkan cari code berikut ini :

<p><data:post.body/></p>

Bila Template sudah menggunakan Read More, cari code <p><data:post.body/></p> yang pertama.

2. Jika sudah ketemu letakkan kode berikut tepat di bawahnya :

<input id='dnlvOpener' name='dnlvOpener' onclick='dnlvToggleDisplay(&apos;Downloads&apos;,&apos;10%&apos;,&apos;80%&apos;,&apos;10%&apos;,&apos;5%&apos;,&apos;90%&apos;,&apos;5%&apos;);' style='display:block; float:center;' type='button' value='Download'/>
<script src='http://sagita-com.googlecode.com/svn/dNLdviewer.js' type='text/javascript'/>

* Left: Valid input: example: '50px' or '10%' or 'auto' (satuan px, % atau auto).
* Width: Valid input: example: '700px' or '80%' or 'auto' (satuan px, % atau auto).
* Right: Valid input: example: '50px' or '10%' or 'auto' (satuan px, % atau auto).
* Top: Valid input: example: '25px' or '5%' or 'auto' (satuan px, % atau auto).
* Height: Valid input: example: '600px' or '90%' or 'auto' (satuan px, % atau auto).
* Bottom: Valid input: example: '25px' or '5%' or 'auto' (satuan px, % atau auto).


Semua variabel tersebut berupa string (teks di dalam tanda kutip/bukan nomor).

3. Save tempalet Anda.
4. Selanjutnya bila Anda membuat posting baru, copy code berikut dan pastekan dalam form postingan yang paling bawah :

<div id='Downloads' style='text-align: center; line-height:0;display:none;'><b>Sebelum Download file, Tolong Bantu SAGITA COM "Like" Facebook di bawah ini ya.... !</b><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSAGITA-COM%2F121148511307543&width=775&height=450&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="background:#181907;border:none; overflow:hidden; width:775px; height:450px;" allowtransparency="true"></iframe><br/>
<div style="float:right"><a href="Link Download"><button>Lewati</button></a></div></div>


5. Ganti tulisan yang berwarna merah dengan apa saja terserah anda, contoh diatas menggunakan Like Facebook.
6. Ganti tulisan yang berwarna biru dengan link download anda.
7. Terakhir terbitkan entri, selesai dan lihat hasilnya.

sumber : tutorial sagita

Cara Membuat Halaman Error 404 Blog

Halaman Error 404 Blog merupakan salah 1 dari fitur baru blogger. Ini berguna untuk membantu pengunjung yang salah mengakses link / halaman yang ada di blog kita dengan memberikan petunjuk atau saran pada halaman error yang mereka akses. Dengan kata sederhana Halaman Error 404 adalah halaman yang akan ditampilkan bila halaman yang sebenarnya tidak ditemukan disebut Halaman Error 404.
Halaman Error 404
Jika Anda ingin tampilan halaman error not found seperti blog ini, silahkan ikuti cara di bawah ini :
  1. Login ke Accound blogger Anda.
  2. Klik tab Rancangan -> pilih Edit HTML -> Jangan lupa download template lengkap agar apabila salah dalam pengeditan bisa di kembalikan seperti semula.
  3. Cari code : ]]></b:skin>
  4. Letakkan code berikut tepat di diatasnya :
  5. #error-page { text-align:center; background-color:#900; position:fixed !important; position:absolute; /* IE6 Fallback */ top:0px; right:0px; bottom:0px; left:0px; padding-top:100px; z-index:99999; }
  6. Cari code <body>.
  7. Letakkan code berikut tepat dibawahnya :
  8. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  9. Scroll kebawah dan temukan code </body>.
  10. Letakkan code berikut tepat diatasnya :
  11. </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <a href='http://www.sagitasoft.com/2011/07/daftar-isi-sagita-com.html' title='Daftar Isi Buku'> <img alt='error' src='http://3.bp.blogspot.com/-uZ6diSn3Dys/T21Da-5HGXI/AAAAAAAACYY/d8WwcPgRazQ/s1600/dte-big2.png'/> </a> <h1 style='color:black;font-family:Monospace;'>LAMAN TIDAK DITEMUKAN</h1> </div> </b:if>
  12. Ganti tulisan yang berwarna merah dengan link Anda.
  13. Save template dan silahkan lihat hasilnya.
sumber : tutorial sagita

Cara Membuat Menu Pengganti Navbar Blogspot

Hallo sobat blogger, sudah lama banget nih GITA gak update posting, untuk kali ini saya akan berbagi tentang Cara Membuat Menu Pengganti Navbar Blogspot. Ini sebenarnya request dari salah satu temen blogger kita yang sangat ingin membuatnya untuk di pasang di blognya. Menu Pengganti Navbar Blogspot sangatlah penting untuk memudahkan pengunjung untuk menuju link-link pada blog kita, dari pada panjang lebar kita menuju tutorialnya yuk..... !

navbar
Berikut adalah Cara Membuat Menu Pengganti Navbar Blogspot :

1. Masuklah ke akun blogger Anda.
2. Klik tab Rancangan -> pilih Edit HTML -> Jangan lupa download template lengkap agar apabila salah dalam pengeditan bisa di kembalikan seperti semula.
3. Cari code : <b:skin><![CDATA[
4. Letakkan code berikut tepat di bawahnya :

#navbar-iframe {
height:0;
visibility:hidden;
display:none;
}


5. Caari code : ]]></b:skin>
6. Letakkan code berikut tepat di atasnya :
.menu {
background:#000;
border-bottom:3px solid #111;
box-shadow:0 0 5px white;
-moz-box-shadow:0 0 5px white;
-webkit-box-shadow:0 0 5px white;
-khtml-box-shadow:0 0 5px white;
z-index:100;
top:0;
left:0;
width:100%;
position:fixed;
z-index:10000;
opacity:.9;
filter:alpha(opacity:90);
font-size:13px;
text-align:center;
}

.menu ul {
background:#000;
height:2px;
list-style:none;
margin:0;
padding:0;
}

.menu li {
float:left;
padding:0px;
}

.menu li a {
background:#000;
color:#fff;
display:block;
font-weight:normal;
line-height:27px;
margin:0px;
padding:0px 10px;
text-align:center;
text-decoration:none;
}

.menu li a:hover, .menu ul li:hover a {
background:#212121;
color:#00ff00;
text-decoration:none;
}

.menu li ul{
background:#000;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:100px;
z-index:200;
/*top:1em;/*left:0;*/
}

.menu li:hover ul {
display:block;
}

.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:100px;
}

.menu li:hover li a {
background:none;
}

.menu li ul a {
display:block;
height:27px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.menu li ul a:hover, .menu li ul li:hover a {
background:#212121 center left no-repeat;
border:0px;
color:#fff;
text-decoration:none;
}
.menu p {
clear:left;
}


7. Cari code : <body>
8. Letakkan code berikut tepat di bwahnya :
<div class='menu'><ul>
<li><a href='http://www.ceceprahman.blogspot.com'>Windows</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Software Full</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Tool</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Multimedia</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Aplikasi HP</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Anti Virus</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Internet</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Editing</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Games</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Lainnya</a><ul>
<li><a href=' http://www.ceceprahman.blogspot.com '>News</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Request</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Android</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Billing</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Facebook</a></li>
<li><a href=' http://www.ceceprahman.blogspot.com '>Tips &amp; Triks</a></li></ul></li>
<li style='float:right;margin-right:5px;'><a href='http://www.sagita-com.tk/2011/07/jadikan-sagita-com-halaman-awal-anda.html'>Homepage</a></li></ul></div>


9. Ganti link-link di atas yang berwarna merah sesuaikan dengan blog Anda.
10. Terakhir simpan template dan lihat hasilnya.

sumber : tutorial sagita

Cara Membuat Komentar Blog Seperti Wordpress


Tutorial kali ini akan menjelaskan cara membuat komentar bertingkat seperti wordpress. Tutorial ini tidak menggunkan threaded comment blogger yang baru, tetapi menggunakan sistem komentar lama, dan dimodifikasi sehingga menyerupai komentar wordpress (wordpress threaded comment).


Untuk membuat threaded comment pada system komentar blogger yang baru (baca: Cara Mengaktifkan Threaded Comments Pada Blogspot). Untuk tutorial kali ini, kita akan membuat threaded comment pada sistem komentar lama, seperti screenshoot di bawah ini:

komentar bertingkat

Berikut adalah cara membuatnya :

1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML.

2. Menjaga kegagalan, backup dulu template anda ---> Download Template Lengkap.

3. Centang Expand Template Widget.

4. Tambahkan kode dibawah ini diatas ]]>
#comments h4 {
font-size: 18px;
font-weight: normal;
margin: 20px 0;
}
.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}
.cm_head {
margin: 0;
width:60px;
float: left;
}
.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: url(http://4.bp.blogspot.com/-YemqbaT_OBk/To1GlQs7yVI/AAAAAAAAAJA/jvEmEASW6_Q/s1600/takdikenal.jpg) center no-repeat;
width: 35px;
height: 35px;
}
.cm_avatar_a {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background:#c6e5f7;
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_reply {
padding-top: 5px;
}
.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.cm_entry {
padding: 16px;
background: #fcfcfc;
border: 1px solid #E4E4E4;
overflow: hidden;
}
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}
.cm_info {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #F4F4F4;
padding: 5px;
}
.cm_info_a {
margin-bottom: 5px;
border: thin solid #E6E6E6;
background-color: #dff0fa;
padding: 5px;
}
.cm_name {
font-size: 14px;
color: #666666 !important;
text-decoration:none;
float: left;
}
.cm_name_a {
font-family:"Comic Sans MS", cursive;
font-size: 14px;
color: #666666 !important;
text-decoration:none;
font-weight: bold;
float: left;
}
.cm_date {
font-size: 10px;
color: #999;
text-decoration:none;
float: right;
}
.cm_date_a {
font-family:"Comic Sans MS", cursive;
font-size: 10px;
color: #2D5E7B;
text-decoration:none;
float: right;
padding-top:5px;
}
.cm_entry p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #ffffff;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_entry_a p {
padding: 5px;
clear: both;
border: thin solid #E6E6E6;
background-color: #ffffff;
font-size: 13px;
color: #333;
word-wrap:break-word;
}
.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}
.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}
.cm_pagenavi a:hover {
text-decoration: underline
}
.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}
/* Comment Admin */
.comment-body-author {
font-family:"Comic Sans MS", cursive;
font-weight: 300;
}

5. Tambahkan kode dibawah ini sebelum tag </body>.

<script src='http://sagita-com.googlecode.com/svn/coments.js' type='text/javascript'/>

Nah, berikut ini langkah yang lumayan rumit, karena dibutuhkan konsentrasi yang maksimal agar dapat mengikutinya dengan baik, kode berikut berpengaruh besar pada komentar pada blog Anda, karena dengan kode di di bawah ini akan merubah keseluruhan tampilan komentar pada blog Anda agar sama seperti wordpress.

6. Selanjutnya, silahkan cari kode pembuka <b:includable id='comments' var='post'> dan ditutupi dengan kode </b:includable>.

Diantara kode tersebut didalamnya terdapat kode yang harus Anda ganti dengan kode baru, dan Anda harus meletakan kode baru di bawah ini di antara kode yang sudah ditentuakn, perhatikan langkah-langkah di bawah ini.

<b:includable id='comments' var='post'>

Kode lama Anda yang harus diganti dengan kode baru.

</b:includable>

7. letakan kode baru di bawah ini diantara kode <b:includable id='comments' var='post'> dan </b:includable>.

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments &gt; 0'>
<script type='text/javascript'>document.write(unescape('%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%74%75%74%6F%72%69%61%6C%2D%73%61%67%69%74%61%2E%74%6B%2F%32%30%31%32%2F%30%35%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%6B%6F%6D%65%6E%74%61%72%2D%62%6C%6F%67%2D%73%65%70%65%72%74%69%2E%68%74%6D%6C%27%20%73%74%79%6C%65%3D%27%66%6F%6E%74%2D%73%69%7A%65%3A%39%70%78%3B%66%6C%6F%61%74%3A%72%69%67%68%74%3B%6D%61%72%67%69%6E%2D%72%69%67%68%74%3A%35%70%78%3B%27%20%74%61%72%67%65%74%3D%27%5F%62%6C%61%6E%6B%27%3E%62%79%20%73%61%67%69%74%61%3C%2F%61%3E'));</script>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'/>

<div class='cm_pagenavi' id='cm_page'/>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=0000000000000000000&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='http://3.bp.blogspot.com/-40eKncoFCNM/To1Gy7ZIbiI/AAAAAAAAAJI/KG0TKarHI7M/s1600/adminstar.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
<span style='text-align:center; font-size:9px;'>Terimakasih <b><data:comment.author/></b> atas Komentarnya di <b><data:post.title/></b></span>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:if>
</div>
Untuk blogID=0000000000000000000, silahkan Anda ganti dengan blogID pada blog Anda.

8. Simpan Template.

Semoga bermanfaat ! 

Monday, November 12, 2012

Cara Membuat Wajan Bolic

Cara membuat antena penguat signal GPRS, 3G dan HSDPA kali ini memang sedikit susah. Saya sendiri belum mencobanya karena memang posisi sekarang tidak mendukung dalam aktivitas coba mencoba sebuah alat untuk menambah kecepatan koneksi internet. Jangankan alat, lha wong edit blog aja kadang malesnya bukan main. Semua ini karena saya sedang ada di jawa tengah dan sedang sibuk urusi kerjaan offline.
Tapi setelah kemarin di SMS ama Kakak Ipar saya memberitahukan kalau ada surat datang dari luar negeri katanya. Pikiran saya langsung tertuju pada PIN Google adsense yang sudah 1 bulan saya minta tapi belum juga sampai ke alamat tujuan.  Berhubung PIN Google adsenseku sudah sampai dengan selamat ke alamatku, jadi aktivitas blogging jadi tambahSEMANGAT. Oya, cara meminta PIN Google adsense bisa baca di PIN Google adsense.<<–
Tidak panjang lebar, berikut cara membuat antena wajan bolic / antena wajan holic penguat signal GPRS 3G dan HSDPA yang saya baca dan tulis ulang dari salah satu blog tepatnya di http://solocybercity.wordpress.com/2009/01/25/cara-buat-antena-wajanbolic/ dengan penambahan penjelasan sedikit . 
Untuk membuat antena wajan bolic / wajan holic ini hanya menggunakan peralatan dan bahan yang bisa di cari di pasar ikan. Eh salah, maksud saya bisa dicari di toko. hehehe..
Langkah-langkah membuat antena wajan bolic / antena wajan bolic penguat signal GPRS / 3G / HSDPA :
Sebelumnya perhatikan skema antena wajan bolic / wajan holic dibawah ini :
cara membuat antena penguat signal 3G HSDPA GPRS wajan bolic wajan holic Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
1. Siapkan material atau bahan membuat antena wajan bolic / antena wajan holic :USB WLAN, wajan / penggorengan, pipa pralon 3?, pipa pralon 1.25? dan dop pralon, kabel USB yang di perpanjang dan USB Extender jika di perlukan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 1 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
2. Siapkan dop ( tutup ) paralon 3′. Lubangi wajan sebesar baut untuk menempelkan dop ( tutup ) paralon 3′ tersebut. Kemudian pasang dop ( tutup ) paralon 3′ ke dasar wajan. hasilnya akan seperti dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 2 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
3. Jika dilihat dari belakang, body wajan tersebut akan tampak kelihatan montok dengan ekornya ( baut ). Hehehehe….
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 3 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
4. Siapkan Modem USB WLAN anda. Tutup modem USB WLAN dengan karet untuk melindunginya dari hujan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 4 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
5. Masukan karet pelindung ke modem USB WLAN, sehingga hasilnya akan menjadi seperti dibawah ini :
cara membuat antena penguat signal 3G HSDPA GPRS wajan bolic wajan holic 7 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
6. Siapkan dop ( tutup ) paralon 1,25′. Masukan modem USB WLAN yang dilindungi karet ke paralon 1.25′ sebagai dudukan. Posisikan modem USB WLAN sekitar 5.3 cm dari ujung paralon yang paling jauh dari wajan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 5 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto



7.  USB modem WLAN pada paralon, jika dilihat dari ujung yang lain :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 8 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
8. Siapkan dop ( tutup ) paralon 3′ dan dop ( tutup ) paralon 1,25′. Lapisi dinding dalam dop ( tutup ) paralon  3′ dengan lakban aluminium atau alumunium foil dan tempelkan dop ( tutup ) paralon 1,25′ diatasnya. Untuk lebih jelasnya perhatikan gambar dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 9 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
9. Kombinasi dop paralon 3′ dan 1,25′ jika dilihat dari belakang akan seperti ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 10 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
10. Siapkan paralon 3′ sepanjang 20cm dan lapisi permukaan luar dengan lakban aluminium atau alumunium foil tapi jangan sampai ujung. Sisakan beberapa sentimeter yang dihitung dari fokus wajan. Lubangi paralon 3′  sekitar 5.3 cm dari ujung, untuk connector modem USB WLAN.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 11 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
11. modem USB WLAN sudah dimasukan ke paralon. ujung modem USB WLAN akan tampak keluar pada jarak sekitar 5.3 cm dari ujung paralon.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 12 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 13 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
12. Masukan/ pasang dop ( tutup ) paralon 3′ ke ujung paralon yang lebih dekat denganmodem USB WLAN.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 14 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 15 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
13. Masukan ujung paralon yang satunya ke dop ( tutup ) paralon 3′ yang sudah dibautkan ke wajan tadi.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 16 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
14. Antena wajan bolic / wajan holic selesai. Sambungkan kabel USB yang sudah di perpanjang dengan kabel UTP. Antena wajan bolic atau antena wajan holic siap digunakan. Akan tampak seperti dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 17 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS
Dalam berinternet pastinya kita menginginkan kecepatan yang stabil dan tidak putus-putus bukan ? Terutama bagi yang memakai jaringan atau signal.
Cara diatas bisa dicoba untuk menambah signal GPRS, 3G atau HSDPA pada modemyang dipakai buat koneksi internet. Jika cara diatas masih dirasa sangat susah, bisa mencoba antena penguat signal GPRS, 3G, atau HSDPA yang lain dengan mengunjungi artikel terkait dibawah artikel ini. Semoga berhasil membuat antena wajan bolic / wajan holic penguat signal GPRS, 3G dan HSDPA

Tags:  — Cara membuat antena penguat signal GPRS, 3G dan HSDPA kali ini memang sedikit susah. Saya sendiri belum mencobanya karena memang posisi sekarang tidak mendukung dalam aktivitas coba mencoba sebuah alat untuk menambah kecepatan koneksi internet. Jangankan alat, lha wong edit blog aja kadang malesnya bukan main. Semua ini karena saya sedang ada di jawa tengah dan sedang sibuk urusi kerjaan offline.
Tapi setelah kemarin di SMS ama Kakak Ipar saya memberitahukan kalau ada surat datang dari luar negeri katanya. Pikiran saya langsung tertuju pada PIN Google adsense yang sudah 1 bulan saya minta tapi belum juga sampai ke alamat tujuan.  Berhubung PIN Google adsenseku sudah sampai dengan selamat ke alamatku, jadi aktivitas blogging jadi tambahSEMANGAT. Oya, cara meminta PIN Google adsense bisa baca di PIN Google adsense.<<–
Tidak panjang lebar, berikut cara membuat antena wajan bolic / antena wajan holic penguat signal GPRS 3G dan HSDPA yang saya baca dan tulis ulang dari salah satu blog tepatnya di http://solocybercity.wordpress.com/2009/01/25/cara-buat-antena-wajanbolic/ dengan penambahan penjelasan sedikit . 
Untuk membuat antena wajan bolic / wajan holic ini hanya menggunakan peralatan dan bahan yang bisa di cari di pasar ikan. Eh salah, maksud saya bisa dicari di toko. hehehe..
Langkah-langkah membuat antena wajan bolic / antena wajan bolic penguat signal GPRS / 3G / HSDPA :
Sebelumnya perhatikan skema antena wajan bolic / wajan holic dibawah ini :
cara membuat antena penguat signal 3G HSDPA GPRS wajan bolic wajan holic Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
1. Siapkan material atau bahan membuat antena wajan bolic / antena wajan holic :USB WLAN, wajan / penggorengan, pipa pralon 3?, pipa pralon 1.25? dan dop pralon, kabel USB yang di perpanjang dan USB Extender jika di perlukan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 1 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
2. Siapkan dop ( tutup ) paralon 3′. Lubangi wajan sebesar baut untuk menempelkan dop ( tutup ) paralon 3′ tersebut. Kemudian pasang dop ( tutup ) paralon 3′ ke dasar wajan. hasilnya akan seperti dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 2 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
3. Jika dilihat dari belakang, body wajan tersebut akan tampak kelihatan montok dengan ekornya ( baut ). Hehehehe….
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 3 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
4. Siapkan Modem USB WLAN anda. Tutup modem USB WLAN dengan karet untuk melindunginya dari hujan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 4 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
5. Masukan karet pelindung ke modem USB WLAN, sehingga hasilnya akan menjadi seperti dibawah ini :
cara membuat antena penguat signal 3G HSDPA GPRS wajan bolic wajan holic 7 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
6. Siapkan dop ( tutup ) paralon 1,25′. Masukan modem USB WLAN yang dilindungi karet ke paralon 1.25′ sebagai dudukan. Posisikan modem USB WLAN sekitar 5.3 cm dari ujung paralon yang paling jauh dari wajan.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 5 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto



7.  USB modem WLAN pada paralon, jika dilihat dari ujung yang lain :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 8 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
8. Siapkan dop ( tutup ) paralon 3′ dan dop ( tutup ) paralon 1,25′. Lapisi dinding dalam dop ( tutup ) paralon  3′ dengan lakban aluminium atau alumunium foil dan tempelkan dop ( tutup ) paralon 1,25′ diatasnya. Untuk lebih jelasnya perhatikan gambar dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 9 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
9. Kombinasi dop paralon 3′ dan 1,25′ jika dilihat dari belakang akan seperti ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 10 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
10. Siapkan paralon 3′ sepanjang 20cm dan lapisi permukaan luar dengan lakban aluminium atau alumunium foil tapi jangan sampai ujung. Sisakan beberapa sentimeter yang dihitung dari fokus wajan. Lubangi paralon 3′  sekitar 5.3 cm dari ujung, untuk connector modem USB WLAN.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 11 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
11. modem USB WLAN sudah dimasukan ke paralon. ujung modem USB WLAN akan tampak keluar pada jarak sekitar 5.3 cm dari ujung paralon.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 12 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 13 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
12. Masukan/ pasang dop ( tutup ) paralon 3′ ke ujung paralon yang lebih dekat denganmodem USB WLAN.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 14 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 15 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
13. Masukan ujung paralon yang satunya ke dop ( tutup ) paralon 3′ yang sudah dibautkan ke wajan tadi.
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 16 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
14. Antena wajan bolic / wajan holic selesai. Sambungkan kabel USB yang sudah di perpanjang dengan kabel UTP. Antena wajan bolic atau antena wajan holic siap digunakan. Akan tampak seperti dibawah ini :
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS 17 Cara Detail Membuat Antena Wajan Bolic atau Wajan Holic Dengan Foto
antena wajan bolic wajan holic penguat signal 3G HSDPA GPRS
Dalam berinternet pastinya kita menginginkan kecepatan yang stabil dan tidak putus-putus bukan ? Terutama bagi yang memakai jaringan atau signal.
Cara diatas bisa dicoba untuk menambah signal GPRS, 3G atau HSDPA pada modemyang dipakai buat koneksi internet. Jika cara diatas masih dirasa sangat susah, bisa mencoba antena penguat signal GPRS, 3G, atau HSDPA yang lain dengan mengunjungi artikel terkait dibawah artikel ini. Semoga berhasil membuat antena wajan bolic / wajan holic penguat signal GPRS, 3G dan HSDPA

Tags:  —