Thursday, 8 January 2015

Cara Membuat Popular Post yang Simple tapi Keren di Blog

Cara Membuat Popular Post yang Simple tapi Keren di Blog - Alhamdulillah kali ini saya kembali menulis di blog saya yang satu ini. Dan kali ini saya akan share tutorial tentang Cara Membuat Popular Post yang Simple tapi Keren di Blog. Dan jangan lupa juga melihat artikel saya sebelumnya tentang Cara Membuat Tooltip Keren di Blog.

Popular Post yang saya maksud gimana sih ? Nah, untuk melihat yang saya maksud Simple tapi keren anda bisa liat contohnya dibawah ini :
Cara Membuat Popular Post yang Simple tapi Keren di Blog
Cara Membuat Popular Post yang Simple tapi Keren di Blog
Bagaimana ? Keren kan mba bro ? :D
Nah untuk membuat seperti itu, silahkan ikuti tutorial di bawah ini :
1. Anda harus login di akun blogger anda
2. Masuk di bagian Edit HTML
3. Copy kode berikut dan paste di atas kode ]]></b:skin>
#PopularPosts1 h2{
padding:7px 0 3px 0;
width:100%;
margin-bottom:10px;
font-size:1.3em;
text-indent:-12px;
font-size:18px;
text-align:center;
color: #757575; /* Color of the widget's title */
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:8px 0px 1px;
left:-7px;
width:290px;
}
#PopularPosts1 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
#PopularPosts1 ul li{
background: #eee;
position: relative;
display: block;
padding: .4em .2em .4em 2em;
*padding: .2em;
margin: .5em 0;
background: #ddd;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;   
}
#PopularPosts1 ul li:before{
content: counter(li);
counter-increment: li;
position: absolute; 
top: 50%;
margin: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
font-size: 15px;
color: #fff; /* text color of numbers */
background: #FB8835; /* background color of numbers */
border: .2em solid #fff; /* border color */
-webkit-box-shadow: 0 8px 5px -7px #888;
-moz-box-shadow: 0 8px 5px -7px #888;
box-shadow: 0 8px 5px -7px #888;
text-align: center;
font-weight: bold;
border-radius: 2em;
position: absolute;   
left: 0;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:hover{
background: #eee;
}
#PopularPosts1 ul li:hover:before{
transform: rotate(360deg);   
}
#PopularPosts1 ul li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
#PopularPosts1 ul li a:hover{
color: #444;
}
4. Kemudian save dan lihat hasilnya :)

Demikianlah tutorial untuk Cara Membuat Popular Post yang Simple tapi Keren di Blog, semoga dapat bermanfaan untuk teman - teman semuanya. Dan jangan lupa juga untuk membaca artikel lainnya di blog ini.
Saturday, 3 August 2013

Cara Membuat Tooltip Keren di Blog

Cara Membuat Tooltip Keren di Blog - Alhamdulillah kali ini saya masih menyempatkan diri untuk update postingan lagi. Yang dimana sebelumnya saya kurang merawat blog ini. Kali ini, tepatnya pada bulan ramadhan, saya akan membagikan informasi tentang Cara Membuat Tooltip Keren di Blog. Dan jangan lupa baca juga postingan saya sebelumnya tentang Template SEO untuk Adsense.

Anda sudah tahu apa itu tooltip kan ?
Kalau belum tahu, liat gambar di bawah ini :
Cara Membuat Tooltip Keren di Blog
Jadi sudah tahu kan apa itu TOOLTIP ?

Nah, untuk membuat seperti itu di blog, ikuti caranya di bawah ini :
  • Anda harus login di blogger.com
  • Masuk di bagian Template kemudian pilih Edit HTML
  • Setelah itu cari kode </body>
  • Letakkan kode berikut di atas kode </body>
<script src='https://googledrive.com/host/0B4B3VzwqZnPETWEyeUtQVHYtdEk/' type='text/javascript'>
atau
<script src='http://js.hack4rt.us/tooltip.js' type='text/javascript'/>
  • Kemudian tinggal ada save/simpan kemudian liat hasilnya di blog anda.
Demikian Informasi yang sempat saya bagikan tentang Cara Membuat Tooltip Keren di Blog, semoga dapat bermanfaat untuk kita semua.
Tuesday, 30 July 2013

Template SEO untuk Adsense

Template SEO untuk Adsense - Alhamdulillah kali ini saya sempat kembali untuk update postingan lagi. Dan kali ini saya akan membagikan Template SEO untuk Adsense. Dan jangan lupa juga untuk membaca postingan saya tentang Jasa Pembuatan Akun Google Adsense Termurah.

Banyak orang yang mencari template blog yang cocok untuk dipasangkan iklan google adsense. Hal tersebut di karenakan agar pengunjung blog dapat meng-klik iklan adsense kita. Dengan hal tersebut, saya mencoba membuat template blog yang saya namakan TFA ( Template For Ads ). Nah, pasti anda bertanya-tanya bagaimana sih tampilan TFA itu.. yuk langsung aja perhatikan di bawah ini.
Template SEO untuk Adsense

Beberapa fitur dan kelebihan template ini :
  • SEO Ready
  • Fast Loading
  • Banner Ads
  • Facebook Comment
  • Button Share
  • Simple Design
  • Breadcrumbs
  • Dan lain-lain
Bagi anda yang mau menge-cek langsung template ini nih lihat demonya :


Link Downloadnya Mana ??.

Alasan saya tidak memberikan link download karena template ini saya jual seharga Rp.10.000. Jangan lihat dari segi harga template ini tapi lihat dari segi kebagusan template ini. Intinya kemungkinan besar pendapatan anda lewat google adsense akan naik.

Jika anda tertarik dengan template saya ini, anda bisa SMS saya di 089677176482

Bonus : 
  • Tutor pemasangan template ini.
  • Bagi yang sudah membeli template ini akan mendapatkan template versi berikutnya secara gratis
Sunday, 12 May 2013

Jasa Pembuatan Akun Google Adsense Termurah

Jasa Pembuatan Akun Google Adsense Termurah - Alhamdulillah kali ini saya sempatkan lagi untuk memposting yang dimana sebelumnya saya telah membahas tentang Cara Membuat Top Komentar di Blog. Dan kali ini saya akan mecoba menawarkan JASA PEMBUATAN AKUN GOOGLE ADSENSE TERMURAH.

Pasti dari semua blogger sudah tahu tentang apa itu Google Adsense. Google Adsense merupakan program kerjasama periklanan melalui media internet yang dilaksanakan oleh pihak Google. Namun, beberapa sahabat blogger telah mencoba untuk mendaftar untuk Google Adsense namun beberapa kali di tolak, di tolak, dan di tolak.hehehe

Maka dari itu, saya akan memberikan JASA PEMBUATAN AKUN GOOGLE ADSENSE TERMURAH. Mengapa saya katakan "Termurah" ? Tentu saja karena biaya untuk itu berbeda dengan jasa pembuatan GA lainnya. Saya memberikan untuk 1 akun Google Adsense biayanya hanya sebesar Rp. 25.000 !.

Murah Kan ?
Tentu saja, sebenarnya saya bisa memberikan secara gratis, namun karena saya juga membutuhkan jaringan internet untuk mengerjakan itu jadi saya kenakan biaya yang menurut saya sangat bisa di jangkau oleh semua orang.

Kelebihan dengan JASA yang saya tawarkan :
1. Harganya sangat murah atau terjangkau yaitu hanya Rp.25.000 per akun
2. Biaya untuk pembuatan Google Adsense bisa dikirim setelah akunnya sudah jadi atau akunnya sudah berpindah tangan.
3. Biaya untuk pembuatan Google Adsense bisa dikirim :
Lewat Pulsa : Semua jenis pulsa mulai dari pulsa Telkomsel, Tri, Indosat. (kecuali fren)
Rekening : Di beritahukan lewat sms
4. Pengerjaan Google Adsense maksimal selama minimal 3 jam dan biasanya hanya 2 jam (tergantung kondisi)
5. Akun yang sudah jadi saya beri GARANSI selama 2 minggu (Garansi hanya berlaku jika pemesan tidak mengubah password akun GA yang telah di buatkan).

Bonus :
Saya juga bisa membantu untuk memasankan Iklan Google Adsense di blog anda jika saya tidak sibuk atau banyaknya pesanan GA dari orang lain.

Jadi tunggu apa lagi ??
Hanya Rp.25.000 saja  !!
untuk ANDA !

Jika berminat hubungi saya lewat :
Facebook : www.facebook.com/ullaverz
Twitter : www.twitter.com/bluemensionist
No. Hp : 089677176482   
Demikian Jasa Pembuatan Akun Google Adsense Termurah (Rp.25.000) yang sempat saya berikan. Ingat, ini bukan merupakan tujuan utama saya dalam mendapatkan uang, tapi saya akan mencoba berbagi kepada teman-teman yang membutuhkan jasa saya.
 
Thursday, 9 May 2013

Cara Membuat Top Komentar di Blog

Cara Membuat Top Komentar di Blog - Alhamdulillah kali ini saya masih sempat update postingan yang dimana sebelumnya saya telah membahas tentang Cara Mengganti Background Blog dengan Gambar. Dan kali  ini saya akan mencoba membahas tentang Cara Membuat Top Komentar di Blog.

Pasti anda bertanya-tanya apa sih sebenarnya yang di maksud Top Komentar ?. Jadi Top Komentar adalah Fitur atau cara untuk mengetahui siapa yang sering berkomentar di blog kita. Top Komentar ini juga bisa membuat orang berlomba-lomba untuk berkomentar di blog kita. Nah untuk lebih jelasnya lihat contohnya di bawah ini
Cara Membuat Top Komentar di Blog
Dengan melihat gambar diatas, kita dapat menarik kesimpulan bahwa "Brebes VS Lamongan" lah yang sering berkomentar di blog kita dengan jumlah komentar 48. Keren kan ? Jika tertarik dengan Top Komentar ini, ikutilah langkah-langkah untuk membuatnya.

Berikut ini Cara Membuat Top Komentar di Blog :
1. Anda harus login dulu di blogger.com
2. Pilih Layout --> Tambahkan Gadget di sidebar
3. Pilih HTML/Java Script
4. Copy kode di bawah ini ke dalam gadget HTML/Java Script tadi
<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><br /></div><style type="text/css">.top-commenter-line img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);margin-left:5px;margin-right:5px;}.top-commenter-line {margin: 5px 0;border-bottom:1px solid #eee;padding:3px 5px 6px 0px;}.top-commenter-line .profile-name-link {padding-left:0;font-weight:bold;}.top-commenter-avatar {vertical-align:middle;width:30px;height:30px;}</style><script type="text/javascript">//// Top Commentators gadget with avatars, by MS-potilas 2012.// Gets a list of top commentators from all comments, or specified number of days in the past.// See http://yabtb.blogspot.com/2012/05/top-commenters-gadget-with-avatars.html//// CONFIG:var maxTopCommenters = 30; // how big a list of top commentatorsvar minComments = 1; // how many comments must top commentator have at leastvar numDays = 0; // from how many days (ex. 30), or 0 from "all the time"var excludeMe = true; // true: exclude my own commentsvar excludeUsers = ["Raja Artikel", "Anonymous", "Muhammad Hidayatullah"]; // exclude these usernamesvar maxUserNameLength = 42; // 0: don't cut, >4: cut usernames//var txtTopLine = '<b>[#].</b> [image] [user] ([count])';var txtNoTopCommenters = 'No top commentators at this time.';var txtAnonymous = ''; // empty, or Anonymous user name localized if you want to localize//var sizeAvatar = 56;var cropAvatar = true;//var urlNoAvatar = "http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeablevar urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;var urlMyProfile = ''; // set if you have no profile gadget on pagevar urlMyAvatar = ''; // can be empty (then it is fetched) or url to image// config end// for old IEs & IE modes:if(!Array.indexOf) {Array.prototype.indexOf=function(obj) {for(var i=0;i<this.length;i++) if(this[i]==obj) return i;return -1;}}function replaceTopCmtVars(text, item, position){if(!item || !item.author) return text;var author = item.author;

var authorUri = "";if(author.uri && author.uri.$t != "")authorUri = author.uri.$t;

var avaimg = urlAnoAvatar;var bloggerprofile = "http://www.blogger.com/profile/";if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)avaimg = author.gd$image.src;else {var parseurl = document.createElement('a');if(authorUri != "") {parseurl.href = authorUri;avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;}}if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")avaimg = urlMyAvatar;if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")avaimg = urlNoAvatar;var newsize="s"+sizeAvatar;avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");if(cropAvatar) newsize+="-c";avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

var authorName = author.name.$t;if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)authorName = txtAnonymous;var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)authorName = authorName.substr(0, maxUserNameLength-3) + "...";var authorcode = authorName;if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

text = text.replace('[user]', authorcode);text = text.replace('[image]', imgcode);text = text.replace('[#]', position);text = text.replace('[count]', item.count);return text;}

var topcommenters = {};var ndxbase = 1;function showTopCommenters(json) {var one_day=1000*60*60*24;var today = new Date();

if(urlMyProfile == "") {var elements = document.getElementsByTagName("*");var expr = /(^| )profile-link( |$)/;for(var i=0 ; i<elements.length ; i++)if(expr.test(elements[i].className)) {urlMyProfile = elements[i].href;break;}}

for(var i = 0 ; i < json.feed.entry.length ; i++ ) {var entry = json.feed.entry[i];if(numDays > 0) {var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

//Calculate difference btw the two dates, and convert to daysvar days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));if(days > numDays) break;}var authorUri = "";if(entry.author[0].uri && entry.author[0].uri.$t != "")authorUri = entry.author[0].uri.$t;

if(excludeMe && authorUri != "" && authorUri == urlMyProfile)continue;var authorName = entry.author[0].name.$t;if(excludeUsers.indexOf(authorName) != -1)continue;

var hash=entry.author[0].name.$t + "-" + authorUri;if(topcommenters[hash])topcommenters[hash].count++;else {var commenter = new Object();commenter.author = entry.author[0];commenter.count = 1;topcommenters[hash] = commenter;}}if(json.feed.entry.length == 200) {ndxbase += 200;document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');return;}

// convert object to array of tuplesvar tuplear = [];for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

tuplear.sort(function(a, b) {if(b[1].count-a[1].count)return b[1].count-a[1].count;return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;});

// list top topcommenters:var realcount = 0;for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {var item = tuplear[i][1];if(item.count < minComments)break;document.write('<di'+'v class="top-commenter-line">');document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));document.write('</d'+'iv>');realcount++;}if(!realcount)document.write(txtNoTopCommenters);document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');</script></div>
5. Ubah kode warna Merah dengan jumlah komentar yang ingin di tampilkan.
6. Ubah kode warna Biru dengan nama orang yang tidak ingin ditampilkan di Top Komentar seperti Admin, Anonim, dan lain-lain.
7. Setelah itu lihatlah hasilnya.

Demikian postingan saya ini tentang Cara Membuat Top Komentar di Blog semoga dapat bermanfaat. Dan jika terjadi masalah tentang postingan ini, anda bisa menanyakan melalui berkomentar di bawah ini.

Sudah tahu kan Cara Membuat Top Komentar di Blog ?