Selasa, 02 Desember 2014
MEMBUAT BLOGROLL UNTUK DAFTAR LINK
18.41
No comments
Bagi para blog mungkin yang namanya blogroll itu adalah tampilan yang simpel, blogroll biasa nya banyak digunakan untuk meletakkan daftar link yang akan anda pasang , berisi postingan bahkan untuk memasang benner, tapi bagi semua yang belum tahu contohnya adalah seperti gambar dibawah ini.
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
-Pengendali Blog
Kenapa mesti ada Blogroll? Untuk saya pribadi :
1. Memudahkan saya melihat atau mengikuti update postingan sahabat tanpa harus repot login ke akun blogger.
2. Dengan Blogroll kita akan dibawa langsung ke link tujuan tanpa masuk ke beranda dan meng-klik readmore.
3. Kita lebih mudah berkunjung ke blog teman ataupun blog favorite kita.
4. Dari daftar blogroll yang kita miliki, kita dengan mudah berpindah dari blog satu ke blog lainnya. Tinggal pencet link yang ada.
5. Jika sobat mau menambahkan fungsi Blogroll ini silahkan di form komentar,hehehe.
<div style="border: 4px solid rgb(100, 100, 100); height: 100px; overflow: auto; text-align: left; width: 300px;">
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a><br />
-<a href="http://pengendali-blog.blogspot.com/" target="_blank">Pengendali Blog</a></div>
Keterangan:
>>Untuk tulisan yang saya tandai dengan warna merah itu adalah tinggi dari blogroll.
>>Untuk tulisan yang saya tandai dengan warna hijau itu adalah lebar dari blogroll.
>>Untuk tulisan yang saya tandai dengan warna biru itu adalah daftar link, ganti dengan link sahabat anda.
>>Dan untuk Tulisan yang saya tandai dengan warna orange itu adalah anchor text, ganti dengan judul blog sahabat anda.
Scrip Lain:
<div id="demo1" style="width:283px; height:150px; padding:8px; background:lightyellow; border:1px solid gray; resize:both; overflow:scroll">
<div style="background:#020D8A;"><font color="#FFFFFF"><b>TUTORIAL BLOG</b></font></div>
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/multi-level-drop-down-dengan.html">1.MultiLevel Drop Down dengan jQuery</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-menu-dtree-di-blogger.html">2.Menu dTreedi Blogger</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/menu-horizontal-animasi-di-blog.html">3.Menu Horizontal Animasi di Blog</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/effect-jquery-link-nudging-di.html">4.Effect JQuery Link Nudging</a><br />
<div style="background:#020D8A;"><font color="#FFFFFF"><b>TUTORIAL LAIN</b></font></div>
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/info-panel-slide-vertikal.html">5.Info Panel Slide Vertikal dengan jQuery</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-chatbox-slide-vertikal-dengan.html">6.Chatbox Slide Vertikal Dengan jQuery di Blog</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/daftar-isi-dengan-jquery.html">7.DaftarIsiDenganjQuery Accordion</a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/slider-gambar-ala-drakon.html">8.Slider Gambar ala Drakon Template</a><br />
10.Translate Gambar Bendera di Blog<br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/menu-navigasi-horisontal-dan.html">11.NavigasiHorisontaldanKotak Pencari </a><br />
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-artikel-berlangganan-di-blog.html">12.ArtikelBerlangganan</a><br />
</div>
Itu saja cara cara yang saya berikan semoga bermanfaat dan dapat membantu kesulitan yang anda hadapi sekarang
sumber: http://pengendali-blog.blogspot.com
Kamis, 27 November 2014
Membuat Efek Zoom Berputar Pada Gambar di Blog
18.05
No comments
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>
4) Untuk menerapkannya pada postingan blog contohnya adala kode di bawah ini, dalam mode HTML postingan.
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.
Memodifikasi Tampilan Kotak Komentar Blog
18.04
No comments
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.
Baca juga:
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>
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
9. Terakhir Save Template anda.
Ok sobat semoga berhasil dan jangan lupa lihat tutorial Blogger terbaru di blog ini dan semoga bermanfaat.
![]() |
Memodifikasi Tampilan Kotak Komentar Blog |
Baca juga:
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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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'> <div class='comment_inner comment_admin'> <b:else/> <div class='comment_inner'> </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='"#r_"+data:comment.anchorName' expr:id='"r"+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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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'/> </div> <div class='clear'/> <div class='comment_child'/> <div class='comment_reply_form' expr:id='"r_f_"+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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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 = {'maxThreadDepth':'0'}; </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="">','<code>', '</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.
Cara Membuat Emoticon di Komentar Blog
18.02
No comments
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.
Lihat juga:
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>.
6. Selanjutnya dengan mencari kode </body> dan letakkan kode dibawah ini diatasnya.
![]() |
Emotion di Komentar Blogger |
Lihat juga:
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 == "item"'>
<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.
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.
Cara Memasang Komentar Facebook di Blog
18.01
No comments
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.
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.
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'>
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:
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:
Jika bingung, hapus semua kode Facebook komen yang ada di blog kamu, lalu di ganti dengan kode yang sudah seocips berikan diatas.
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>
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.
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.

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'>5. Silahkan cari dan ubah kata "ID FACEBOOK KAMU" dengan id facebook kamu. Dan lihat hasilnya.
<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>
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">Copy dan Paste kode tadi di atas kode </head>
//<![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>
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 == "item"">
<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
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 == "item"'>
<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.
3 Tampilan Daftar Isi Dengan JQuery Accordion Keren
18.00
No comments
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 :
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
Memasang Daftar Isi di Dalam Laman
Masuk Blogger >> Laman >> Laman Baru >> Laman Kosong >> HTML >> Pastekan Kode Script pilihan kalian dibawah ini
<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>
<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>
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 :
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
Memasang Daftar Isi di Dalam Laman
Masuk Blogger >> Laman >> Laman Baru >> Laman Kosong >> HTML >> Pastekan Kode Script pilihan kalian dibawah ini
<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>
<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 ...
Mau Pulsa Gratis....Hemm....
17.59
No comments
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.
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!.
Bagaimanakah, mudah bukan?
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.
- Melakukan Survey = Rp.200;-
- Melakukan Klik pada iklan = Rp.100 sampai dengan Rp.1000
- Mendaftar pada salah satu iklan = Rp.1.500 sampai dengan Rp. 2.500
- Belanja = sobat akan di berikan 2% dari harga barang yang sobat beli tersebut
- 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!.
- Pertama Klik link Excite.co.id (usahakan untuk mendaftarkan diri melalui link tersebut)
- Setelah masuk di website resminya, sobat dapat mengisi data-data pribadi seperti Nama, Alamat, Email, Password, dan Lain-lain
- Setelah mengisi semua data, sobat dapat langsung klik Daftar
- Langsung cari point sebanyak-banyaknya untuk menjaring banyak pulsa pula.
Bagaimanakah, mudah bukan?
Cara Mengganti Home dengan Gambar/Simbol Secara Mudah
17.38
No comments
Cara Mengganti Home dengan Gambar/Simbol Secara Mudah
Mengganti Home dengan Gambar |
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 :
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.
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.
Langganan:
Postingan (Atom)