Akhirnya Akun Google Adsense di Banned

Sahabat blogger sekalian, siang ini tepatnya Pkl 01.35 WIT 27/9/2011  kabar buruk baru saja saya terima dari si mbah google bahwa akun google adsense saya telah di disable atau kata lainnya telah di banned. Malang juga nasib blogger newbie seperti saya ini wkwkwkwk. Ini baru pertama kalinya loh saya di banned sama si mbah google, tapi saya juga berpikir selain saya juga mungkin ada yg sudah beberapa kali di banned google, saya mah baru sekali ini doang xixixi. Baru beberapa minggu pasang tu akun ehh malah di banned, padahal saya belum sempat dapat PO. Nih sedikit screenshot pesan email dari si mbah google setelah akun saya di banned.

Di atas sedikit gambaran buat sahabat blogger semua. Saya berpikir mungkin belum saatnya saya mendapatkan rezeki dari Tuhan.
Sahabat blogger semua jangan pernah menyerah bila mendapatkan kegagalan dalam melakukan pekerjaan apapun, karena kegagalan adalah kunci dari kesuksesan.

Membuat Widget Share Menggunakan CSS + HTML Di Blog

Setelah sebelumnya saya membahas mengenai Cara Memasang Floating Share Button Melayang Pada Blog, pada kesempatani ini saya akan membahas hal yang sama lagi yaitu mengenai Cara Membuat Widget Share Menggunakan CSS + HTML Di Blog, tapi berbeda dengan sebelumnya yang pernah saya bahas,artikel ini berasal dari Bloggermint. Oke langsung aja

Click Disini Untuk Melihat Demo

• Masuk ke Rancangan -- Edit Html - centang Expand Widget Template.
• Kemudian Cari Kode ]]></b:skin> letakkan CSS berikut diatasnya :

#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitO5F8zFFTQ_grkbzoiA9apoGA0ryK141U_RdILSQhbe2NBRq_h35CGs8dTPHmhaX5R4Hgx6C874vaW8kVKIF5iJzbXlsbitW76ulZ6BkqtacNR7IZygS63agUuk3d85-SFMWmkG8wN4y9/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
}
#mintshare_mini {width:100px; height:30px; border:1px solid #888; padding: 0 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
#mintshare_mini a.sharetext {
display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJELQxa4WF5DDo1-mldYkad0alPVxcO2myXXVhnJe-qhtYshqSPMYSZgMVolJJv4oCl_u16BIAL9UFQpjfpC994k0NpNQjBKzPCRjetG8pn5IWv5jlsqwz97XCLk56tU_tLmZ8hsCrfae/s1600/plus.png") no-repeat scroll 0 center transparent;
padding-left:5px;
cursor:pointer;
}
#mintshare_mini a.sharetext img {
border: 0 none;
display: block;
margin-left: 10px;
}
#mintshare_mini .flyout {
background: none repeat scroll 0 0 #AAAAAA;
height: 113px;
left: 40px;
position: relative;
top: -4px;
width: 0;
transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-webkit-transition: width 1s ease-in-out;
}
#mintshare_mini .flyout ul {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitO5F8zFFTQ_grkbzoiA9apoGA0ryK141U_RdILSQhbe2NBRq_h35CGs8dTPHmhaX5R4Hgx6C874vaW8kVKIF5iJzbXlsbitW76ulZ6BkqtacNR7IZygS63agUuk3d85-SFMWmkG8wN4y9/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
list-style:none;
position:absolute;
left:-1000px;
top:-27px;
width:365px;
height:30px;
border:1px solid #888;
border-left:0;
padding-right:10px;
z-index: 500;
overflow: hidden;
padding-left: 15px;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 15px 15px 0;
-icab-border-radius: 0 15px 15px 0;
-khtml-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}
#mintshare_mini:hover .flyout ul{
left:50px;
}
#mintshare_mini .flyout ul li {
float: left;
}
#mintshare_mini .flyout ul li a{
}
#mintshare_mini .flyout ul a img {
}
#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#mintshare_mini .flyout ul li.drop-li a b {background:lightBlue; padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
}
#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}
/* For IE6 */
#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
/* Get MintShare */
#mintshare_mini .get_mintshare {
font-size: 10px;
margin-left: 5px;
position: relative;
top: 2px;
}

• Kemudian Cari Kode <data:post.body/> copy kode berikut dibawahnya :

<div id="mintshare_mini">
<a class="sharetext" href=""><b>Share This</b></a>
<div class="flyout">
<ul class="icons">
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3UNX8q_exnmWRCOErjB0dnprkiDvcydqXc2B2aNYPYyG-VkRJGHRwxmbxJzegb4CXtz7gB91gMUHFc5c4aHARFyu5GNyjBuen8c7L-d_IJDuHwxzYpilSvWdRrMeCobl0jVQaHiqDDjZ/s1600/facebook_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiChxWSQZxrTfbUxmfoyDnX5WeiNDPZonw87ZRYN8Q8PxJYRkgAlfVH6nfzChp5gAvpd9d4fUg4fDNPxepMlRgmXeem6Yrdr4c6ftvIjoXN5wi6tUl5C1wrob9VL3TWy1_fYp_-xpa5WK-/s1600/twitter_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98DEBXjGkMCSepvwhSvwwI_r_7TVRjmEwX0rb5neWrSyI1tMq5CkHgDSjf4CL8dhxm_0HNxpec6JKwr5LfeI88sJhpOdF47itjhB2Y-oFQDWseH2uesNEWuRjFRz2IMQIwSxYEub_T7qY/s1600/stumbleupon_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir55BRukCHyDlU69ttECqIn-zF8WBsN0jn2gyJJfoC61TKI6QXf4y3O6_j-ghn1LIH-VfFqVWE_eZCvOXiKkSZwDtMy-l4h_hYVNM1ro1Dw7DZfQNDdLL6uUfPWQv0ILE4k3d7YHd1PS19/s1600/digg_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://www.technorati.com/faves?add=&quot; + data:post.url" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiipgbjRYnHDLKqrATJFpsdWDhBIgMA8y-8k8grWCjD1rVEDRN88JlPXWozXF3Sq__uYNFjeiOAhq1NGViBZ1WP6bPqKRHyaaQt1oEZgi3K4fjOvf1TXc1F20Hin81FT8q0y9mEMM1gKYDF/s1600/technorati_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif80avvMMohjRBlyhFot-ANTd52vK7_HDRYQIvi6VLAZHlc725ic2fWt7Pl492GaTvU2cfrRN7-LgVnoxSqhM28hPUutcRGtFw5WfcXdQKP39yQvMbvcqtJhEKUIStg7WVFEJggeSAhZuN/s1600/reddit_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gPuxHuQAc2Rr03avqqZHDpE18Ny7nVtz_RyV8g6n0mXBYErUoIiamn-ek9uOyX0MFLAP9fhmAlJD9bMDjH746FoWgBunrkS9XpGFrIiuXyskWq3NPCWkaYXok27KxbSYiGChDcRsduEG/s1600/yahoo_small.png" /></a></li>
<li class="drop-li"><a class="drop-a" expr:href="&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href=""><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik33X6a3d3AVX63sXvucqgcHrI1D200jGHXhN6tHYEk3_PimVpVhq2q3Me5F6t6YJvegtSKKW4P5Diq_4zS7nl19UGmDoxHY96SFNnxcm2OwD1Osz4miB1Z-5_I6_ZiMJzZqhXx4T9FB1A/s1600/delicious_small.png" /></a></li>
<span class="get_mintshare"><a href="http://tanpa-isi.blogspot.com/2011/09/membuat-widget-share-menggunakan-css.html">Get This Widget!</a></span> </ul>
</div>
</div>

• Silahkan Simpan dan Kreasikan sendiri sesuai dengan keinginan anda

Semoga bermanfaat.

Untuk Pilahan lainnya tersedia disini berbagai kreasi, silahkan lihat : http://www.bloggermint.com/2011/01/mintshare-social-bookmarking-sharing-button-widget/

Cara Membuat Artikel Terkait/Related Post Di Sidebar Blog

Membuat Related Post atau Artikel Terkait merupakan salah satu trik blogger untuk menambah jumlah pundi pundi Pageview pada blog. Related Post pun dibuat dengan berbagai macam kreasi dan rupa, Selain itu bisa menambah SEO blog kita dengan adanya Related Post/Artikel Terkait salah satu contohnya adalah Related Post Pada Sidebar.Ikuti langkah-langkah cara membuatnya di bawah ini:

• Masuk ke Blogger
• Rancangan - Edit Html - centang"Expand Widget Template"
• Kemudian letakkan kode berikut sebelum kode </head>

<script src='http://cayunkatel.googlecode.com/files/sidebar.js' type='text/javascript'> </script>

• Kemudian cari kode seperti ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>

• Jika sudah ketemu, tambahkan kode berikut kedalamnya :

<b:if cond='data:post.labels'><data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

Kode yang berwarna hijau adalah kode yang harus anda tambahkan, sedangkan yang berwarna biru adalah jumlah post yang ingin anda tampilkan.

• Lalu simpan Template.

• Kemudian anda beralih ke Add Widget, pilih Html/Javascript -- tambahkan kode berikut.

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

• Save Widget.

Selamat Mencoba.

Cara Memasang Floating Share Button Melayang Pada Blog

Kali ini saya mau share lagi nih sama readers AYRIY ZONE semua, tak bosan-bosannya saya share pada readers AYRIY ZONE, Setelah kemarin saya membahas mengenai cara modifikasi recent post, yaudah tanpa panjang lebar ngomongnya langsung aja, kita akan membahas Cara Memasang Floating Share Button Melayang pada Blog. Sebelum membuatnya lihat Demo Disini

Ok untuk langkah-langkahnya langsung aja ke tkp :

• Login aja langsung ke Blogger
• Cari Rancangan - Tata Letak - Add Widget - Html/Javascript
• Copy paste kode di bawah ini kedalamnya :

<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Get this from khamardos.blogspot.com">
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
<div class="sbutton" id="rt"> <script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
</div>
<div class="sbutton" id="gb"> <a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div> <div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script> <g:plusone size="tall"></g:plusone>
</div>

 Tulisan yang bercetak tebal bisa anda ganti dengan right, terserah selera anda.

 Selamat mencoba.

Cara Modifikasi Recent Posts dengan BuzzBoost dari Feedburner

Saya hanya seorang pemula yang sedang belajar dunia blogspot, disini saya ingin membahas bagaimana cara memodifikasi Recent Posts agar lebih menarik dengan Fitur dari BuzzBoost.
Sebenarnya hal ini sudah banyak yang membahas akan tetapi modifikasi tiap orang pasti berbeda-beda sesuai dengan selera masing-masing, dibawah ini akan saya bahas bagaimana cara mendaftar ke Feedburner sampai menaruh fitur itu di dalam template blogspot kita.
 Widget Recent post yang saat ini saya gunakan merupakan modifikasi dengan BuzzBoost dari Feedburner. Mau Recent Post seperti ini, sebelumnya simak dulu penjelasan di bawah ini tentang RSS setelah itu ikuti langkah-langkah pembuatannya.

Apa itu RSS! RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan (diantaranya dan kebanyakan) situs web berita dan weblog. Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler.

 BuzzBoost sendiri adalah salah satu fasilitas yang diberikan feedburner untuk menampilkan RSS Feed sebagai html dengan menaruh code javascript pada blog kita.

Ikuti langkah-langkahnya:

• Daftar Feedburner, kalau belum silahkan klik disini.
• Pada Situs FeedBurner cari bagian seperti di bawah ini. 

• Setelah itu cari alamat rss feed dari situs yang akan anda ekstraksi, misalnya http://ayriy.blogspot.com/feeds/posts/default, lalu tekan tombol Next, seterusnya tekan lagi tombol Next dan seterusnya sampai selesai hingga anda mendapatkan teks seperti ini 

• Pada halaman Publicize, cari Link BuzzBoost, lalu klik. Pada halaman BuzzBoost klik tombol ACTIVE.

• Akan muncul halaman yang berisi script seperti dibawah ini 

<script src="http://feeds.feedburner.com/ayriyzone?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/ayriyzone"></a><br/>Powered by FeedBurner</p> </noscript>

• Edit script tersebut dan cukup mengambil bagian seperti di bawah ini

<script src="http://feeds.feedburner.com/ayriyzone?format=sigpro" type="text/javascript" ></script>

• Kemudian modifikasi dengan menambahkan script dibawah ini tepat dibelakang text sigpro

&nItems=8&format=openLinks=new &displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below

• Sehingga menjadi seperti dibawah ini

<script src="http://feeds.feedburner.com/ayriyzone?format=sigpro&nItems=8&format=openLinks=new &displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type="text/javascript" ></script>

Copy Paste pada Blogspot anda dengan cara Buka Design - Page Element - Add a gadget - Javascript/HTML - Isi Title misalnya 'Recent Posts/artikel terbaru' Lalu Copy Paste script diatas pada Content

• Setelah itu buka kembali Design - Edit HTML - Expand Widget Templates, Jika menggunakan Mozilla FF, buka Edit - Find lalu ketikkan keyword Recent Posts/artikel terbaru, sehingga akan ketemu dengan script seperti dibawah ini

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

Abaikan saja jika id anda tidak sama dengan HTML1, title='Recent Posts' adalah title yang anda masukkan sendiri saat membuat widget baru.

• Modifikasi script diatas sehingga menjadi seperti di bawah ini

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='postnew'><div class='widget-content'>
<data:content/>
</div></div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Langkah selanjutnya adalah menambah style sheet css

• Tetap pada mode Edit HTML, dengan mozilla FF cari Edit - Find, lalu ketikkan kata kunci </head> setelah ketemu bagian tersebut letakkan script dibawah ini tepat diatasnya

<style> .postnew li a:hover { display:block; text-decoration:none; background:#efefef; } .postnew li a:visited { text-decoration:none; } .postnew { float:left; width:380px; } .postnew ul { width:90%; list-style-type:none; } .postnew li a { text-decoration:none; border-top:1px solid rgb(204,204,204); line-height:13px; display:block; padding:3px 0px 3px 0; } .feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter { display:none; padding:2px 3px; margin-left:126px; margin-bottom:12px; width:162px } .feedburnerFeedBlock li:hover .date { font-size:11px; font-weight:bold; text-align:left; display:block; position:absolute; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GXYMqQUq4kXv3itLM0fQCBBYLvzwvLK8IqtOfTM0VyILfhq2QbcOGCAP9AZ5-7kE03TvUF9vRSNK8_FHgf8zr8rhXtkRlYr1Qs7inbYzTsQAN7DeHFkCG53K_LR-tOiYVusY81YApl8/s400/tooltips-date.gif) no-repeat scroll 10px 5px; color:#333; padding:6px 35px; margin-right:10px; width:114px } .feedburnerFeedBlock li:hover div { border-radius:8px 8px; -moz-border-radius:0 0 8px 8px; -khtml-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; font-size:11px; display:block; position:absolute; border:1px solid #ccc; background:#E5E5E5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NL3lijW0ZG8RYh81GpLZP74sZray0wRHpycTCZI_i7dkKbw9oiqrcOyqkbw71EB5E-EFEFmEbcGiI74o2J8T9GAFx5ritfT3q7X6jgC5Nr6Pp4yCZV6sehfUNuXQJdRcTftciA3mL0k/s1600/tooltips-background.png) repeat-x; color:#333; padding:35px 10px 10px 10px } </style>

• Lakukan dari awal langkah-langkah diatas untuk mengekstrak RSS Feed situs-situs web atau blog yang anda inginkan.

Untuk melihat demo, silahkan ke halaman utama blog ocimnet, lalu disebelah kanan ada tulisan Recent Posts, klik salah satu link maka akan muncul sebuah deskripsi diatasnya.

Selamat Mencoba

Cara Membuat Back To Top Dengan Jquery

Kali ini saya akan membahas mengenai Cara Membuat Back To Top Dengan Jquery, saya akan berusaha update blog ini agar terlihat lebih fresh, kalau ada yang mau nulis disini akan saya beri kesempatan, walaupun blog ini sebenarnya sepi pengunjung karena kurangnya SEO dan Blogwallking. Untuk kali ini saya akan share ajja, Cara Membuat Back To Top Dengan Jquery pada Blogsot. untuk langkahnya anda langsung menuju ke TKP :

• Login Ke Blogger
• MAsuk ke Rancangan --> Tata Letak --> Add Widget --> Html/Javascript.
• Kemudian masukkan kode berikut :

<style type="text/css">
#scrolltotop a
{
display: block;
display: none;
z-index: 999;
opacity: .6;
position: fixed;
top: 100%;
margin-top: -20px;
left: 50%;
margin-left: -150px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width: 68px;
line-height: 1px;
height: 15px;
padding: 10px 3px;
background-color: #000;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #fff;
}
</style>
<div id="scrolltotop"><a href="#">Scroll to top</a></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var scroll_timer;
var displayed = false;
var $scrolltotop = $('#scrolltotop a');
var $window = $(window);
var top = $(document.body).children(0).position().top;
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () {
if($window.scrollTop() <= top)
{
displayed = false;
$scrolltotop.fadeOut(500);
}
else if(displayed == false)
{
displayed = true;
$scrolltotop.stop(true, true).show().click(function () { $scrolltotop.fadeOut(500);
});
}
}, 100);
});
});
</script>

Ganti kode yang bercetak tebal sesuai dengan keinginan anda
Kemudian Save.

Dan lihatlah hasilnya, blog anda akan terlihat lebih menarik dan keren dengan Back to top Jquery.

Kumpulan SMS Ucapan Valentine Day

SMS cinta memang paling pas dikirimkan ketika momen Valentine. Meskipun hari valentine udah lewat beberapa bulan yang lalu, saya cuma ingin share aja bagi rekan-rekan semua mengenai SMS Ucapan Valentine Day  Bagi yang masih malu-malu tapi mau, bolehlah memanfaatkan SMS ucapan Valentine ini untuk mengungkapkan isi hati Anda pada pasangan rekan. berikut adalah kumpulan kata mutiara hari valentine lewat SMS berikut ini:

1. Maaf, hari ini hanya ada satu SMS untukmu. Selamat hari Valentine.

2. Setelah semua yang kau berikan selama ini, rasanya terlalu pelit jika hari ini aku tidak mengucapkan kata cinta padamu. Met hari Valentine ya.

3. Ada 12 bulan dalam setahun, 30 hari dalam sebulan, 7 hari dalam seminggu, 60 detik dalam satu jam. Tapi hanya ada kamu seorang sepanjang hidupku. Happy Valentine Day

4. Hanya ada dua alasan aku bangun setiap pagi: alarmku dan kamu! Selamat hari Valentine.

5. Dalam benak orang bijak ada ide, solusi dan alasan. Dalam benak para ahli ada formula kimia, teori dan rumus. Di dalam benakku, hanya ada kamu!

6. Aku pernah berpikir, aku tak akan bisa mewujudkan impianku. Tapi pikiran itu sekejap hilang sejak aku melihatmu.

7. Kata dimulai dengan ABC, Angka dimulai dengan 123. Lagu dimulai dengan do re mi. Cinta dimulai dengan aku dan kamu

8. Ada samudera di lautan, ada hutan di pegunungan. Semuanya kuseberangi demi cintaku padamu, sudahkah kamu menerimanya?

9. Saat kukirimkan SMS ini aku kehabisan kata-kata. Kehabisan Baterai. Kehabisan Pulsa. Tapi cintaku ini takkan pernah habis untukmu.

10 Sherlock Holmes itu idiot! Graham Bell itu bodoh! Yang satu detektif, yang satu penemu telepon. Tapi tak seorangpun yang menemukanmu selain aku.  Aku jenius ya!

11. Ah aku lupa namamu, boleh aku memanggilmu milikku? Dan kamu juga lupa namaku Kamu boleh memanggil aku milikmu kok

12. Cinta itu 4 langkah doang: 1. aku 2. kamu 3. kita 4. cinta

13. Aku mencintaimu! Jika kamu benci aku, panah saja diriku. Tapi jangan di hatiku ya, karena di situ kamu berada[break]

14. Kuminta mawar diberi-NYA taman. Kuminta setetes air diberi-NYA lautan. Kuminta malaikat diberi-NYA kamu!

15. Hei kamu! Kamu pasti pencuri karena kamu mencuri hatiku. Kamu pasti lelah karena kamu selalu berlari di pikiranku. Tapi aku kangen kamu

16. Kenapa sih kamu nggak SMS-in aku… a. Sibuk b. Lagi Nyetir c. Lupa d. kamu pengen aku kangenin kamu ya?

17. Seorang malaikat bertanya padaku, kenapa sih kamu cinta dia? Aku menjawabnya, karena tidak ada alasan untuk tidak mencintai dia

18. Aku dan kamu itu malaikat dengan satu sayap. Jadi kalau kamu nggak bisa terbang, boleh nggak sih aku menemani kamu?

19. Boleh nggak sih aku bilang aku cinta kamu hari ini? kalau besok gimana? besok lusa? besoknya besok lusa? gimana kalau selamanya?

20. Kamu bilang Hi! aku diem aja. Kamu tersenyum, aku buang muka. Kamu bilang cinta, aku nggak suka. Tapi kalau kamu bilang selamat tinggal, aku kehilangan.

21. Sahabat itu manis kalau baru. Lebih manis kalau jadi cinta. Tapi yang paling manis kalau itu adalah kamu.

22. Kalau kamu sedih nanti, telepon aku ya. Aku nggak janji bikin kamu ketawa, tapi aku janji aku akan menangis bersamamu.

23. Saat melihatmu, aku takut menyentuhmu. Saat menyentuhmu, aku takut menciummu. Saat menciummu, aku takut mencintaimu. Saat mencintaimu, aku takut kehilanganmu.

24. Andai jadi bantal, biar kau bersandar. Andai aku jadi tempat tidur, biar kau berbaring. Andai aku jadi selimut, akan kupeluk kau erat.

25. Alasan kenapa aku kangen kamu: karena kamu manis, kamu baik, kamu cakep deh, dan kamu belum SMS-in aku!

26. Jika air adalah ciuman, aku akan kirimkan lautan. Jika pelukan adalah daun, aku akan kirimkan pohon. Jika cinta itu abadi, kutawarkan keabadian cintaku padamu! Happy Valentine Day

27. Kutuliskan namamu di langit, angin meniupnya. Kutuliskan namamu di laut, badai membawanya. Kutuliskan namamu di hatiku, cinta namanya. Met Valentine aja ya..

CAUTION:

Hati-hati, SMS ini bisa menyebabkan berbagai efek samping, di antaranya:

- Tidak bisa tidur

- Jantung berdebar-debar

- Kangen berlebihan

Jika terjadi indikasi di atas segera siapkan: pulsa yang banyak, dandan yang cantik dan makan malam romantis. Happy Valentine!

Sumber: Kapanlagi.com