Membuat Efek Zoom Berputar Pada Gambar di Blog

Efek Zoom Berputar Pada Gambar. Berikut ini seocips akan membagikan tutorial seputar Blog yaitu tentang Cara membuat efek zoom berputar pada gambar di postingan blog Blogger. Tentunya seperti yang telah saya jelaskan di beberapa postingan terdahulu bahwa untuk membuat blog kita kelihatan lebih menarik maka kita dapat menambahkan efek pada gambar blog.

Keuntungan menggunakan efek seperti ini seperti yang sudah saya katakan diatas adalah untuk membuat tampilan blog kita menjadi kelihatan lebih menarik, efek ini akan terlihat ketika kursor mouse diarahkan pada gambar di postingan blog kita.

Seperti di artikel pada sebelumnya dimana saya telah membagikan tentang cara membuat efek rotasi pada gambar dengan CSS tanpa Jquery. Efek berikut ini juga sobat tidak perlu menggunakan jquery. Jika sobat tertarik dengan efek blog maka sobat dapat melihat artikel seperti wow slider with thumbnails atau juga image slider versi 6 dan animasi gelembung di blog. Untuk Live demo Efek Zoom Berputar adalah seperti pada gambar dibawah ini.

LIVE DEMO:

Untuk membuatnya berikut ini adalah Cara Membuat Efek Zoom Berputar Pada Gambar di Blog:

1) Masuk ke dashboard blogger lalu klik Template
2) Cari tag penutup ]]></b:skin> atau </style> ( kalau kode </style> ada lebih dari 1 silahkan coba dimana yang cocok). saran saya diatas kode ]]></b:skin>.
3) Pastekan CSS di bawah ini tepat di atas tag penutup ]]></b:skin> atau </style>

#seocips img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#seocips img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}

4) Untuk menerapkannya pada postingan blog contohnya adala kode di bawah ini, dalam mode HTML postingan.

<div id="seocips">
<div style="text-align: center;">
<a href="http://www.seocips.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn6tvullLY4U1Mdjk80rzSdN42OpY7RnSZdPmf8aCZqaZy83KduRCmXsXPcAZyZumvONpvFTFtBY6xjGZ6YE7dXC1mebCc1xbb0j5hRkZ-CURXdhdJV1Vgf4KR1GoQMv4W4wzQ3IMcjDU/s1600/Seocips-efect-blog.jpg" height="200" width="200" /></a></div>

Untuk kode berwarna merah diatas adalah url gambar, slihakan ganti dengan gambar yang sobat inginkan. sekarang tinggal sobat publikasikan artikel sobat dan lihat hasilnya pada gambar sobat. Nah sekian artikel untuk saat ini dan jangan lupa lihat artikel terbaru seocips yang lainnya atau follow blog ini untuk memudahkan sobat mendapatkan artikel terbaru dari www.seocips.com.

Read More

Memodifikasi Tampilan Kotak Komentar Blog

Seocips.com - Cara memodifikasi/ mengganti tampilan kotak komentar di Blogger. Ok sobat di tutorial blog berikut ini seocips akan membagikan mengenai cara mengganti tampilan komentar blogagar terlihat lebih keren dan lebih seofriendly.

Memodifikasi Tampilan Kotak Komentar Blog

Baca juga:

• Memasang Emoticons di komentar Blogger.

Beberapa template berkurang skor Seonya ketika ada komentar yang masuk/bertambah di postingan ( versi chkme.com ) tapi ada juga kotak komentar yang memang sudah di design sangat bagus dan bahkan komentarnya dapat terindex mesin pencaharian seperti Google. Nah berikut ini adalah..

Cara mengganti tampilan kotak komentar.

1. Masuk ke dashboard Blogger anda.
2. Edit HTML
3. Kemudian cari kode di bawah ini
<b:include data='post' name='threaded_comments'/>
4. Ganti kode di atas dengan kode di bawah ini
<b:include data='post' name='comments'/>
5. Selanjut nya cari kode ]]></b:skin>
6.Letakan kode dibawah ini diatas kode  ]]></b:skin>

#comments {} #comments h3 {background:#35404d;border:1px solid #1d2630;display:inline;margin-bottom:25px;padding:5px;line-height:40px;position:relative;text-transform:uppercase;color:#fff;font:13px Oswald;border-radius:3px;} #comments h3:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #35404d;border-right:20px solid transparent;width:0;height:0;line-height:0} .comment_avatar_wrap{ width:42px; height:42px; border: 1px solid #151d26; background:#25303c; padding:4px; text-align:center; margin-bottom:20px; } #comments .avatar-image-container { float: left; margin: 0 10px 0 0; width: 42px; height: 42px; max-width:42px; max-height:42px; padding: 0; margin-bottom:10px; } #comments .avatar-image-container img { width: 42px; height: 42px; max-width: 42px; max-height: 42px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQhGyIIa5MRVhNmsCjC5ge-kC-fW9ZRoeG5YcOdv23WsBbd8v-ZkOBELz2C8ApAM3hMkiaFlQi48X2YFGrY3qjxPR9JEwHPmTSdlE8p6CnKrG4DsY-JE5FFR4WHeTUCrH-9bxUHHOgBsd/s1600/anon.jpg) no-repeat; } .comment_name a { font-family:Oswald, Arial, Sans-serif; padding-bottom:10px; font-size:14px; text-decoration: none; } .comment_admin .comment_name { font-family:Oswald, Arial, Sans-serif; padding-bottom:10px; font-size:14px; text-decoration: none; } .comment_admin .comment_date { font-weight: normal; font-size:11px; } .comment_name { font-family:Oswald, Arial, Sans-serif; padding-bottom:10px; font-size:14px; font-weight:normal; position:relative; } .comment_service{ margin-top:5px } .comment_date { color: #999; float:right; font-size:11px; font-weight:normal; } .comment_date a{ color: #a9a9a9; float:right; font-size:11px; font-weight:normal; } .comment_date a:hover{ color: #a9a9a9; text-decoration:none; } .comment_body{ margin-top:-72px; margin-left:65px; background:#25303c; border:1px solid #1d2630; border-top:1px solid #171f28; border-left:1px solid #171f28; padding:15px; } div.comment_inner.comment_admin{ background:#394549; } .comment_body p { line-height: 1.5em; margin: 5px 0 0 0; color: #999; font-size: 13px; word-wrap:break-word; padding-bottom:10px; } .comment_inner { padding: 15px; margin: 5px 0 5px 0; background-color:#35404d; } .comment_child .comment_wrap {padding-left: 5%;} .comment_reply { display: inline-block; margin-top:8px; margin-left:-5px; padding: 1px 12px; color: #fff !important; text-align: center; text-decoration: none; border-radius: 2px; background: #54687c; font: 11px/18px sans-serif; transition: background-color 1s ease-out 0s; } .comment_reply:hover { text-decoration: none !important;; background: #627c96; } .unneeded-paging-control {display: none;} #comment-editor {width:100% !important;background:#e1e3e6 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWpbADZkXpupzKN5nvp-G9E91hrtLRqRXfxRcLuEbNQPdNgPJ93HRp1V8oQ80sihIn7e6RryykXhv9rAj75RAQ3RFYIjywwxLWk9Qf9W8JpmnWgxnrh1-Fmvw9fLaFc5djhtAbD5uyp0c/s1600/kangis-loader.gif') no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative;} .comment-form {max-width: 100% !important;} .comment_form a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 15px; } .comment_form a:hover {text-decoration: underline;} .comment_reply_form { padding: 0 0 0 70px; } .comment_reply_form .comment-form {width: 99%;} img.comment_emo {margin:0;padding:0;vertical-align:middle} .comment_emo_list{ display:none; } .comment_emo_list .item { float: left; text-align: center; margin: 10px 10px 0 0; height: 40px; width:41px; } .comment_emo_list span { display: block; font-weight: bold; font-size: 11px; letter-spacing: 1px; } .comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto} .comment_img {max-width:100%!important;} .comment_header{width:50px} #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQhGyIIa5MRVhNmsCjC5ge-kC-fW9ZRoeG5YcOdv23WsBbd8v-ZkOBELz2C8ApAM3hMkiaFlQi48X2YFGrY3qjxPR9JEwHPmTSdlE8p6CnKrG4DsY-JE5FFR4WHeTUCrH-9bxUHHOgBsd/s1600/anon.jpg) no-repeat} .comment-delete img{float:right;margin-left:15px;margin-top:3px;} .comment_author_flag {display:none} .comment_admin .comment_author_flag {display:inline;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;} iframe{border:none;overflow:hidden} .deleted-comment { background:#db6161 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguIB9LGY1xrfiECkswdIUW6QA43cwHbZFnLs7DLYh61SiX7Srv1aAwl29m028u3e2jOOrrsYoKJwc5Sm6OLDc-yujIhvxYyWhnt36kJbTJfzpbTkRWECdZkPFyTmDT6JiNUT9mqis5FVA/s1600/tempat-sampah.png) no-repeat 2% 50%; color:#efd4d4; line-height: 22px; border: 1px solid #c44d4d; padding:12px 15px 12px 45px; margin:5px 0; display: block; } .comment-form p { background: #54687c; padding: 15px 15px 14px 15px; margin: 5px 0 5px 0; color: #f4f4f4; font-size: 13px; line-height: 20px; border-radius:4px; position:relative; } div.comment_avatar img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] { content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Zc9vT7A7pD6TqPYLuUv1gRqVQRWIR1NxGj2JuRX6QA8B9P0940nowmRGeNYe-G7XilQfY0bd12bSeUCuDx7wtGpR0CEbhCJiHtW75F89J-uiKhyyd42dXHKoe8Ek8GNHgbCLpRvY40U/s45-c/gravatar.png); } div:target .comment_inner{background:#346656;transition:all 15s ease-out;} div:target .comment_child .comment_wrap .comment_inner{background:#404c5c;} iframe{border:none;overflow:hidden}

7.Langkah selanjutnya cari kode di bawah ini
<b:includable id='comments' var='post'> sampai </b:includable>
8. Ganti kode di atas dengan kode di bawah ini

<b:includable id='comments' var='post'> <div class='comments' id='comments'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <h3> <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/> </b:if> </h3> </b:if> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <div class='clear'/> <div id='comment_block'> <b:loop values='data:post.comments' var='comment'> <div class='data:comment.adminClass' expr:id='data:comment.anchorName'> <b:if cond='data:post.adminClass == data:comment.adminClass'> &lt;div class=&#39;comment_inner comment_admin&#39;&gt; <b:else/> &lt;div class=&#39;comment_inner&#39;&gt; </b:if> <div class='comment_header'> <div class='comment_avatar_wrap'> <div class='comment_avatar'> <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/> </div> <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a> </div> <div class='clear'/> </div> <div class='comment_body'> <span class='comment_arrow'/> <div class='comment_name'> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <span class='comment_author_flag'/> <span class='comment_service'> <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'> <img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCdtdZCHI_A5npNa9CaT2CUjZ00ykFkvoraofCoBDSXEq9cd4uy1I_Yvn84P-ANgtFMIcXUkj6qLEBnNQybui1DsVcxs92WMQt11SxjYHJpQj3ysXHzNaPNSkSUrd2DbAnrI0nwFIQKE0/s1600/delete4.png' title='Hapus Komentar'/> </a> <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'> <data:comment.timestamp/> </a></span> </span></div> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> <div class='clear'/> </b:if> </div> <div class='clear'/> &lt;/div&gt; <div class='clear'/> <div class='comment_child'/> <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/> </div> </b:loop> </div> <div class='clear'/> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <div class='clear'/> <div class='comment_form'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <div class='comment_emo_list'/> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a> </b:if> </b:if> </div> </b:if> </div> <script type='text/javascript'> //<![CDATA[ if (typeof(jQuery) == 'undefined') { //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>"); } //]]> </script> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> <b:if cond='data:post.numComments != 0'> var Items = <data:post.commentJso/>; var Msgs = <data:post.commentMsgs/>; var Config = <data:post.commentConfig/>; <b:else/> var Items = {}; var Msgs = {}; var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;}; </b:if> //<![CDATA[ //Global setting Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable. Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true //Pengaturan Emoticon Emo_List = [ ':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBN-C4Ohcp-JNl9Gpi1tmGqVVC3FuKoK_IS692p6z_1DjzRtNXxwfh6jBizyYSYDp4FrRp0osSWjkU31vazNt7WAffDqvM8n2VoJJIzveC3R08A3nsjQuBLL0dBWZvhbIXy1BH4_wkkic/s1600/smile1.gif', ':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEtKAuV2A04vzzJr5GH4K1iNAYOexRBlrR7wd4J5MkmuVIsRbr2YDmzRX8bsd6ncQzLTST85fbpnWV6UrvOwhl6v2YB2tJl90pCfoEY0_QCdjvrxRDV3rGr7M-KZ4h9oWmoyKbnB1XJRM/s1600/sad.gif', '=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVFBFPSxNHrKfAT4E9TWGkPXhs6mK5_REGBTaF_gKLynMdKzO4sACungCfb3o9rk8Rwa2hCmrymct7kUlG5FhnyOteUNvvYK2kv0Z0hpN-TDBfYStwkB_MnQSNmHj2xAuHVO-4-5uHTaA/s1600/sadanimated.gif', '^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nLovF_CTB7d1p4I-7KM0yWuJrQmH-6FATafiWCc_4ck65iPLl5jo-cs35EIrNBJWbRRiYDdOj1c8Tl-7KBSRSmJ1tyht5KZccxE1kPqcbBC6v7c1M1UNqwus-6YsjNjOTqDHzPB2sso/s1600/smile.gif', ':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfu-3yVrLgCjul0tVf9v81jKJ_cpnulBLlYxLp3RPIhvQFYXLLdlDn3ve9jzLu_X-yUjONuBrb5hFteHyczco2IrWJmNl0fr8xkS7bqFJr9H9zxvNnvw9m-YLnXNXLM0ZQta_VndvdhCs/s1600/icon_smile.gif', '=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8klRc5L0SUOaYfH53MH7O7SKRPo5zpnRNjihgFaYqNqr0b2Z6DJ0Kj9CK8p525_fjq2EI3KESjyvWXCzUgTzku13MyyoGNC-sQVQJ5Q2I3aSOGaXZttw8XP_aGNOyGADUR3Pw_Sa7hA/s1600/hihi.gif', '@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY8321tlRLBUhRFgrmJ3_ct1raPUZaGt9kgQb74bD0aTqiy3OyvN30F98iWL63h9ASd9mjRWHXKaWwzVwekIn9NOC5FKugBhvqo0Ein8xY5AAuGjuzLWQf_8NXRHLMEZ_y9jGSFwBokPM/s1600/rolleyes.gif', ';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigBbwCRZfn6F1EuszA5gJgt7kKr_IQFza4ZHjD66XMJPv7M9AkcJhcbq84JDbZyiFsvfc6Z6SA32bQOxSBbj-EYCA4euZCno7rVPMcIBwpggHdk67vJRvy5FO8waSgTdjsmeSAK6bdPQA/s1600/wink.gif', ':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc64e0DZD2D1y62i7cnAr_8VGId2klFD9NTzAhXeK840sM8rbkqi9ujeO6hZ7P1lo6J7a6ux87ZoX5Rd5ecRjedec4Eu2tjFsChBMas-ZuynhvkCu0jHgd1-y3AM4zV9ZuHE1CuhkB9-E/s1600/thumb.gif', ':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEAlAPWA2u98ZBg8tru-l_P7sXnSSsWusKhM8tKJZZrmbgCLdA_UyYJT4OXrWsbHUugnFHey35iGjbS-3JNr5IYtwBAjHInmiNEO-JtBSnQevFTrqYDUcUhcajeR82FMiQRPgdsHY0rk/s1600/thumbsup.gif', ':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_DjURanCLGZfv0Wwpbm7kLlxJ6h_2Emits3TL-nUPHTmlALWF1X8Rwy-GD7OdSA4C9D5mv2svtd8WyVfSeH3ltg94s8lddK3glTv-s7Z0HR1lmax6HWF7v8PA24HCuZS8aww_kljx8E/s1600/wee.gif', ]; //Config Force tag list, define all in lower case Force_Tag = [ '[pre]','<pre>', '[/pre]','</pre>', '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;', '</pre>','</code>' ]; 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}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{})) var avatar=$("#comments"); avatar.find('.comment_avatar img').each(function() { var ava = $(this).attr('src'); $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/")); }); //]]> </script> </b:includable>

9. Terakhir Save Template anda.

Ok sobat semoga berhasil dan jangan lupa lihat tutorial Blogger terbaru di blog ini dan semoga bermanfaat.

Read More

Cara Membuat Emoticon di Komentar Blog

Membuat Emotion di Komentar Blogger. Tutorial blog seocips kali ini adalah tentang cara membuat emotion di dalam komentar Blog. Sebenarnya sudah banyak yang posting tentang tutorial ini, tapi berawal dari pertanyaan seorang pengunjung Blog ini ( yang sebenarnya sudah beberapa hari yang lalu bertanya dan belum sempat di balas karena sibuk ) di artikel sebelumya tentang Cara membuat efek gambar dengan panel description maka seocips.com membuat  tutorialnya.

Emotion di Komentar Blogger

Lihat juga:

• Membuat Show-Hide Komentar Blog.

Ok sobat langsung saja berikut ini adalah caranya.

1. Di Blogger
2. Ke Blognya sobat
3. Pilih menu template >> edit html
4. Cari kode ini ]]></b:skin> untuk mempermudah gunakan ctrl+f
5. Letakan kode dibawah ini diatas kode ]]></b:skin>.

.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  font-weight:normal;
  color:#333;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

6. Selanjutnya dengan mencari kode </body> dan letakkan kode dibawah ini diatasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://seocipstheme.googlecode.com/svn/seocipsemoticon.js' type='text/javascript'/>
</b:if>

8. Simpan template dan lihat hasilnya.

Mungkin Beberapa blog memasang emotion ini dengan alasannya masing-masing. misalnya agar komentar blog lebih menarik dimana yang berkomentar dapat menunjukan ekspresinya, kayak di facebook,.. hehehe. walaupun jumlah emoton tidaklah banyak tapi cukuplah untuk bersenang-senang dengan ekspresi-ekspresi unik di komentar blog.

Read More

Cara Memasang Komentar Facebook di Blog

Seocips tentang cara Memasang Komentar Facebook di Blog -  memasang komentar facebook responsive di Blogger. Sebagian besar pengguna internet selalu terhubung dengan akun facebooknya jadi agar para pengunjung blog lebih mudah berkomentar menggunakan akunFacebooknya. Komentar Facebook di Blogger adalah untuk  menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan Facebook.

"cara memasang komentar facebook"

Anda pasti telah berkunjung ke blog - blog atau website yang memasang komentar facebook ini. Untuk cara membuat kotak komentar Facebook ini cukup mudah dan agar blog Anda lebih terkonektivitas dengan Facebook.

Kesempatan ini seocips akan membagikan 2 macam komentar Facebook yang dapat dipasang di Blog Blogger, yaitu komentar Facebook untuk template biasa dan komentar Facebook responsive untuk template responsive. Berbicara soal template responsive maka anda dapat melihat koleksi template seo responsive ini di; template Blogger responsive terbaru.

Cara memasang Facebook komentar di Template Blog biasa

1. Masuk ke akun blogger.
2. Pilih  menu template --> Edit HTML.
3. Cari kode (CTRL+F) ini  <div class='comments' id='comments'>
4. kemudian letakkan kode di bawah ini tepat dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FACEBOOK KAMU' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
<style>.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Silahkan cari dan ubah kata "ID FACEBOOK KAMU" dengan id facebook kamu. Dan lihat hasilnya.

Cara memasang Facebook komentar Responsive

Untuk anda yang sudah memasang kotak komentar facebook, tutorial ini cocok kamu terapkan di blog kamu yang sudah mendukung fitur responsive. Komentar facebook responsive berikut ini adalah kotak komentar Facebook yang dibuat responsive. Hal ini di lakukan untuk mendukung bagi yang menggunakan template responsive.

Yang perlu kamu lakukan adalah menambahkan kode javascript ini:

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
  var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width();
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parse( );
});
//]]>
</script>

Copy dan Paste kode tadi di atas kode </head>
Langkah berikutnya adalah memasang kode html. Letakan kode berikut ini dibawah kode untuk related post atau jika sobat bingung silahkan cari kode <div class='comments' id='comments'>, jika ada lebih dari 1 kode silahkan coba satu persatu. Kode FB Komennya seperti ini:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<h4>Post Comment</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>
</b:if>

Jika bingung, hapus semua kode Facebook komen yang ada di blog kamu, lalu di ganti dengan kode yang sudah seocips berikan diatas.

Cara Memasang Facebook komentar Bag.3

Ok langsung saja berikut langkah-langkahnya;

1. Dashboard >> Template >>Edit HTML
2. Cari (CRTL+F) kode <body>
3. Copy kode berikut ini dan simpan (paste) di bawah kode <body>

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4. Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='comments' id='comments'>. Jika ada lebih dari 1 kode di tempalte blog Anda, simpan di bawah kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

NOte:

Angka 600 adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
5. Save Template dan selesai.

Bagaimana sobat mudah bukan?, memang cara memasang komentar facebook di template blogada bermacam-macam kodenya, tinggal sesuaikan saja dengan template blog yang anda gunakan. Semoga tutorial cara memasang komentar facebook dan komentar facebook responsive ini mudah di pahami, dan selamat mencoba.

Read More

3 Tampilan Daftar Isi Dengan JQuery Accordion Keren

3 Tampilan Daftar Isi Dengan J-Query Accordion Keren - Membuat Daftar Isi pada Blog memang sangat perlu adanya. Kita sebagai blogger yang baik, tentunya harus dapat memberikan kemudahan kepada para pengunjung untuk menelusuri isi blog kita.

Daftar Isi atau Sitemap akan memberikan kemudahan kepada pengunjung dan juga Serach Engine untuk menelusuri blog kita dengan mudah. Jika blog kita telah dipandang baik oleh Search Engine maka secara otomatis,blog kita akan mendapatkan banyak sekali pengunjung yang dihasilkan oleh Search Engine untuk blog kita.

Dan tidak menutup kemungkinan bahwa blog kita akan cepat mendapatkan page rank yang tinggi

Jangan Lupa Baca Postingan Tentang :

1. Cara Melaporkan Konten Copas ke Google

Baiklah, kali ini saya akan memberikan beberapa pilihan Daftar Isi yang keren-keren buat blogkalian. Silah kan di Pilih sesuai dengan pilihan dan singkronisasi antara Style Daftar isi berikut dengan Style blog kalian

Memasang Daftar Isi di Sidebar

Masuk Blogger >> Tata Letak >> Tambah Gadgets >> HTML/JavaScricpt >> Pastekan kode pilihan kalian dibawah

Memasang Daftar Isi di Dalam Laman

Masuk Blogger >> Laman >> Laman Baru >> Laman Kosong >> HTML >> Pastekan Kode Script pilihan kalian dibawah ini

Daftar Isi Accordion V1

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTT3Fo-Oa6MpsGbv7Xnm2nguxtt077OjLHIGrfcwclvqarofr_QSungwE4iWNlMKVcB76T2OVDGkQTm_BmxAnLFNjIJRUUQVIYkty0-Spa9m2187Y43TPF6tpxvF3MOGAoz-lQ1A_GFhI/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsY971l3Y6hy2aWczCkwgde-UBhXhAngOh-1su961IumrFjYBzie_xZEz2xn_caTGwdqAUX-Zw3wGQqlTYDdYWMuzl3G7AHvu3tFTIc2-w7CRz6OTaOnoQapH2vreyh3_m8Eb84Qrt3Y8/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2cGDLaNOgT4HQqE_FZKeAI6Xrv8uOh2FpeFFn8cPLGdmNwG0CTAG2Fsx7hAuuzzavrX81l8WH0wUm_UW7mvZUr1nR9EM7vGij0uGUoctSysw8oIjsMQytlqrqvV2r9D0kjqm7taWtlpA/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/sitemap.js" type="text/javascript"></script><script src="http://maslukmanblog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>

Daftar Isi Accordion V2

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://maslukmanblog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Daftar Isi Accordion V3

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link>

<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 10,
    baru       = "Baru Niee !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>

<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script>

<script src="http://maslukmanblog.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Wah gimana gan ? bagus-bagus kan ? silahkan pilih sesuai dengan tema blog kalian ..

mungkin hanya segitu saja yang dapat saya share buat kalian kali ini. Semoga tips diatas dapat membantu kalian untuk menemukan Daftar Isi sesuai dengan Blog kalian ya ...

Read More

Mau Pulsa Gratis....Hemm....

Cara Mendapatkan Pulsa Gratis di Internet Mudah 2014 - Awalnya Saya tidak begitu percaya bisa mendapatkan Pulsa melalui internet, terlebih di dapatkan secara Cuma-Cuma (Gratis), Mana ada sih hari gini ada yang menawarkan pulsa gratis :D? Namun tidak lama setelah itu keraguan Saya mengenai pulsa yang di dapatkan secara gratis pun hilang, semenjak Saya mengetahui ada salah satu Website yang Menawarkan Pulsa Gratis dan terbukti membayar (bukan SCAM).

Berbicara mengenai pulsa gratis memang sangat menarik sekali untuk di bahas, terlebih cara untuk mendapatkannya pun terbilang sangat mudah dan tentunya Gratis!. Banyak sekali website tool yang menawarkan semacam ini. Namun tentunya mempunyai perbedaan-perbedaan sesuai kelebihan dan kekurangan yang di tawarkan.

Excite.co.id adalah website jasa periklanan Indonesia yang akan memberikan pembayaran berupa pulsa gratis kepada para membernya dengan cara melakukan berbagai kegiatan yang mudah dan menyenangkan. Berbeda dengan Excite.co.id, website lain yang serupa juga menawarkan pulsa gratis dengan cara yang susah dan tidak mudah seperti melakukan download pada aplikasi tertentu kemudian kita baru bisa mendapatkan pulsa gratis tersebut.

Dengan Excite.co.id, kita tidak perlu melakukan kegiatan yang ribet dan sulit tersebut. Sobat hanya perlu melakukan kegiatan mudah seperti klik pada pemasang iklan, mendaftar, berlanja, dan salah satu yang saya sukai adalah melakukan survey. Baik melakukan survey berdasarkan biodata pribadi maupun survey pada barang atau produk yang tersedia. Lalu, dari manakah Excite.co.id mendapatkan bayaran? Tentunya melalui para pemasang jasa ataupun produk.

Sobat bisa mendapatkan beragam jumlah pulsa tergantung dari kegiatan yang sobat lakukan. Contohnya sobat hanya perlu melakukan pendaftaran pertama kemudian sobat akan mendapatkan point sebesar Rp.3000 dan melengkapi biodata pribadi akan mendapatkan point juga sebesar Rp.3000. Berikut cara mudah yang dapat sobat lakukan untuk mengumpulkan point pulsa.

1. Melakukan Survey = Rp.200;-
2. Melakukan Klik pada iklan = Rp.100 sampai dengan Rp.1000
3. Mendaftar pada salah satu iklan = Rp.1.500 sampai dengan Rp. 2.500
4. Belanja = sobat akan di berikan 2% dari harga barang yang sobat beli tersebut
5. Menyarankan teman untuk bergabung = Rp.1000;-

Jika sobat mempunyai website atau blog, sobat dapat melakukan cara tersebut dengan sangat mudah. Namun jika sobat tidak mempunyai website ataupun blog, sobat dapat berpromosi link melalui facebook, twitter, dan social bookmarking yang lainnya. Tentunya sobat sudah lebih pandai di banding Saya untuk mempromosikan Link Affiliasi sobat tersebut.

Lalu, bagaimana Cara Mendaftar di Excite.co.id? Itu adalah pertanyaan yang mudah untuk di jawab :D. Sobat hanya perlu mengikuti langkah-langkah mudah yang telah Saya jabarkan jelas di bawah ini. Lebih cepat daftar, lebih cepat mendapatkan pulsa gratis, dan buruan sebelum program ini di tutup untuk member baru!.

1. Pertama Klik link Excite.co.id (usahakan untuk mendaftarkan diri melalui link tersebut)
2. Setelah masuk di website resminya, sobat dapat mengisi data-data pribadi seperti Nama, Alamat, Email, Password, dan Lain-lain
3. Setelah mengisi semua data, sobat dapat langsung klik Daftar
4. Langsung cari point sebanyak-banyaknya untuk menjaring banyak pulsa pula.

Bagaimanakah, mudah  bukan?

Read More

Cara Mengganti Home dengan Gambar/Simbol Secara Mudah

Mengganti Home dengan Gambar

Cara Mengganti Home dengan Gambar/Simbol Secara Mudah - Memang mempunyai blog dengan tampilan yang wow ..menjadi dambaan semua orang. Sebuah blog yang mempunyai tampilan yang begitu menarik dapat memberikan nuansa yang berbeda dan tidak ditemukan di blog lain selain blog yang kita miliki.

Tampilan sebuah blog memang sangat perlu untuk diterapkan didalam sebuah blog. Namun tentunya kita harus memperhatikan kecepatan loading blog kita. Jangan sampai blog kita menjadi lemot dan lambat hanya dikarenakan dengan tampilan blog yang berlebihan.
Saat ini banyak sekali blogger yang membahas tentang Mempercepat Loading Blog. Silahkan dicari di google dengan cara googling :D .

Jangan Lupa Baca Postingan Tentang :

1. Cara Memasang Meta Tag Seo Friendly

Tampialan sebuah blog juga menggambarkan karakteristik seseorang yang telah membuat blog tersebut lho. Jadi kita dapat melihat karakteristik seseorang blogger dengan karya yang dituangkan melalui blog. Untuk itu, kali ini dan siang ini, saya akan sedikit share bagaimanacara mengubah home dengan gambar atau simbol.

Namun sebelum saya melanjutkan tips mengubah home dengan gambar, terlebih saya akan sedikit kasih info buat kalian. Buat gambar yang berukuran sama dengan pages atau menu kalian. Secara umum ukuran gambar tidak lebih dari 22x18. Jadi buat gambar yang berbentuk home atau rumah dengan kreasi yang kalian miliki melalui photoshop atau editing lainya.

Setelah selesai membuat, upload gambar tersebut di website kepercayaan kalian. Seperti Photobucket atau yang lain. Pasti semua sudah bisa upload gambar di website tersebut kan ? jadi saya tidak akan bahas bagaimana cara upload gambar disini.

Membuat gambar dengan kreasi sendiri juga berguna untuk kalian yang ingin menampilkan gambar yang sesuai dengan bentuk atau warna Theme / tema blog yang kalian miliki. Karena saya kali ini hanya dapat memberikan gambar yang terbatas jumlahnya dan belum tentu sesuai dengan selera kalian.

Baiklah, untuk itu saya akan mempersingkat waktu berhubung keterbatasan waktu "waktu bayar wanetnya" hehehe ..
Cara berikut sangat mudah diterapkan bagi kalian, baik yang sudah master maupun yang masih newbie seperti saya.

• Seperti biasa, kalian harus masuk ke Akun Blogger yang kalian miliki
• Lalu masuk ke Rancangan
• Lalu cari Edit HTML. Klik tombol tersebut
• Kemudian jika sudah, maka akan muncul windows atau jendela yang menampilkan script blog kalian
• Jangan lupa untuk mencentang Ceck Box Expand Widgets. Expand Widgets ini sendiriberfungsi untuk menampilkan semua kode atau script yang terdapat pada blog kalian
• Lalu, Cari kode berikut dengan menggunakan bantuan Find, dengan cara pencet tombolCTRL+F atu dengan menggunakan tombol F3 pada keyboard komputer kalian.
• Jika sudah Paste kode berikut tepat didalam kotak Find

<li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>HOME</a></li>

• Jika kalian tidak menemukan kode seperti diatas, cari kode yang mirip dengan kode diatas.
• Jika sudah ganti tulisan yang sudah saya cetak Tebal dan berwarna Orange dengan kode di bawah ini

 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLVjXbkO2Jv5dZDYBA7-aX_JD62fXTMANQ_xjIDjyOPQDJgScvKzTOCWlm0WH8KgWuDlYN_yQHkkGvuFSkRY3rRJ3w5CckH_K1GXLup2Q9HunMSeeF7sSJ7jCXKSovZN71f1gyvdiZIfG/s1600/home+1.png' style='padding:0px;'/>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYIEdteala5-t6USmjDXkS4PggQQRly0Pvsubeh0DzZCebGtATP46Zb1eHCoa6iZk451qH0QmkS_Q4Hkm2kZU2T_NpkGqDdpGkDOLsTBSWoFQLibfixiFAcZtt5XW3V47mtJU9xE3OzOf/s1600/home+2.png' style='padding:0px;'/>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6T6hLip7FZM6ODxbiSYl-QfdWWVkr_yULaAI7Iy30nLxf7wA3c8Vd424W35H2omiAXWoaDXnGFNaa-1Y3qawZD0zTNppZC0QI_6Jmgqh3UmnxE_FYSCrqrz2pQbCnzaW5n_8GnTxSLae8/s1600/home+3.png' style='padding:0px;'/>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjrD2ZYMz49tLR6GUQu0ph9RrVjQkUqcQKrTZ8Kpp3j0a3x4To0kBw59LaKoHE0CWOqZk1c-ItTEOoTw9FuSupCsmU8Ua73tMTl3cJohBoTwr9qxKC07fmKW1HFqF0FhvQxV35k0zvjLsf/s1600/home+4.png' style='padding:0px;'/>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2g3v0u5oSijqaOC_1aTC2t6ATNvwyURmh95XIJ3jpusE-N_KR9WHUCjr_Cydey5cdHygIG5sk2FiPeaUBAyAgB25y52n_nG1B6KUl5lA7gEQEj6SxFhdbrejTklRRBkH8jtl9qOUzPjb/s1600/home.png' style='padding:0px;'/>

• Ganti kode yang sudah saya beri warna Orange dengan alamat gambar yang sudah kalian upload tadi
• Jika kalian sudah mengganti kode <li class='current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>HOME</a></li> dengan kode diatas,  klikPratinjau untuk memastikan usaha kita berhasil. Jika sudah berhasil dan tidak ada yang eror, langsung klik tombol Save Template atau Simpan Template.

Bagaimana ..? mudah kan cara membuat nya. Jadi untuk itu saya akan pamit untuk pulang. hehehe

Semoga bertemu kembali dengan informasi yang mungkin menarik dan bermanfaat untuk kalian lalu temukan semua informasi yang menarik dan tentunya bermanfaat di blog ini dan belajar bersama BLognya Mas Lukman.

Terima kasih telah datang, jangan lupa memberi kan tombol + pada blog ini dengan memencet tombol Google+ dibawah untuk kalian yang mempunyai akun google. Demi untuk mendukung blog ini lebih maju.

Read More