Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Monday, April 4, 2016

Cara Pasang Meta Tag Super SEO Friendly di Blog

TUTORIAL BLOGZ - Pada postingan kali ini saya akan kembali membahas tutorial dan tips blogger tentang Cara Pasang Meta Tag Super SEO Friendly di Blog. Bagi Anda seorang blogger pasti sudah tidak asing lagi dengan yang namanya Meta Tag, Yap, Meta Tag adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi untuk memberi informasi metadata dari sebuah halaman web atau blog, seperti judul (title), kata kunci (keyword), deskripsi (description), dan yang lainnya. Elemen Tag Meta ini harus diletakkan pada bagian "head" dalam HTML.

Meta Tag SEO Friendly

Baik, langsung saja bagi Anda yang ingin tahu bagaimana cara pasang meta tag super seo friendly di blog silahkan simak uraiannya di bawah ini.

Berikut Langkah-langkah Cara Pasang Meta Tag Super SEO Friendly di Blog:

1. Langkah pertama yang harus dan pasti dilakukan adalah Login ke Akun Blogger Anda terlebih dahulu.
2. Kemudian Masuk ke Dasbor Blog.
3. Pilih Menu Template, lalu klik Edit HTML.
4. Selanjutnya cari kode <title><data:blog.pageTitle/></title>, lalu ganti dengan kode di bawah ini.
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<meta content='KEYWORD BLOG ANDA' name='keywords'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Author' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='xxxxxxxxx' name='google-site-verification'/>
<link href='https://plus.google.com/ID Google+' rel='me'/>
<link href='https://plus.google.com/ID Google+/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google+/about' rel='author'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
5. Klik Save template atau Simpan template.
6. Selesai.

Sekian dulu tutorial dan tips blogger tentang Cara Pasang Meta Tag Super SEO Friendly di Blog, semoga dengan tutorial di atas dapat bermanfaat dan membantu Anda yang ingin memasang meta tag seo friendly di blog Anda. Terima kasih dan selamat mencoba :)

Tuesday, January 5, 2016

Cara Menghasilkan Uang dari Blog Melalui PopCash

TUTORIAL BLOGZ - Pada postingan kali ini saya akan membahas tips blogger tentang Cara Menghasilkan Uang dari Blog Melalui PopCash. Bagi sebagian mungkin nama popcash ini sudah terlalu sering mereka dengar atau bahkan sudah mereka gunakan untuk menghasilkan uang / dollar di blog mereka. Namun, tentunya ada diantara para blogger juga yang belum mengetahui akan popcash ini. Baiklah, PopCash adalah salah satu bisnis online terpercaya dengan sistem khusus di popunders CPM (Cost Per Million). Lebih tepatnya, popcash ini merupakan situs yang menyediakan layanan program periklanan yang memungkinkan penggunanya untuk dapat menghasilkan uang berupa dollar dengan cara memasang iklan pop-up pada blog mereka.

PopCash Logo
Cara Menghasilkan Uang dari Blog Melalui PopCash

Nah, pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara daftar / mendaftarkan popcash beserta bagaimana cara memasang kode scriptnya pada situs blog Anda. Baik, langsung saja simak ulasannya di bawah ini.

Berikut Cara Menghasilkan Uang dari Blog Melalui PopCash:

#1 Cara Daftar PopCash

Langkah-langkah:
1. Kunjungi situs Popcash.Net atau langsung ke linknya, KLIK DISINI.
2. Klik menu Register pada pojok kanan atas.

Cara Menghasilkan Uang dari Blog Melalui PopCash

3. Kemudian silahkan isikan data diri seperti Nama lengkap, username, email, password, No. HP, dll.
Cara Menghasilkan Uang dari Blog Melalui PopCash

4. Lalu Anda akan diminta untuk verifikasi email, silahkan periksa email Anda dan klik pada click here.


Cara Menghasilkan Uang dari Blog Melalui PopCash


Cara Menghasilkan Uang dari Blog Melalui PopCash

5. Selesai.

#2 Cara Pasang Kode Script PopCash

Langkah-langkah:
1. Login ke Akun popcash Anda seperti biasa.
2. Pada bagian menu di sebelah kiri, pilih menu Websites, lalu klik Add a new website.

Cara Menghasilkan Uang dari Blog Melalui PopCash

Cara Menghasilkan Uang dari Blog Melalui PopCash

3. Masukkan URL blog Anda dan tentukan kategori blog Anda, lalu klik Add Website.

Cara Menghasilkan Uang dari Blog Melalui PopCash

4. Kemudian tunggu blog Anda akan disetujui selama kurang lebih 24 jam.
5. Setelah disetujui atau diapprove, langkah selanjutnya masuk ke menu Get Code >> klik tombol Get Code >> Copy kode-nya.

Cara Menghasilkan Uang dari Blog Melalui PopCash

6. Sekarang Anda tinggal memasukkannya ke dalam blog Anda, caranya sebagai berikut:
  • Login ke Akun blogger.
  • Masuk ke dasbor blog.
  • Pilih menu Template.
  • Klik tombol Edit HTML.
  • Letakkan kode tadi di atas kode </head>.

Demikianlah tutorial dan tips blogger mengenai Cara Menghasilkan Uang dari Blog Melalui PopCash, semoga dapat bermanfaat untuk Anda semua.

#Update: Bukti Pembayaran PopCash Terbaru 2016

Bukti Pembayaran PopCash Terbaru 2016

Thursday, December 25, 2014

Cara Efektif Mendatangkan Pengunjung Blog

Nampaknya sudah lama sekali saya tidak posting mengenai Tutorial Blogger, dan mungkin postingan kali ini merupakan yang pertama di bulan ini saya membahas tentang blog.

Lanjut ke topik, jika kamu seorang blogger tentunya kamu ingin blog kamu memiliki banyak pengunjung. Namun, itu bukanlah hal yang mudah apalagi kalau yang masih pemula, seperti saya ini :D. 

Cara Efektif Mendatangkan Pengunjung Blog
Cara Efektif Mendatangkan Pengunjung Blog

Mungkin terlintas dalam pikiran kita  tentang bagaimana orang lain bisa mendatangkan ratusan bahkan ribuan pengunjung ke blognya sedangkan blog kita sepi dengan pengunjung yang jumlahnya sedikit. Namun, jika hal seperti itu kita pikirkan terus menerus tanpa usaha dari diri sendiri untuk mengubahnya  menjadi lebih baik, maka kita tidak akan mendapat hasil apapun dan pengunjung blog kita pun akan tetap segitu-gitu saja.

Berikut Cara Efektif Mendatangkan Pengunjung Blog:

1. Buatlah Konten Yang Unik dan Berkualitas
Konten merupakan segalanya bagi blog. Blog yang tanpa di isi oleh konten, baik itu berupa artikel, gambar, video, dan lain sebagainya, tentu tidak akan menarik datangnya pengunjung ke blognya. Konten yang unik akan mendatangkan pengunjung untuk melihat konten tersebut. Namun, tidak hanya unik saja, juga harus berkualitas. Mengapa harus berkualitas? Karena mesin pencari seperti Google, Yahoo, Bing dan lain sebagainya, hanya menyukai konten yang berkualitas.

2. Jangan Lupakan SEO!
SEO adalah bagian paling penting untuk membuat blog banjir pengunjung. Mengapa harus SEO? karena dengan membuat blog kita tampil di search engine, seperti Google misalnya, blog kita akan kedatangan banyak pengunjung, sebab banyak orang yang mengklik postingan kita dari search engine tersebut. Nah, kita dapat meningkatkan SEO blog kita dengan berbagai teknik dan cara, ada yang disebut SEO on page dan SEO off page.

SEO On Page, artinya adalah optimisasi seo yang dilakukan di dalam blog itu sendiri. Ada berbagai macam teknik SEO On Page, diantaranya:
SEO Off Page, merupakan kebalikan dari SEO On Page, yakni optimisasi seo yang dilakukan di luar blog itu sendiri. Ada banyak pula teknik yang dilakukan untuk SEO Off Page, seperti share ke jejaring sosial, forum, social bookmark, blog direktori. Apa tujuan dari SEO Off Page? tujuannya adalah untuk membangun backlink yang mengarah ke blog kita. Kita juga dapat melakukan blogwalking, meninggalkan komentar, maupun bertukar link.

3. Share Blog ke Jejaring Sosial
Kalau sudah membuat konten yang menarik, tidak ada salahnya kan untuk membagikan postingan kita ke jejaring sosial, sebut saja Facebook. Berbicara mengenai facebook maka kita sudah tidak asing akan kepopuleran jejaring sosial tersebut. Selain sebagai media sosial, facebook juga dapat dimanfaatkan sebagai ajang promosi blog, apabila kamu mempunyai banyak teman facebook, maka itu adalah kesempatan besar kamu untuk mengenalkan blog kamu kepada mereka, siapa tau ada banyak dari mereka yang ingin melihat blog kamu. Nah, kalau untuk situs jejaring sosial yang lainnya kamu juga dapat sharing blog kamu, seperti Twitter, Google+, dan lain sebagainya.

4. Perbanyaklah Blogwalking
Sebelum itu, kita bahas terlebih dahulu mengenai apa itu blogwalking dan apa kegunaannya? Nah, Blogwalking adalah istilah yang terdiri dari dua kata, yakni Blog dan Walking (berjalan). Dari dua kata diatas dapat diartikan sebagai berjalan di blog. Loh, apa maksudnya? maksud dari blogwalking adalah aktivitas yang dilakukan seorang blogger untuk mengunjungi blog lain, dengan meninggalkan jejak di komentar, chatbox, dan lain sebagainya. Dengan blogwalking ini, diharapkan kita tidak hanya mendapat backlink saja, namun juga mendapat kunjungan balik dari si pemilik blog tersebut. Ya itu sih tergantung admin blog yang kita kunjungi, kalau dia melihat komentar kita bagus dan sesuai dengan topik yang dia bahas, maka tidak ada salahnya jika ia mau berkunjung ke blog kita.

5. Submit Blog ke Social Bookmark
Social Bookmark merupakan situs web yang digunakan untuk mengirim atau menyimpan link blog kita. Lalu, apa manfaatnya? ada banyak sekali manfaat jika kita men-submitkan blog kita ke Social Bookmark, diantaranya meningkatkan posisi blog di SERP, meningkatkan pengunjung blog, dan postingan blog kita akan mudah terindex oleh mesin pencari, seperti Google. Baca juga: Daftar Situs Social Bookmark Indonesia Lengkap

6. Daftarkan Blog ke Direktori Artikel
Selain Social Bookmark juga ada situs berupa Direktori Artikel. Kegunaannya adalah untuk memperkenalkan blog kita dengan cara menulis dan meninggalkan link blog kita. Cara ini sangatlah efektif untuk mendatangkan pengunjung blog.

7.  Berdo'a
Apabila semua usaha sudah dilakukan, langkah terbaik yang terakhir adalah berdo'a. Yah kalau bagian yang ini sih menurut keyakinan masing-masing saja. Namun, saya lebih mayoritaskan disini bagi yang islam. Tidak ada salahnya jika kita berdo'a kepada Allah untuk mendatangkan pengunjung blog, dan jika itu dilakukan dengan niat yang ikhlas dan ikhtiar yang sungguh-sungguh untuk mencapai hasil yang terbaik, maka cepat atau lambat do'a kita akan dikabulkan oleh Allah.

Demikianlah postingan singkat mengenai Cara Efektif Mendatangkan Pengunjung Blog,
Semoga tulisan ini dapat bermanfaat bagi para pembaca semua yang ingin meningkatkan pengunjung blognya, 
Semoga Sukses!

Wednesday, October 29, 2014

Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog

Widget Kotak Subscribe dan Sosial Media berfungsi untuk menampilkan variasi konten yang berkaitan dengan sosial media, seperti Facebook, Twitter, Google+, dan sebagainya. Selain itu, widget ini berguna untuk memperindah maupun mempercantik tampilan blog kita.

Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog

Berikut Langkah-langkahnya:

1. Login ke Akun Blogger.
2. Pilih menu Layout pada dashboard blog.
3. Klik Add a Gadget, lalu pilih HTML/JavaScript.
4. Masukkan kode berikut ini didalamnya.
<style>
.getsubscribe {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;text-align: right;font-size: 11px;padding:3px 8px 3px 3px;}
.getsubscribe a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
</style>
<div style="background: #3498db; font-size: 150%; font-weight: bold; padding: 10px 0; text-align: center;"><a href="http://www.blogger.com/follow-blog.g?blogID=6059172308012063550" target="_blank" title="Follow this blog"><span style="color:white;">Follow</span> <span style="color:black;">Blog</span></a></div><div style="background: #fff; border-bottom: none; border: 1px solid #ccc; margin: 0;"><div style="background: #fff; margin: 0;"><div class="fb-like-box" data-colorscheme="light" data-header="true" data-href="https://www.facebook.com/TutorialBlogz" data-show-border="false" data-show-faces="false" data-stream="false"></div></div><div style="background: #fff; border-top: 1px solid #ccc; margin: 0; padding: 5px 0 5px 40px;"><a class="twitter-follow-button" data-lang="id" data-show-count="true" data-show-screen-name="false" href="https://twitter.com/TutorialBlogz">Follow @TutorialBlogz</a><div class="g-plusone" data-count="true" data-href="http://tutorial-blogz.blogspot.com" data-size="medium" data-width="100"></div></div></div>
<div style="background: #fff; border-bottom: none; border-left: 1px solid #ccc;border-right: 1px solid #ccc; margin: 0;padding-left:10px;padding-top:10px;">
<div style="display: inline-block; text-align: left;"><h8 style="display: block; font-family: 'calibri'; font-size: 17px; font-weight: bold;">Dapatkan Update lewat Email</h8><small><i>Untuk mendapatkan informasi terbaru dari blog ini silahkan <a href="http://feeds.feedburner.com/TutorialBlogz" target="_blank" title="feedburner"><b>klik disini</b></a>, atau berlangganan lewat email dibawah ini.</i></small><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TutorialBlogz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="TutorialBlogz" /><input name="loc" type="hidden" value="fr_FR" /><input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." /><input alt="" class="sub-button" title="" type="submit" value="Enter" /></form><p><a href="http://feeds.feedburner.com/TutorialBlogz"><img src="http://feeds.feedburner.com/~fc/TutorialBlogz?bg=FF9900&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div></div>
<div class="g-person" data-href="//plus.google.com/+MuhammadharishAbdurrahim" data-layout="landscape" data-rel="author"></div><script type="text/javascript">
//<![CDATA[ (function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})(); //]]>
</script>
<div class="getsubscribe">
<a href="http://tutorial-blogz.blogspot.com/2014/10/cara-membuat-widget-kotak-sosial-media-di-blog.html" title="Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog">Dapatkan widget ini</a>
    </div>
Keterangan:
  • 6059172308012063550 : Ganti dengan ID blog kamu.
  • TutorialBlogz : Ganti dengan Username Facebook Fanpage kamu.
  • TutorialBlogz : Ganti dengan Username Twitter kamu.
  • http://tutorial-blogz.blogspot.com : Ganti dengan alamat blog kamu.
  • TutorialBlogz : Ganti dengan nama feedburner kamu.
  • +MuhammadharishAbdurrahim : Ganti dengan ID Google+ kamu.
5. Langkah terakhir klik Save.

Demikianlah Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog,
Semoga bermanfaat.

Wednesday, September 17, 2014

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger - Related post? apa itu Related post? apa fungsi dari Related post? Hmm kasih tau gak ya? kasih tau aja deh biar paham. Related post adalah sebuah widget yang berfungsi untuk menampilkan posting atau artikel terkait dalam blog. 

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger

Menurut saya widget ini cukup penting untuk sebuah blog, karena untuk memudahkan pengunjung untuk mencari artikel lain yang berkaitan dengan artikel yang dibaca, Related post juga dapat meningkatkan kualitas SEO kita di SERP. Hmm, sebenarnya disini saya akan memberitahukan tips mengenai Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger, nah ini adalah khusus blogger, jadi kalau kamu pengguna layanan blog lain jangan dilanjutin bacanya ya.

Berikut Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger:

1. Langkah pertama yang mesti dilakukan pastinya masuk ke akun blogger, lah kalo belum masuk gimana mau lanjut ke langkah kedua gan.
2. Kemudian silahkan masuk ke halaman Template, lalu klik Edit HTML.
3. Bila sudah, silahkan cari kode ]]><b:skin>, dan salin kode dibawah tepat diatasnya.
#related_posts{}
#related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:18px;  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}
4. Setelah itu cari lagi kode </head>, lalu salin kode dibawah tepat diatasnya.
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 150;
var morelink = "selengkapnya";

eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
5. Nah, masih nyari lagi nih gan, kemudian cari kode <data:post.body/>, dan salin kode dibawah ini tepat dibawahnya, dibawahnya ya gan! awas salah nanti..
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts' style='margin-top:0px;'>
<h4 style='color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#6fa8dc;'>Lihat Juga Yang Ini :</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>
</b:if>
6. Terakhir tinggal di Save deh. ahaha gampang banget kan.

Nah, mungkin cuma itu 'doang' yang ingin saya sampaikan,
kalau yang ingin bertanya, silahkan tanya saja langsung di komentar.

Monday, February 24, 2014

Modifikasi Label Blogger Keren (3 Style)

Modifikasi Label Blogger Keren (3 Style) - Assalamu'alaikum sobat blogger? lama tidak posting tentang blog, dan kini saya akan membahas tentang Modifikasi Label Blogger Keren. Label adalah sebuah fitur gadget dari blogger yang menampilkan tag atau kategori yang ada di blog kita. Lebih bagusnya jika kita memodifikasi widget label tersebut menjadi lebih indah dan menarik. Disini saya akan membagikan tiga macam tampilan label blogger, Sobat bisa pilih sesuai keinginan sobat!

Modifikasi Label Blogger
Modifikasi Label Blogger

Modifikasi Label Blogger Keren (3 Style) :

1. Pertama-tama, Login ke Account Blogger sobat.
2. Jika sobat belum menambahkan widget label, silahkan klik LayoutAdd GadgetLabels, kemudian pilih yang Cloud, lalu Save.


3. Sekarang, masuk ke TemplateEdit HTML.
4. Copy Kode CSS dibawah ini tepat diatas kode ]]></b:skin>.
  • KODE CSS
Style 1
/* -- Label Modification by Tutorial Blogz -- */
.label-size a{padding-left:10px;background:#0090d5;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border:none!important;-webkit-transition:all .3s ease-in-out!important;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif}
.label-size a:hover{background:#555;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.5);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-border-radius:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
Style 2
/* -- Label Modification by Tutorial Blogz -- */
.cloud-label-widget-content {text-align:center;font-weight: bold;padding: 4px 0}
.cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
.cloud-label-widget-content span a {padding:3px 4px;color:#fff}
.label-size {margin:3px}
.label-size span {background:#E95D0C;padding:3px 4px;color:#fff}
.label-size-1 a {background:#0090d5;font-size:13px;}
.label-size-2 a {background:#E20000;font-size:13px;}
.label-size-3 a {background:#00CEAC;font-size:13px;}
.label-size-4 a {background:#CEEA00;font-size:13px;}
.label-size-5 a {background:#EA9C00;font-size:13px;}
.cloud-label-widget-content span a:hover {background:#555;}
Style 3
/* -- Label Modification by Tutorial Blogz -- */
.label-size a{padding-left:10px;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#B8B8B8;border:0;border-radius:3px;color:#fff;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif;}
.label-size a:hover{background:#9B9B9B;font-weight: bold; font-variant: small-caps;}
.label-size span{float:right;font-size:9px;margin:0 0 4px;}
5. Setelah itu, klik Save Template. dan lihat hasilnya.

Sangat mudah bukan untuk Modifikasi Label Blogger?
Nah, dengan cara ini maka kita telah mempercantik tampilan label blog kita..

Semoga bermanfaat!

Wednesday, February 19, 2014

Cara Membuat Menu Melayang (Floating Menu) di Blog

Cara Membuat Menu Melayang (Floating Menu) di Blog - Menu Melayang atau biasa disebut Floating Menu adalah sebuah widget menu yang selalu tetap berada diatas halaman blog, walaupun sudah kita scroll halaman blog tersebut sampai ke bawah. Bila Anda ingin mencoba Membuat Menu Melayang (Floating Menu) di Blog, silahkan simak tutorialnya berikut ini.


Klik Gambar untuk memperbesar
Berikut Cara Membuat Menu Melayang (Floating Menu) di Blog :

1. Login ke Account Blogger Anda.
2. Masuk ke Dasbor Blog.
3. Pilih menu Template, lalu klik Edit HTML.
4. Cari kode ]]></b:skin>, lalu copy kode CSS berikut ini diatas kode ]]></b:skin>.

/* -- Floating Menu by Tutorial Blogz --*/
#menutop{background:#0077AF;font:14px Oswald;width:960px;position:fixed;z-index:9999;top:1px;overflow:hidden;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;text-shadow: -1px -1px 0 #006092;}
#navmenu{margin:0 auto;width:960px;padding:0}
#navmenu ul{float:right;width:auto;margin:0;padding:0;list-style-type:none}
#navmenu ul li{float:right;}
#navmenu ul li a,#nav ul li a:visited{float:right;padding:10px 10px;color:#fff;text-transform:none}
#navmenu ul li a:hover{color:F2F2F2;text-decoration:none;background:#006A9B}

5. Lalu copy kode dibawah ini tepat diatas kode <div id='header-wrapper'>.

<div id='menutop'>
<div id='navmenu'>
<ul>
<li><a href='http://tutorial-blogz.blogspot.com/2012/06/contact-us.html'>Kontak Kami</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/2012/10/pasang-iklan.html'>Pasang Iklan</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/p/kirim-artikel.html'>Kirim Artikel</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/'>Home</a></li>
</ul>
</div>
</div>

Keterangan : 
  • Ganti kode berwarna merah dengan judul menu.
  • Ganti kode berwarna biru dengan url yang dituju.
6. Klik Save Template. Dan lihat hasilnya pada blog Anda !

Nah, sangat mudah kan? 
Semoga bermanfaat :)