DutaNehan: Trik Blog

Tampilkan postingan dengan label Trik Blog. Tampilkan semua postingan

Jumat, 15 Maret 2013

Cara Membuat Tombol Like Disetiap Posting

18.06 Informasi, Internet, lainnya, Trik Blog No comments

Saya kali ini akan berbagi dan menjelaskan tentang Panduan Cara Membuat Tombol "Like" pada setiap Posting di Blog. Disini akan mengungkap tentang cara membuat serta memasang tombol like facebook secara otomatis pada tiap-tiap artikel atau posting. Mungkin panduan ini dibutuhkan oleh para blogger pemula seperti saya, namun bagi para blogger yang mahir dan berpengalaman mungkin panduan ini kurang menarik. Tombol like ini dapat memberikan manfaat bagi blog sobat.

Banyak manfaat dari tombol ini misalnya: untuk mendongkrak popularitas blog, mengukur kualitas post tersebut dan dapat memberikan kesan yang positif jika post tersebut di like oleh banyak pengunjung.

Berikut langkah-langkah membuat like botton di tiap posting :

1. Login ke account blogger sobat

2. klik menu Template

3. Kemudian pilih Edit Html

4. pilih lanjutkan untuk masuk ke Setup Html

5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang

bertuliskan "expand template widget"

6. kemudian cari kode <data:post.body/>, agar pencarian lebih mudah sobat

tekan tombol ctrl+f lalu ketik kode tersebut

7. lalu copy kode dibawah ini dan letakan dibawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins /like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

8. sebaiknya sobat klik dulu pratinjau untuk memastikan apakah sudah
terpasang atau belum
9. Simpan template

Selamat mencoba dan semoga bermanfaat

Cara Menghapus Kotak Komentar Bawaan Blogger

19.12 Artikel, Informasi, Trik Blog 2 comments

Login Blog
Buka menu Rancangan lalu klik edit HTML
centang pada Expand Template Widget lalu cari kode seperti di bawah ini dengan Ctrl+F dan hapus kode seperti dibawah ini.

<p class='comment-footer'>

<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>

</p>

setelah dihapus Simpan dan lihat hasilnya

Semoga Bermanfaat ^_^

Cara Membuat Link Sumber Otomatis Ketika Artikel Dicopas

15.08 Artikel, Informasi, Trik Blog 1 comment

Hai...sob..Kali ini saya akan membahas tentang "Cara Membuat Link Sumber Otomatis Ketika Artikel Dicopas". Sekarang ini banyak para blogger yg hobinya cuma copas doang, mending klo ada link sumbernya klo gak ada..., Kita pasti rugi kita udah nulis capek2 an eh main copas aja, apa lagi jika yg copas urutan SERPnya lebih tinggi dari pada kita. Untuk itu kita perlu memasang "Link Sumber Otomatis Ketika Artikel Dicopas". Fungsi dari ini adalah saat artikel kita di copas di bagian bawah akan ada link yg menujuk ke postingan yg di copas. gimana..tertarik..ini dia tutorialnya...

1. Login ke Blogger >> Template

2. Untuk Mengantisi pasi terjadinya kesalahan backup dulu template blog sobat.

3. Edit Template >> Lanjutkan >> Centang "Expand Template Widget"

4. Cari Kode <body> Untuk mempermudah gunakan F3 atau Ctrl+F

5. Copy kode berikut lalu pastekan tepat di atas kode <body>

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

6. Ganti kode yg berwarna merah dengan kata2 sesuka anda.

7. Simpan dan lihat hasilnya.

Sumber : http://luhurfatah10.blogspot.com/2012/12/cara-membuat-link-sumber-otomatis.html

Cara Membuat Artikel Terkait Dibawah Posting Blog

19.36 Informasi, Trik Blog No comments

Hai..sob..pada kesempatan kali ini saya akan memberikan sedikit tutorial bagi sobat yg ingin tau mengenai "Cara Membuat Artikel Terkait Dibawah Posting Blog". Nih saya akan memperkenalkan widget yg keren yg perlu sobat pake di blog sobat.
Kenapa widget ini perlu di pasang di blog sobat..?
Karena manfaatnya itu lho yg lumayan, selain memper cantik blog widget ini juga bisa membuat pengunjung membaca artikel-artikel lain di blog kita.
Contohnya jika salah satu pengunjung masuk ke blog kita dan sedang membaca salah satu artikel di blog kita dan si pengunjung melihat widget ini, jika artikelnya bagus pengunjung pasti akan mengeklik artikel tersebut artinya kita mendapat keuntungan pageview.
Gimana sob tertarik untuk memasang widget ini di blog anda mari simak tutorial berikut.

1. Login ke Dasbor >> Template

2. Untuk mengantisipasi terjadinya kesalahan Back Up dulu template blog sobat.

3. Edit Template >> Lanjutkan >> Conteng Expand Template Widget

4. Cari kode ]]><b/:skin> Untuk mempermudah gunakan F3 atau Ctrl+F

5. Jika sudah ketemu letakan kode berikut tepat di atas kode ]]><b/:skin>

.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}

6. Selanjutnya cari kode <data:post.body/>

7. Letakan kode di bawah ini tapat di bawah kode <data:post.body/>

<<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Artikel Terkait:</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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

8. Simpan dan lihat hasilnya.

Cara Membuat Artikel Terkait Dengan Thumbnail / Gambar

19.06 Informasi, Trik Blog No comments

Berikut langkah-langkahnya yang saya lakukan dan di implementasikan jika Anda tertarik lanjutkan!

1. Masuk Blogger.com
2. Pilih icon "Go to post list" ->> Template
3. Back up template
4. Pilih Edit HTML ->> Proceed ->> Centang "Expand Widget Templates"
5. Tekan Ctrl+F untuk mencari cepat kode </head>
6. Letakkan kode berikut tepat di atas kode tersebut

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#3f3f08;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://herlanlesmana.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

7. Untuk kode yang di kasih blok coklat silahkan ganti sesuai selera sobat ,Lalu cari kode<div class="post-footer-line post-footer-line-1"> Kalo ga ada bisa cari kode<data:post.body/> letakkan kode berikut ini tepat di bawah kode tersebut, atau sesuaikan dengan template blog Anda

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

8. Pratinjau, jika tidak ada error lanjutkan
9. Simpan template

Cara Membuat Artikel Terkait Dengan Gambar Vertikal

19.04 Informasi, Trik Blog 1 comment

Kembali Herlan Blog ingin share seputar trik Blogspot yaitu Cara Membuat Atrikel Terkait Dengan Gambar atau Thumbnail tapi yang ini vertikal loh . artikel terkait ini sebetulnya cukup efektif meningkatkan pageview halaman kita oiya seperti inilah penampakannya atau bisa di lihat setiap artikel halaman saya di bawah.

Oke langsung aja ya tipsnya ....

masuk ke akun blogger sobat lalu pilih template
setelah masuk ke halaman template jangan lupa untuk backup dulu tenplate sobat ,jaga2 takut ada eyoy
Lalu pilih edit HTML , klik centang Expand Template Widget ,lalu pada keyboard tekan Ctrl + F car kode </head>
setelah ketemu letakan kode di bawah ini tepat di atas kode </head>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
#main-wrapper {width: 610px;}
.post {border-bottom: 1px solid #ddd;}
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
#related_posts{}
#related_posts h4{ border-top:1px solid #333; border-bottom:1px solid #333; color:#333; font-size:14px; letter-spacing:0; line-height:20px; margin:0 0 5px; padding:5px 10px; background:#03C}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}
#relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
</style>
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 200;
var morelink = "readmore";

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('2 4=g f();2 5=g f();2 b=g f();2 c=g f();z O(N,R){2 7=N.1G("<");l(2 i=0;i<7.3;i++){8(7[i].M(">")!=-1){7[i]=7[i].S(7[i].M(">")+1,7[i].3)}}7=7.1x("");7=7.S(0,R-1);K 7}z 1w(J){l(2 i=0;i<J.Q.6.3;i++){2 6=J.Q.6[i];4[s]=6.v.$t;x="";8("P"F 6){x=6.P.$t}B 8("L"F 6){x=6.L.$t}b[s]=O(x,1D);8("10$12"F 6){H=6.10$12.1s}B{H="18://1i.1j.19/1k/1g/1h/1p/d/1r.1l"}c[s]=H;l(2 k=0;k<6.I.3;k++){8(6.I[k].T==\'1n\'){5[s]=6.I[k].q;C}}s++}}z 13(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)K 1T;K 20}z 1Y(){2 m=g f(0);2 p=g f(0);2 n=g f(0);2 o=g f(0);l(2 i=0;i<5.3;i++){8(!13(m,5[i])){m.3+=1;m[m.3-1]=5[i];p.3+=1;p[p.3-1]=4[i];n.3+=1;n[n.3-1]=b[i];o.3+=1;o[o.3-1]=c[i]}}4=p;5=m;b=n;c=o;l(2 i=0;i<4.3;i++){2 9=y.V((4.3-1)*y.14());2 W=4[i];2 X=5[i];2 Y=b[i];2 U=c[i];4[i]=4[9];5[i]=5[9];b[i]=b[9];c[i]=c[9];4[9]=W;5[9]=X;b[9]=Y;c[9]=U}2 w=0;2 r=y.V((4.3-1)*y.14());2 15=r;2 h;2 Z=E.1L;1O(w<17){8(5[r]!=Z){h="<1b A=\'D-v 1X\'>";h+="<a q=\'"+5[r]+"\' T=\'1P\' u=\'G\' v=\'"+4[r]+"\'><22 1U=\'"+c[r]+"\' /></a>";h+="<a q=\'"+5[r]+"\' u=\'G\'>"+4[r]+"</a>";h+="<1d A=\'D-1f\'>"+b[r]+" ... <a q=\'"+5[r]+"\' u=\'G\'>"+1S+"</a><1d A=\'D-1f\'>";h+="</1b>";E.1a(h);w++;8(w==17){C}}8(r<4.3-1){r++}B{r=0}8(r==15){C}}E.1a(\'<1c 1N="1e-1R:1Q; 1e-1M:1I%; 1H-1J:1V;"><a q="18://1K.1Z.19/21/11/1W-1o-1q-1m-1C.1B" v=" 1A 1F 1E 1v 16" u="1u">16 1t 1z 1y</a></1c>\')}',62,127,'||var|length|reljudul|relurls|entry|cuplik|if|informasi||relcuplikan|relgambar|||Array|new|relhasil||||for|tmp|tmp3|tmp4|tmp2|href||relnum||target|title|rangkumanPosts|postcontent|Math|function|class|else|break|news|document|in|_top|postimg|link|json|return|summary|indexOf|suchas|saringtags|content|feed|panjang|substring|rel|tempGambar|floor|tempJudul|tempUrls|tempCuplikan|dirURL|media||thumbnail|contains|random|rini|Widget|relmaxposts|http|com|write|li|div|span|font|text|SnamIh0KTCI|AAAAAAAADMA|lh3|ggpht|_xcD4JK_dIjU|gif|gambar|alternate|terkait|hLjqmEbdtkw|dengan|noimagethumb|url|By|_blank|this|relpostimgthum|join|Lesmana|Herlan|klik|html|vertikal|numchars|get|here|split|margin|85|top|herlanlesmana26|URL|size|style|while|nofollow|Arial|family|morelink|true|src|5px|artikel|clearfix|relatpost|blogspot|false|2012|img'.split('|'),0,{}))

//]]></script>
</b:if>
kode yang berwarna merah bisa di sesuaikan dengan lebar template anda
langkah terakhir cari kode <data:post.body/>
setelah ketemu letakan kode di bawah ini di bawah kode <data:post.body/> tadi
<b:if cond='data:blog.pageType == "item"'><script>
<div id='related_posts' style='margin-top:35px;'>
<h4 style='color:#fff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#000;'>Related Posts</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div> </b:if>
kode yng warna merah bisa di ganti terserah selera sobat ...klik tombol simpan template ..dan selesai deh

Semoga bermanfaat.....

Membuat Tombol Back To Top Menggunakan JavaScript

06.23 Trik Blog No comments

Pertama, sobat harus login ke account blogger sobat,
Kedua, kemudian ikuti langkah ini, Rancangan, Edit HTML, Expand Template Widget, seperti terlihat pada gambar dibawah ini.

Ketiga, letakkan kode dibawah ini tepat diatas kode </body>

--------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------

Sehingga hasilnya akan seperti ini.

--------------------------------------------------------------------------------------------------------------

</body>
</html>

--------------------------------------------------------------------------------------------------------------

Keempat, kode yang berwarna merah adalah kode image, silahkan sobat ganti dan kemudian simpan template sobat.

Selain disisipkan pada Edit HTML, script ini juga bisa sobat simpat pada Widget. Selamat mencoba, semoga berhasil.

Sumber

Cara membuat tombol suka di blogspot

06.11 Trik Blog No comments

Cara buat tombol like pada html secara otomatis pada setiap post bias dilakukan cara berikut :

-Login ke Blogger.com
-lalu pilih rancangan - edit html
-cetang kotak kecil (expand template widget)
-cari <data:post.body/>
-Letak kan kode di bawah ini tepat di atasnya(kalau ingin di bawah postingan tombol suka nya tinggal pasang di bawah Code tersebut,

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>

NEGERI INDONESIA

SAHABAT

TEKHNOLOGY

SMK N 1 CLUWAK

SHOLAT ITU WAJIB

Jumat, 15 Maret 2013

Cara Membuat Tombol Like Disetiap Posting

Sabtu, 23 Februari 2013

Cara Menghapus Kotak Komentar Bawaan Blogger

Kamis, 20 Desember 2012

Cara Membuat Link Sumber Otomatis Ketika Artikel Dicopas

Selasa, 18 Desember 2012

Cara Membuat Artikel Terkait Dibawah Posting Blog

Cara Membuat Artikel Terkait Dengan Thumbnail / Gambar

Cara Membuat Artikel Terkait Dengan Gambar Vertikal

Sabtu, 28 April 2012

Membuat Tombol Back To Top Menggunakan JavaScript

Cara membuat tombol suka di blogspot

Popular Posts

Tags

Archive

Pengikut

Follow Me on Google+

Anda Pengunjung ke-

Jumat, 15 Maret 2013

Sabtu, 23 Februari 2013

Kamis, 20 Desember 2012

Selasa, 18 Desember 2012

Sabtu, 28 April 2012

Social Profiles

Popular Posts

Tags

Archive

Pengikut

Follow Me on Google+

Anda Pengunjung ke-