Cara Membuat Cursor Animasi Keren

Cara Membuat Cursor Animasi Keren - Lebaran telah berlalu dari hadapan kita, namun tetap saya merasa begitu bersalah ketika melihat komentar di blog ini begitu terlantar. Ada kesibukan di dunia offline yang tak bisa saya tinggalkan, untuk itu di pagi minggu awal bulan ini saya mohon maaf atas keterlambatan ini. Inginya sieh tiap hari update, tiap hari bertemu sahabat, meski kita tidak bisa saling berkata, toh..,jari jemari kita bisa mewakili ke-kangenan ini.

Ok sob, kita langsung saja ke Cara Membuat Cursor Animasi Keren, namun sebelumnya ada ucapan Terima Kasih tak terhingga untuk sahabat Gubhug Reyot yang telah memberikan pencerahan untuk Cursor Animasi Keren ini. Cursor Animasi Molor2 Gila: Cara Merubah ,Cara membuat, dan Cara Memasang Cursor, judul yang membuat orang gila membacanya, namun membuat kita jadi penasaran untuk mempraktekannya, hehe. Oh ya kawan.., contohnya seperti yang ada di cursor blog ini !

Cara Membuat Cursor Animasi Keren ini hanya pernak-pernik yang akan menghiasi keindahan blog kita saja, tak hubungannya dengan SEO atau pun visitor blog. Jika sahabat merasa tak ada manfaatnya silahkan tinggalkan saja post ini, namun bila ketertarikan sahabat cukup kuat akan Cursor Animasi Keren ini, mari kita klik link ini Cara Membuat Cursor Animasi untuk membuat dan memperaktekannya.

Akhirul kata, semoga Cursor Animasi Keren ini bisa bermanfaat untuk sahabat.
Salam and happy blogging !

Artikel Yang Mungkin Berhubungan :

1. Cara Mengganti Cursor Blog
2. Cara Membuat Cursor Bertabur Bintang

Continue Reading

Search Box - Cari Di Blog Ini

Search Box - Cari Di Blog Ini - Untuk blog yang baru terisi 74 postingan saja seperti blog Shaka InghetS ini kadang kita lupa dengan apa yang kita butuhkan dari artikel yang sudah kita tulis. Apalagi bila ternyata artikel blog kita sudah ratusan bahkan ribuan, mati kita bila harus mijit Tombol Next Page satu-persatu.

Search Box atau kotak pencarian sangatlah penting dan dibutuhkan keberadaannya pada blog kita, akan tetapi adakalanya para perancang template tidak memfasilitasi hal ini. Meski blogger sekarang memberikan layananya Search Box ini namun tampilannya kurang begitu greget dan susah untuk kita modifikasi. Nach..,untuk itu itu mari kita Membuat Search Box Keren sendiri dengan tampilan cantik dan bisa kita modifikasi sendiri. mari ikuti langkahnya sebagai berikut ;

 Login ke akun blogger
        1.Klik Design/Layout/Tata Letak
        2.Page Element
        3.Add a Gadget HTML/Javascript
        4. Kemudian masukan kode berikut ini :

<style type="text/css">
#searchboxo{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaWBlqLidKhO42mH4XMhBi-2RLBeKYMtt7s4x58fKtx5jtcGS-emBxR4mjhs14YZ05cuqUzifEs6p5HO_uySFpjzWp567hGkWUo4ozCLesimZkXxMXdtZIN11zEn8QrCOZnIfKVARxx4s0/s1600/topmenueva.jpg)repeat;
border:1px solid #564E15 ;
width:350px;
height:25px;
margin:0px;
padding:4px;
}
#searchboxo form input.searchinput{
float:left;
padding:2px;
padding-top:2px;
margin-left:2px;
width:240px;
height:19px;
color:#000;
font-size:14px;
border:1px solid #6B7171;
background:#475346;
}
#searchboxo form input.submitbutton{
float:right;
width:85px;
height:25px;
margin-right:2px;
padding-bottom:4px;
font-variant:small-caps;
text-align:center ;
cursor:pointer;
border:1px solid #6B7171;
background-color:#6B7171;
color:#FFFFFF;
font-weight:bold;
font-size:12px}
</style>
<div id='searchboxo'>
<form action='/search' id='searchform' method='get'>
<input class="searchinput" id="searchbox" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Type text to search&quot;;}" onfocus="if (this.value == &quot;Type text to search&quot;) {this.value = &quot;&quot;;}" type="text" value="Type text to search" />
<input class="submitbutton" type="submit" value="Search" />
</form>
</div>

5. Save Widget dan lihat hasilnya, semoga berhasil dan tentunya bisa bermanfaat.

Keterangan :

background:url = Tulisan berwarna biru ganti dengan background yang sesuai dengan template sobat. Sesuaikan pula setiap ukuran lebar (width) dan tingginya (height). Untuk penyesuaian warna silhkan klik Color Code di navigasi menu blog ini.

Selamat berkreasi dan tentunya  bermanfat untuk sobat. Mari Cari Di Blog Ini yang sekiranya bermanfaat untuk blog sobat..,
Happy Blogging.

Sumber

Continue Reading

Bundarkan Recent Comments

Bundarkan Recent Comments - Komentar Terbaru atau lebih dikenal dikalangan blogger dengan sebutan Recent Comments. Memasang Widget Recent Comments di blog atau website besar fungsinya bagi kita, Recent Comments ini mampu memberitahukan komentar terakhir atau komentar terbaru dari pengunjung blog pada setiap postingan blog. Admin tak perlu bongkar dasbor hanya tuk sekedar mengetahui siapa saja yang berkomentar di blognya.

Bagi sobat yang belum Memasang Widget Recent Comments dengan avatar bundar di blog/web-nya, mari kita buat disini. Tak ada paksaan dalam Bundarkan Recent Comments ini, karena membundarkan Recent Comments ini hanya bagian dari pernak-pernik untuk keindahan blog kita saja. Jika sobat berminat  dengan Recent Comments Bundar, mari ikuti langkahnya sebagai berikut ;

 Login ke akun blogger
        1.Klik Design/Layout/Tata Letak
        2.Page Element
        3.Add a Gadget HTML/Javascript
        4. Kemudian masukan kode berikut ini :

<style type="text/css">

    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}

    .w2b_recent_comments li .avatarImage{padding:3px;background:#41CE0E;-webkit-box-shadow:0 1px 1px #206AF5;-moz-box-shadow:0 1px 1px #D80BF3;box-shadow:0 1px 1px #F30B2E;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}

    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}

    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

 numComments  = 5,

 showAvatar  = true,

 avatarSize  = 50,

 roundAvatar = true,

 characters  = 60,

 showMorelink = false,

 moreLinktext = "More »",

 defaultAvatar  = "http://gravatar.com/evawangi",

 hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://evawangi.googlecode.com/files/avatarrcntcomments.js"></script>

<script type="text/javascript" src="http://evawangi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script><br/>

<a href="http://evawangi.blogspot.com/2012/08/bundarkan-recent-comments.html" target="blank"><font color="white">[Get This]</font></a>

5. Save Widget dan lihat hasilnya, semoga berhasil dan tentunya bisa bermanfaat.

Keterangan :
Ganti http://evawangi.blogspot.com dengan URL blog sahabat.
numComments=5 adalah banyaknya komentar yang akan ditampilkan,
avatarSize= 50 adalah ukuran avatar
characters=60 adalah banyaknya karakter komentar yang akan muncul.
Untuk warna background avatar dan border silahkan kreasikan sesuka sobat, buka kode warnanya disini
Bundarkan Recent Comments ini semoga berhasil dan tentunya bisa bermanfaat,
happy blogging !

Continue Reading

Blog Dofollow Shaka InghetS

Blog Dofollow Shaka InghetS - Yup, benar sop..,blog Shaka Inghets adalah Blog Dofollow. Ini penghargaan tertinggi admin untuk sahabat yang baru menginjakan kakinya dalam dunia blogger. Karena pastinya bila sobat mengetahui pentingya sebuah backlink bagi kelangsungan hidup blog kita, maka akan tahu arti dan manfaat blog Dofollow, karena perjalanan sebuah blog akan bergantung pada "sistem simbiosis mutualisme", sistem saling membutuhkan dan ketergantungan.

Meski Shaka InghetS blog Dofollow, admin akan bertindak tegas untuk komentar yang diluar topik, karantina Spam akan jadi tempat terbaik komentar sobat. Maka dari itu pergunakan kotak komentar yang menganga secara bijak dan penuh cinta kasih. Haraf maklum bila dalam membalas komentar atau kunjungan sobat, Shaka InghetS seringkali terlambat, maklum kalau blogging harus lari ke warnet.

Oh ya sop, di Shaka InghetS sobat bebas berbuat, silahkan jika sekiranya ada artikel yang dianggap perlu dan sobat mau menyebarkannya secara mentah-mentah untuk sahabat yang lain, saya tak akan melarangnya asal ada Link Sumber yang mengarah ke blog ini, jika tidak maka blog sobat akan jadi bagian Blog AGC saya, ok bro?!

Mari Berbagi untuk Indahnya Kebersamaan Blogger
Selamat Menunaikan Ibadah Puasa bagi yang Muslim
dan tentunya bagi sobat semua...
Happy Blogging.

Continue Reading

Top Komentator Widget dengan Avatar

Top Komentator Widget dengan Avatar - Cara Membuat Widget Top Komentator di Blog dengan Avatar. Setelah mendapat Award Top Commentators dari sahabat terganteng Andi Borneo, jadi kepikiran untuk membuat widget Top Komentator Widget tapi dengan Avatar.

Top Komentator Widget, secara tidak langsung merupakan satu penghargaan admin blog untuk pengunjung blog, akan siapa saja sahabat kita yang paling rajin memberikan komentarnya di blog.

Top Komentator Widget mampu juga memberikan kemudahan untuk memberikan award misalanya, pada sahabat kita karena dalam Top Komentator terdapat nilai atau rangking tertinggi/terbanyak pada komentatornya. Maka dengan adanya Top Commentator pada blog kita secara tidak langsung akan mengerakan kompetisi pada pengunjung untuk mendapat posisi 1 agar mudah dikenal oleh orang lain.

Pada Top Komentator Widget dengan Avatar ini, sobat dapat mengkonfigurasi jumlah maksimum komentator, dan jumlah minimum komentar. Sobat juga dapat menyingkirkan 1 komentar jika ingin, misalnya Nick sendiri dan daftar nick lain misalnya "Anonim".
Ok kita langsung ke Cara Pembuatanya :

Caranya :
1. Login ke Akun Blogger sobat
2. Menu Layout - Add a Gadget - Cari HTML/JavaScript
3. Lalu copy kode yang ada dalam Teks Area dibawah ini dan letakkan didalamnya

<style type="text/css"> .top-commenter-line {margin: 3px 0;} .top-commenter-line .profile-name-link {padding-left:0;} .top-commenter-avatar {vertical-align:middle;} </style><br /> <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 = 5; // how big a list of top commentators var minComments = 1; // how many comments must top commentator have at least var numDays = 0; // from how many days (ex. 30), or 0 from "all the time" var excludeMe = true; // true: exclude my own comments var excludeUsers = ["Anonymous", "someotherusertoexclude"]; // exclude these usernames var 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 = 16; var cropAvatar = true; // var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXFNJVr4tDb3nOHCOHdT9DSfe0WIT2CWH_ycnAGCN6fH4TSLhy2ZIL_GsQ9ic_gaw6aJp8BqfGjlmOmfeYzCqQOpSZjYfZn89cFtJGt88dyXXWDyw4UHGaNIoac1mX9jMiLS15ReLDqTI/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar; var urlMyProfile = ''; // set if you have no profile gadget on page var 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 8601 var 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 days var 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 tuples var 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><a href="http://evawangi.blogspot.com/2012/08/top-komentator-widget-dengan-avatar.html" target="blank"><font color="red">[Get This]<font></font></font></a>

 4. Save Widget.

Catatan dari hasil translate :
Ada dua definisi CSS pada awalnya, yang dapat diubah sesuai dengan keinginan sobat. Berikut adalah daftar dari variabel dan penjelasan singkatnya

maxTopCommenters: seberapa besar daftar adalah maksimum
minComments: berapa banyak komentar komentator atas harus memiliki minimal
numDays: dari berapa hari (ex. 30), atau 0 dari "sepanjang waktu" (maks 500 komentar)
excludeMe: true, jika komentar sendiri dikecualikan
excludeUsers: ganti "Anonymous" dengan nama pengguna profil sobat untuk mengecualikan
maxUserNameLength: jika 0, tidak memotong, jika> 4, username lenghty dipotong
txtTopLine: menentukan kernel, apa yang ditampilkan pada setiap baris. Teks ini dapat memiliki variabel sederhana, yaitu: [#], [image], [user], dan [count]. [#] Diganti dengan posisi pada daftar, [image] dengan gambar avatar komentator, [user] dengan nama komentator dan [jumlah] dengan jumlah komentar. Teks juga dapat berisi html.
txtNoTopCommenters: apa yang akan ditampilkan, jika daftar kosong
txtAnonymous: "Anonim" username lokal, atau kosong jika teks Inggris "Anonim" yang akan digunakan
getTitles: jika benar, mengambil judul dari feed posting, jika palsu, judul dihasilkan dari url
blogger favico [B]
urlMyAvatar: terutama jika trueAvatars = false, set disini url untuk gambar avatar Anda
urlMyProfile: jika Anda tidak memiliki gadget profil di halaman, masukkan url profil Anda di sini!
urlAnoAvatar: avatar anonim, Anda dapat berubah dari pria misterius ke yang kustom, jika Anda inginkan, mungkin ini
urlNoAvatar: pakan komentar menawarkan ikon (Blogger logo) bagi mereka Blogger yang belum mengatur gambar profilnya. Anda dapat mengganti icon tersebut dengan setelan (default:).
cropAvatar: Tanaman avatar untuk persegi (benar) atau peregangan (palsu) untuk persegi
sizeAvatar: ukuran avatar di x dan arah y, piksel

Jika sobat memiliki komentar yang sangat banyak (ribuan komentar), saya menyarankan sobat untuk men-setting Top Komentator Widget dengan Avatar ini dalam setingan "komentator atas 30 hari"  (set numDays variabel ke 30), sehingga tidak akan memakan waktu terlalu lama untuk memuat dan menghitung semua komentar.

Sumber Artikel ini Top Komentator Widget dengan Avatar

Continue Reading

Anti Copas vs Scroll

Anti Copas vs Scroll - Permasalahan Anti Copas ini jadi menarik untuk dibahs lebih lanjut, pasalnya kenapa mesti ada Anti Copas vs Scroll ? Hehe.., ini hanya judul semata sop karena bukan hanya Anti Copas yang perlu saya pertegas disini, akan tetapi menyangkut Scroll pada widget yang sengaja saya sembunyikan.

Menyembunyikan Scroll ini hanya bermaksud untuk tidak merusak estetika dari penampilan blog Shaka Inghets saja. Tetapi ternyata menyembunyikan Scroll pada widget cukup membingungkan pengunjung blog saja. Padahal di Shaka InghetS hampir semua widget memakai Fungsi Scroll, semacam Blog Archive, Entri Populer, Blog List termasuk widget Tukeran Link.

Kalau pada postingan sebelumnya tentang Kode Anti Copy Paste, benar kata sahabat kita Wammys, bahwa fungsi dari kode tsb. memberikan efek tidak bisa klik kanan atau istilah blogger diCopas hampir pada disetiap artikel blog kita karena penempatan kodenya berada di HTML template kita. Sedang untuk Anti Copas vs Scroll ini sahabat bisa memilih paragraf mana saja yang akan sobat pasang Anti Copas-nya, atau bahkan satu artikel (satu judul artikel) secara keseluruhan.

Css Anti Copas ini bermanfaat untuk melindungi kalimat atau paragraph tertentu dari tindakan copy paste. Kode CSS untuk membuat Anti Copas atau Anti Klik Kanan pada paragraph tertentu adalah sebagai berikut :

<style>

    #wangievanoclik{display:block;

    -khtml-user-select:none;-moz-user-select:none;-o-user-select:none;

    user-select:none;unselectable:on;

    }</style>

    <div id="wangievanoclik">

    Isi Paragraf yang Akan sobat pasang Anti Copas

    </div>

Untuk DEMO-nya sobat coba Copas postingan Widget Twitter Conversation Lebih Menarik pada paragraf ke-2, apa yang terjadi ?

Untuk satu Kode Anti Copas dibawah ini adalah untuk satu postingan. Cara penempatannya simpan pada akhir postinngan kita pada kondisi klik Edit HTML atau jangan pada kondisi posting Compose.

    <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Mudah khan sop? Semoga postingan Anti Copas vs Scroll ini membawa manfaat untuk kita semua,amin !

Continue Reading

Widget Twitter Conversation Lebih Menarik

Widget Twitter Conversation Tampil Lebih Menarik - Pada tampilan sebelumnya terasa biasa-biasa azah. Memang sudah menarik untuk ukuran blog Shaka InghetS, namun akan lebih cantik dan menarik lagi bila kita mau sedikit menambah backround sebagai bingkai untuk Widget Twitter Conversation milik kita.

Pada postingan sebelumnya tentang Cara Membuat Widget Twitter Conversation sengaja saya buang backgroundnya karena penyesuaian dengan widget yang saya punya juga latar hitam yang ada di blog ini. Bila latar blog sobat berwarna putih atau merah silahkan gunakan cara ini untuk mempercantik tampilan Widget Twitter Conversation milik sobat.

<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidfuFConzia5IkzFFrbb2G0MiMLJH5DpQcW9HVAcwsUoZTbHnKvJwCoVx6_BwRxGWcpEQVJ3ixSh_z8IBnw72aDhMtVlATnOSm_B9uV3Q63i36yE1Qm7lSaCxchxXvtENBvLiRir8gFx4E/s1600/tweet.png) no-repeat;padding-top:46px;padding-left:10px">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 10,

interval: 3000,

width: 280,

height: 122,

theme: {

shell: {

background: 'transparent',

color: '#aeaeae'

},

tweets: {

background: 'transparent',

color: '#aeaeae',

links: '#5193f0'

}

},

features: {

scrollbar: false,

loop: true,

live: true,

hashtags: true,

timestamp: true,

avatars: true,

behavior: 'default'

}

}).render().setUser('@EvaWangi').start();

</script>

</div>
 <a href="http://evawangi.blogspot.com/2012/08/widget-twitter-conversation-lebih.html" target="blank"><font color="red">[Get This]<font></font></font></a>

Catatan :
Silahkan kreasikan lebar juga tinggi Widget Twitter Conversation sobat dengan merobah angka-angka yang berwarna biru di kode diatas. @EvaWangi ganti dengan Akun Twitter kepunyaan sobat.
Untuk bingkai backround yang ingin berwarna merah silahkan pergunakan link gambar dibawah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhze5jV01aS8zaFtpMupl8BqOz7w8tPxuEqXkJPfWchdSWy-sSZtixb9lyYOPmiZv2oIVgTy419pUfZfytKFrr-Nd_z_V1utBCC1HdA_LvdqRYjk3fePpiDNw5KSS4yCT3oJWyxNskR4/s1600/twitter.png

Continue Reading

Kode Anti Copy Paste

Kode Anti Copy Paste - Seiring pesatnya perkembangan tehnologi internet dan komputer, Copy Paste tak bisa dilepaskan dari aktifitas kita sehari-hari sebagai blogger. Copy Paste kerap dihubung-hubungkan dengan pencurian artikel blog orang lain. Copy Paste adalah perbuatan tak senonoh apalagi keluar dari aturan blogger.Meski masih belum efektif tapi lumayan juga untuk membuat susah blogger newbie,hehe.

Langsung aja ke cara pembuatanya ya, siapkan alat dan bahan-bahan secukupnya, lalu :
    1 Login ke Akun Blogger sobat
    2. Klik Rancangan
    3. Lalu klik tab Edit HTML, beri tanda centang pada kotak kecil  Expand Template Widget

Lalu Copy Paste-kan kode script dibawah tepat dibawah kode </head>

<script type="text/javascript">

<br>

if (typeof document.onselectstart!="undefined") {<br>

document.onselectstart=new Function ("return false");<br>

}<br>

else{<br>

document.onmousedown=new Function ("return false");<br>

document.onmouseup=new Function ("return true");<br>

}<br>

</script><br />

<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">

<br /></div>

4. Simpan Template.

Mudah bukan sop memasang Kode Anti Copy Paste ini, selamat bereksperimen dan semoga sesuai untuk blog sobat !
Happy Blogging !

Continue Reading

Cara Membuat Widget Twitter Conversation

Cara Membuat Widget Twitter Conversation - Optimalisasi Blog dengan berbagai cara telah kita lakukan, termasuk update kali ini dengan Cara Membuat Widget Twitter Conversation pada blog kita. Sebelumnya pula kita telah Membuat Widget Follower Twitter di Blog, itupun termasuk upaya kita untuk sosialisasi blog kita 

Widget Twitter Conversation, widget yang satu ini sangat berguna untuk melihat update blog juga meraih pengunjung blog dari twitter kita. Adapun cara membuat Widget Twitter Conversation seperti yang ada di blog Shaka InghetS ini sangat mudah sobat tinggal copy pastekan kode dibawah pada gadget yang telah sobat tambahkan, atau ikuti caranya sbb :

1. Sobat Login ke Akun Blogger sobat

2. Masuk ke Menu Design atau Rancangan

3. Lalu tambahkan gadget dan pilih HTML/Javascript.

4. Lalu copy dan paste kode dibawah ini:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: 'profile',

rpp: 10,

interval: 3000,

width: 280,

height: 122,

theme: {

shell: {

background: 'transparent',

color: '#aeaeae'

},

tweets: {

background: 'transparent',

color: '#aeaeae',

links: '#5193f0'

}

},

features: {

scrollbar: false,

loop: true,

live: true,

hashtags: true,

timestamp: true,

avatars: true,

behavior: 'default'

}

}).render().setUser('@EvaWangi').start();

</script>
 <a href="http://evawangi.blogspot.com/2012/08/cara-membuat-widget-twitter-conversation.html" target="blank"><font color="white">[Get This]<font></font></font></a>

Catatan :
@EvaWangi ganti dengan Akun Twitter sobat.
Semoga Bermanfaat, salam sukses and Happy Blogging !

Continue Reading

Cara Membuat Tombol Share Melayang pada Blog

Cara Membuat Tombol Share Melayang pada Blog - Melayang ? Benar sop, blog Shaka Inghets adalah blog melayang, tanpa tema dan tujuan, seingatnya saja bila berbagi. Pada postingan terdahulu pisan kita telah mencoba Memasang Tombol Share yang letaknya di bawah postingan atau di atas postingan blog, nach..,pada kesempatan kali ini kita mau mencoba Membuat Tombol Share Melayang.

Tentunya banyak kekurangan juga kelemahan yang ada di Blog Shaka Inghets ini, ini menyangkut PageRank yang tak ada perubahan pada PageRank Update Agustus 2012 ini. Ya..,mungkn salah satunya Shaka Inghets kurang disukai oleh pengunjung, terbukti kurangnya Share (sosialisasi blog) melalui jejaring social baik itu yang dilakukan admin atau pengunjung.

Entahlah..,apa dugaan itu benar atau hanya insting seorang blogger atas Optimalisasi SEO saja. Bila benar maka tak ada salahnya bila kita mencoba untuk membuat Tombol Share Melayang baik itu Share ke Facebook, Twitter, Google Plus. Dengan adanya Tombol Share pada blog kita, maka terbuka kesempatan untuk para pengunjung blog berbagi ke sesame temannya .

Cara Membuat Tombol Share Melayang pada blog kita adalah bisa kita terapkan dengan mengikuti aturan dibawah ini;

1. Sobat Login ke Akun Blogger sobat

2. Masuk ke Menu Design atau Rancangan

3. Lalu tambahkan gadget dan pilih HTML/Javascript.

4. Lalu copy dan paste kode dibawah ini:

        <!--SideBar Floating Share Buttons Code Start-->

        <style>

        #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

        0;z-index:10;}

        #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

        .fb_share_count_top {width:48px !important;}

        .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

        .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

        </style>

        <div id='pageshare' title="Share This With Your Friends">

        <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

        <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

        <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

        <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

        <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

        <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]</font></a></div></div>

5. Langkah terakhir klik Save widget.

Langkah mudah telah kita lalui dengan sempurna, demikian Cara Membuat Tombol Share Melayang pada Blog telah kita buat, semoga bisa bermanfaaat untuk kita semua.
Selamat berpuasa tentunya..,
Happy Blogging !

Continue Reading

Pagerank Update 2 Agustus 2012

Google PageRank Update 2 Agustus 2012 - Tiga bulan terakhir ini blog Shaka Inghets nampaknya "tak disentuh" google, hehe, pagerank-ini masih tetap jalan ditempat, PR 1. Hanya PR Alexa yang sedikit mengalami perubahan menggembirakan, mungkin faktor dari pageview. Tapi ga pp-lah, lagian blog acak-acakan begini mau ber-PR berapa?

Ada banyak tempat untuk mengecek PagRank Google blog sobat. Silahkan sobat cek blog sobat siapa tau waktu lagi berpihak, hingga PR blognya sesuai dengan harapan. Update 2 Agustus 2012 ini saya mencobanya di dua tempat terpisah di Google PageRank Checker dan Google Pagerank Button produksi MyPagerang.net, keduanya menunjukan angka yang sama, hehe.


Berapapun PageRank-nya, blogging adalah Its My Live, hehe. Saya rasa bukan masalah Pagerank-nya, tapi bagaimana menumbuhkan semangat dalam blogging. Selamat tuk sobat yang PR blognya bertambah, yang blom kebagian, jangan berkecil hati karena masih ada 3 bulan mendatang.
Happy Blogging !

Continue Reading

Cara Menambah Kolom di Sidebar Blog

Cara Membuat Kolom Sidebar - Cara Menambah Kolom di Sidebar Blog - Sebenarnya malu juga sama bos saya Creating Website, template hasil karyanya saya acak-acak,hihi. Tapi ga masalah toh bos, saya hanya menambah widget di sidebar karena saya rasa kurang.

Menambah Kolom Widget Sidebar template blogspot sah-sah saja asal tak terlalu memberatkan pada loading blog kita. Menambah kolom ini dirasakan perlu manakala banyak widget yang kita butuhkan sementara para perancang template hanya (memberi) membatasi 1 kolom di sidebar. Saya akan memberikan 3 kolom sekaligus, namun bila sobat hanya perlu satu kolom silahkan buang satu kode section dan satu kode CSS skin.

Saya ingatkan untuk  Menambah Gadget di Sidebar ini sobat
Masuk ke Akun Blogger milik sobat
Lalu Rancangan - klik Edit HTML
Centang Expand Template Widget

Pergiat dengan mencari kode di bawah ini ( gunakan Ctrl+F untuk mempercepat ) ;

    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>

    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

    <b:includable id='toggle' var='interval'>

  <b:if cond='data:interval.toggleId'>

   (kode di template yang saya pakai terlalu panjang) dan seterusnya sampai menemukan ;

    </b:section>

   --- Tambahkan Kode Widget Sidebar sobar disini ----

    </div>

    Kemudian, tambahkan kode di bawah ini di antara kode </b:section> dan </div>

     <b:widget id='Text143' locked='false' title='Column 1' type='Text'/>
    </b:section>
    <b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
    <b:widget id='Text245' locked='false' title='Column 2' type='Text'/>
    </b:section>
<b:section class='sidebar' id='kolom-atas' showaddelement='yes'>
    <b:widget id='Text346' locked='false' title='Column 3' type='Text'/>
    </b:section>
    <div style="clear: both;"></div>

Lalu tambahkan kode CSS di bawah, di atas kode ]]></b:skin>

#kolom-kiri {

width: 49%;

float: left;

}

#kolom-kanan {

width: 49%;

float: right;

}

#kolom-atas {

width: 99%;

float: right;

}

Lalu Simpan Template sobat dan lihat hasilnya !

Nach Bila penyimpanan kode diatas sudah benar maka akan dihasilkan widget di sidebar seperti gambar di bawah ini, atau sahabat bisa lihat tampilan widget di Cinta Deras :

Catatan :

49 % dan 99% adalah nilai lebar dari widget yang kita buat, jika tak sesuai dengan template sobat silahkan silahkan mengubahnya hingga Pas dan Mantap.

Selamat berpuasa, happy weekend and tentunya....,

Happy Blogging.

My Inspiration :
http://www.mfrifanto.com/2012/03/cara-menambah-kolom-di-sidebar-blog.html

Continue Reading

Membuat Text Area

Membuat Text Area - Seperti judulnya.., Text Area adalah sekumpulan teks atau segerombolan kode-kode HTML didalam lingkaran area untuk di copy paste pengunjung atau hanya mempersempit area postingan kita karena kode atau teks yang kita berikan terlalu banyak. Dua Model Text Area yang akan saya berikan. Text Area Biasa dan Text Area Highlight. Cara pembuatannya pun sangat mudah, silahkan sobat copy pastekan kode di bawah ganti tulisan yang berwarna fink sesuai kebutuhan sobat.

Text Area biasa :

<p align="center"><textarea name="code" rows="8" cols="30"> Marhaban ya Ramadhan. Bulan suci Ramadhan sudah di depan mata,bulan yang penuh kemulyaan. Ku persiapkan hati untuk bulan yang Engkau Agungkan ini Ya Allah. Marhaban ya Ramadhan </textarea></p>

Marhaban ya Ramadhan. Bulan suci Ramadhan sudah di depan mata,bulan yang penuh kemulyaan. Ku persiapkan hati untuk bulan yang Engkau Agungkan ini Ya Allah. Marhaban ya Ramadhan

Keterangan :
rows="8", menunjukan tinggi dari text area
Cols="30", menunjukan lebar dari text area.

Text Area dengan memakai HighLight :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="width: 260px; height: 132px" name="txt" rows="100" wrap="virtual" cols="55">Tak ada kata yang indah selain maaf dan memaafkan. Mohon dibukakan pintu maaf atas semua kesalahanku, disengaja ataupun tidak. Marhaban ya ramadhan, Mohon maaf lahir batin.</textarea></p></div></form>

Tak ada kata yang indah selain maaf dan memaafkan. Mohon dibukakan pintu maaf atas semua kesalahanku, disengaja ataupun tidak. Marhaban ya ramadhan, Mohon maaf lahir batin.

Selamat berkreasi, semoga bisa bermanfaat !

Continue Reading

Cara Membuat Menu Dropdown

Cara Membuat Menu Dropdown - Andai saja semua widget “boleh” menggunakan Menu Dropdown maka akan kubuat semua widget dengan Menu Dropdown. Tapi jelas bila semua pakai Menu Dropdown maka kita akan kesulitan mem-balancing widget dengan posisi postingan.

Nach.., ngomong-ngomong masalah Balancing Widget, kita bisa mengatasinya dengan membuat salah satu widget kita dengan menerapkan Menu Dropdown tersebut, misalnya widget untuk Tukeran Link atau kegunaan lainnya. Untuk contoh penggunaanya bisa sobat lihat di Arsip Blog yang mempergunakan dropdown.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Tips Blogging </option>

<option value="isi dengan URL addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Saya kasih contoh penggunaan Menu Dropdown untuk Artikel Terbaru blog ini ;

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>Tips Blogging </option>

<option value="http://evawangi.blogspot.com/2012/07/menimbang-blog-di-website-speed-test.html" />Menimbang Blog di Website Speed Test

<option value="http://evawangi.blogspot.com/2012/07/membuat-gambar-miring.html" />Membuat Gambar Miring

<option value="http://evawangi.blogspot.com/2012/07/membuat-kode-warna-di-blog.html" />Membuat Kode Warna di Blog

<option value="http://evawangi.blogspot.com/2012/07/kode-warna-html.html" />Kode Warna HTML

<option value="http://evawangi.blogspot.com/2012/07/janda-muda-yang-kehausan.html" />Janda Muda Yang Kehausan

</select></form>

Maka Hasilnya akan tampak seperti dibawah ini :

Tips Blogging Menimbang Blog di Website Speed Test Membuat Gambar Miring Membuat Kode Warna di Blog Kode Warna HTML Janda Muda Yang Kehausan

Mudah khan bos, selamat berkreasi !

Continue Reading

Menimbang Blog di Website Speed Test

Menimbang Blog di Website Speed Test - Timbang Blog di iWEBTOOL - Blog sobat berat di loading ? Siap-siap ditinggalkan Google dan pengunjung. Pasalnya, admin sendiri ogah dan malas bila berkunjung kesalah-satu blog yang berat di loading atau katakan sukar dibuka brouwser. Dengan Tool penimbang blog kita akan mengetahui sejauh mana beratnya blog kita dalam membuka. Banyak penyedia Tool gartis untuk menimbang blog, namun kita akan mencoba Timbang Blog di iWEBTOOL.

Alasan kenapa kita mesti Timbang Blog ?!
1. Kemudahan pada pengunjung blog kita dalam "mengacak-ngacak" artikel kita. Pada umumnya netter atau pengguna internet tidak sabar untuk menunggu. Blog atau website dengan loading yang lambat tentu akan membuat jenuh pengunjung.
2. Algoritma Baru dari pencarian Google yaitu Google Caffeine, melakukan perangkingan blog menitik-beratkan kepada kecepatan loading suatu website atau blog dengan kata lain Google masih menganggap relevansi pencarian sebagai faktor penting.

Masukkan Alamat Blog atau Web Max 10 Url, Ok bro !? (http://evawangi.blogspot.com)

Alat Timbang Blog dibawah ini berfungsi untuk mengukur kecepatan Blog diakses atau mengukur seberapa cepat loadingnya. Penggunaanya pun sangat mudah, sobat tinggal masukin alamat blog atau URL yang akan sobat cek, lalu tekan tombol Check. Tunggu beberapa saat, setelah tampak kita akan membaca. hasil ratio Website Speed Test atau iWEBTOOL  berupa Size, Load Time dan Average speed per KB. Jika Size menunjukan lebih dari 100KB, maka usahakanlah untuk mengurangi widget atau pernak-pernik yang tidak perlu.

Mau ditendang Google gara-gara blog lelet atau berat loading? Jika jawabannya tidak ! Maka segera perhatikan kecepatan blog sobat. Mari Timbang Blog disini.
Semoga bermanfaat, salam blogger !

Continue Reading

Membuat Kode Warna di Blog

Membuat Kode Warna di Blog - Membuat Kode Warna di Blog atau istilah kerennya Creating a Color Code in Blog tak kalah penting dengan Kode Warna HTML yang telah kita buat sebelumnya. Ini memungkinkan kita punya Kode Warna sendiri di Blog tanpa harus udar-ider mencari ke blog orang lain bilamana kita membutuhkannya.

Cara Membuat Kode Warna di Blog ini sangatlah mudah, karena kita tak harus memasukan kode di edit HTML template kita. Kita tinggal copy-pastekan kode dibawah kedalam postingan kita, lalu mem-publish-nya.Kode Warna ini saya ambil dari Hex Color Code Chart & Generator di http://www.2createawebsite.com.

Sobat tertarik Membuat Kode Warna di Blog ?

<center> <object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"></object></center>

Silahkan sedot kodenya disini.
Selamat Berkreasi semoga Berhasil !

Continue Reading

Kode Warna HTML

Kode Warna HTML - HTML Color Codes - Tabel Warna dan Kode Warna - Saya yakin tools Kode Warna ini pastinya masih dibutuhkan oleh sobat yang senang bereksperiment memperindah dan mempercantik website atau blognya dengan hiasan warna-warna pada templatenya. Kiasan warna yang menarik membuat kita betah berlama-lama blogging di blog tsb.   

Kode Warna HTML akan menghasilkan Kombinasi Warna yang pas dan sesuai dan ini akan membuat blog kita semakin nyaman dipandang. Untuk itu saya sediakan tabel Kode Warna ini untuk sobat semua yang membutuhkan. Pemakaiannya pun sangat mudah, sobat tinggal klik warna yang ada pada tabel Kode Warna dibawah dan pastekan kode warna yang muncul ditempat yang akan sobat robah warnanya.

 

Silahkan pergunakan dan tentunya besar harapan saya bisa bermanfaat Kode Warna yang saya persembahkan ini !

Continue Reading

Kelemahan dan Kelebihan Blog Dofollow

Kelemahan dan Kelebihan Blog Dofollow - Pengertian Blog Nofollow dan Dofollow - Ketika dalam benak kita bertanya pilih Blog Nofollow Atau Blog Dofollow ? Pengertian awan tentang Blog Dofollow adalah blog yang otomatis memberikan backlink kala sobat berkomentar di blonya. Sedangkan Blog Nofollow berbeda, sesuai dengan namanya No-follow. Pada blog yang baru sobat buat atau template-template bawaan blogger biasanya masih diset sebagai blog nofollow. Untuk mengubah Blog Nofollow menjadi Blog Dofollow silahkan sobat buka postingan saya sebelumnya Blog Nofollow Atau Blog Dofollow ?

Blog Dofollow adalah ladang empuk bagi pencari backlink apalagi Blog Dofollow tsb. mempunyai PR yang cukup tinggi. Cara gampang mencari baklink dengan cara berkomentar ke blognya meski berkomentar Out Of Tofik,hihi SPAM bro ! Wajar bila diantara sahabat masih ada yang kerasan dengan Blog berjenis "kelamin" Nofollow karena alasan mereka kuat, seperti takut akan PR-nya tersaingi oleh para pengguna blogger lain, ataupun takut pagerank-nya dikebiri oleh Google.

Nach.., untuk itu alangkah baiknya sebelum sobat bertindak untuk merubah Blog Nofollow menjadi Dofollow sebaiknya baca dulu uraian berikut tentang sisi baik dan buruknya  atau Kelemahan dan Kelebihan Blog Dofollow disini. Sobat pengejar Backlink ? ada Daftar Blog DoFollow Indonesia yang memberikan keleuasan secara gampang, share saja dengan kata kunci  Daftar Blog DoFollow Indonesia ini.

Happy Blogging !

Continue Reading

Nofollow Atau Dofollow ?

Nofollow Atau Dofollow ? Syahdan, menurut catatan sejarah per-bloggeran, Blog itu dapat dibedakan dari jenisnya (silahkan lihat jenis kelaminnya,hihi). Menurut sejarah pula, Blog itu ada jenis Blog Nofollow dan jenis Blog Dofollow. Kedua jenis "spesies" ini punya kekurangan dan kelebihannya.

Kelebihan dan Kekurangan Blog Dofollow dan Blog Nofollow kita bahas di akhir sejarah. Sementara kita bikin dulu blog kita menjadi Blog Doffolow, karena pada dasarnya template / blog bawaan blogger masih dalam kategori blog Nofollow.

Cara Membuat Blog Nofollow Menjadi Dofollow sebenarnya sangatlah mudah, tidak memerlukan energi banyak. Sobat tinggal ikuti langkah berikut dan jangan banyak protes agar berhasil.

Langkah Pertama, sobat login ke Akun Blogger,
lalu:
2. Pergi ke tab Rancangan, lalu pilih Edit HTML.
3. Centang expand template widget, lalu cari kode berikut:

    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

4. Hapus kode yang berwarna Biru di atas, sehingga kodenya akan menjadi seperti ini:

    <a expr:href='data:comment.authorUrl'><data:comment.author/></a>

5. Lalu cari kode berikut ini:

    <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

6. Kemudian hapus kode yang berwarna Biru di atas, sehingga kodenya akan menjadi seperti ini:

    <a expr:href='data:backlink.url'><data:backlink.title/></a>

7 Save Template.

Sampai langkah 7 sebenarnya blog sobat sudah masuk dalam spesies Blog Dofollow.. Namun seperti yang saya sebutkan diatas, bahwa Blog Dofollow ataupun Blog Nofollow punya kelebihan dan kekurangannya masing-masing. Untuk kekurang dan kelebihan kedua jenis blog ini kita bahas khusus secara ekslusif di postingan selanjutnya, Insya Alloh !

Continue Reading

Cara Membuat Widget G+ di Blog

Cara Membuat Widget G+ di Blog - Google Plus sering kita singkat dengan G+ menjadi social media yang keberadaannya semakin diperhitungkan baik itu oleh Facebook ataupun Twitter. Google Plus adalah cara berbagi seperti di kehidupan nyata. Memasang G+1 Button dan Badge Google+ di Blog akan jadi satu keharusan bilamana kita mau sedikit menaikkan trafik website kita.

 Google Plus atau Google+ menurut Kang Wikipedia adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Juni 2011 dengan sistem undangan untuk diuji coba. Di hari tersebut, pengguna Google+ diijinkan untuk mengundang teman di atas 18 tahun, untuk membuat akun. Namun, ini segera dihentikan sehari kemudian setelah pembuatan akun semakin membeludak.

Google+ mengintegrasikan layanan sosial seperti Google Profile dan Google Buzz, dan memperkenalkan layanan baru seperti Circles, Hangouts, Sparks, and Huddles. Google+ juga akan tersedia dengan berbagai aplikasi desktop dan aplikasi ponsel, tetapi hanya pada Android dan sistem operasi iOS. Media massa seperti The New York Times telah menyatakan bahwa Google+ adalah upaya terbesar Google untuk menyaingi jaringan sosial Facebook, yang telah mempunyai lebih dari 750 juta pengguna pada tahun 2011.

Terlalu banyak cincong yach, kita langsung ke Cara Membuat Widget G+ di Blog saja. Silahkan anda masuk ke halaman Google Plus Widget disini.

Lalu Klik tombol Get Widget

Lihat pada tab-tab yg muncul di bawahnya. Isikan dengan data Google Plus (id). Id Google+ dapat diambil pada halaman profil Google Plus. Klik button profile pada tab-tab pada navigasi atas Google+. Dan ambil / lalu copykan id Google+ yg tertera di address bar browser tersebut kedalam Google Plus (id)

 

Lalu....

Selanjutnya...

Langkah mudah  Cara Membuat Widget G+ di Blog telah kita lalui dengan mulus, silahkan Copy Pastekan kode yang sudah jadi anda bikin ke website anda. Selamat berinteraksi di Google Plus.

Update  23 Juli 2012 !

Tips ini tak berlaku lagi untuk link widget diatas ! Silahkan pergunakan penambahan widget G+ langsung ke Rancangan Google saja! Atau bila sobat penasaran silahkan copy pastekan kode dibawah ini pada widget sobat dan ganti pid-nya (angka berwarna merah) dengan id google+ sobat.
Semoga berhasil !

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>

<script type="text/javascript">mbgc='f5f5f5';ww='285';mbc='cecece';bbc='3F79D5';bmobc='3b71c6';bbgc='4889F0';bmoc='3F79D5';bfc='FFFFFF';bmofc='ffffff';tlc='cecece';tc='6a6a6a';nc='6a6a6a';bc='6a6a6a';l='y';fs='16';fsb='13';bw='100';ff='1';pc='4889F0';b='s'; pid='100577413926299713674';</script><script type="text/javascript" src="http://widgetsplus.com/google_plus_widget.js"></script>

Continue Reading