Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Sunday, 22 December 2013

Cara Membuat Tombol Share di Blog

 
Ini adalah tips untuk menambah Tombol Share di blog, ini cukup berguna untuk memperbanyak pengunjung blog kita, dan juga sangat efisien buat para reader blog kita untuk berbagi ilmu buat teman2nya yang ada di facebook, twitter dan jejaringan sosial lainnya
caranya gampang aja,
  1. Login ke Blog 
  2. Dari Dasbor, cari Rancangan --> Edit HTML.
  3. Lalu centang kotak [ ].
  4. Cari Code <data:post.body/>. [Agar mempermudah pencarian, tekan CTRL + F atau F3 pada Keyboard]. Jika menemukan Code <data:post.body/> ada 2, [Pilih Yang
  5. Selanjutnya, Copy dan Paste-kan Code di bawah, tepat di BAWAH Code tadi.
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
    <!-- AddThis Button END -->
    6.Terakhir, tinggal di SAVE dan lihat hasilnya

    Semoga bermanfaat !

Monday, 29 July 2013

Cara Membuat Widget Artikel Berdasarkan Label 2013

Pada halaman Home blog kita adalah halaman yang paling utam, dimana para pembaca blog kita akan melihat apa saja yang ada dalam isi blog kita, nah terkadang halaman blog kita hanya berisi random post, atau postingan terbaru kita hingga ter lama, dengan jumlah yang kita berikan, namun kali ini kita akan belajar bagaimana membuat sebuah widget yang berungsi untuk mengkategorikan isi blog kita per kategori/label, jika anda sudah pernah membuat widget di tengah halaman, anda bisa menambahkan widget ini, namun jika widget bawaan template anda berada di sisi halaman maka anda harus meletakkan widget ini di samping halaman anda.
Ok langsung saja sob.

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.

<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://x-uniq.blogspot.com/feeds/posts/default/-/Namalabel?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

Keterangan:
x-uniq.blogspot.com : Ganti dengan URL blog Anda.
Namalabel : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.

sekarang sobat lihat apa yang telah bertambah diblog sobat, demikian dulu artikel ini buat sobat, semoga bermanfaat. 

Sunday, 28 July 2013

Bagaimana Membuat Fanspage Facebook dari sebuah Web/Blog

Bagaimana Membuat Fanspage Facebook dari sebuah Web/Blog??? Itu adalah pertanyaan yang bagus gan :D, Karna jujur ane sebenarnya orang awam dalam blog, dari dulu ane hanya mengeluarkan uneq-uneq ane yang tolol, sewot, dan prustasi Frustasi itu di blog, sehingga yang ada orang-oarang hanya datang dan ngoment yang sinis tanpa meninggalkan rasa simpatisan terhadap blog ane :(, sedih kan gan :/ , oke cukup ane yang ngerasain itu gan, klo boleh agan jangan ikuti jejak ane :D, Oke gan kali ini saya akan menjawab pertanyaan Para agan-agan yang masih newbie seperti saya, klo udah master silahkan Keluar dari page ini hehe Pizz :D
Gak usah lama lagi gan, langsung aja ya 

1.Pertama-tama Agan harus Login ke Facebook agan dulu Pake Id Fb yang biasa agan pake juga ga apa-apan, Udah punya Facebook kan? masak gak punya? Lah kan baru beberapa detik lalu agan Baru Update Status tuh :D alay lagi ..hehe pizz
2.Setelah agan Login ke Fb , Langsung aja ke Tempat Ini Gan Buat Aplikasi 

3.Agan pilih dah, yang mau dibuat FansPagenya, Mungkin Musik, Sport, Kesehatan dan lain-lain, Tapi kali Ane akan Buat Fanspage dari sebuah Blog, Seperti Judul diatas, Jika agan Sama misinya ama ane, Ikuti aja gan, >> Pilih "Merek atau Produk" 
4.Pilih Kategori " Situs Web" Nah dibawahnya Agan Kasih Nama FansPage yang agan akan buat, Contohnya X-uniq Fanspage
5.Setelah Itu Centang Saya setuju dengan Ketentuan Halaman Facebook Lalu Klik Mulai 
6.Maka Agan akan dibawa ke halamanPengaturan Fanspage yang agan ingin buat,


Disitu anda disuruh untuk mengisi 
sedikit Deskripsi blog agan,
" Kiat: Tambahkan deskripsi dan situs web untuk meningkatkan peringkat Halaman Anda dalam pencarian.
Petak bertanda bintang (*) wajib diisi."
Dan dibawahnya akan ada muncul pertanyaan "Apakah X-uniq Fanspage akan menjadi wakil resmi dan sah dari bisnis, produk, atau merek ini di Facebook?"
silahkan di centang ya, Tidak juga gak apa-apa
7.Setelah Agan Selesai mengisinya centang "ya" dan>> simpan Info .

8.Selanjutnya agan agan mengisi Foto Profil dan Lain-lain, Jika agan belum siap untuk mengisi foto-foto dan info2 lainnya ..tinggal di lewati saja semuanya...
Jika Anda Sudah Selesai membuat nya maka agan akan mendapat kan selamat datang :D
unuk masuk Ke Sebagai FacebookFansPagenya anda Tinggal arahkan Kursor ke Pojok Kanan atas lambang Setting jika kita ingin keluar dari facebook.. maka Fanspage akan ada di bawahnya lalu Klik.
untuk Melihat Kode Id FansPage kita, agan tinggal lihat aja Url nya Kurang lebih sperti ini :
https://www.facebook.com/pages/X-Uniq-Fanspage/1414498693951253?ref=hl

Maka No ID fb Fanspage nya adalah "1414498693951253"

Maka sekian dulu tips cara membuat Fanspage Facebook dari sebuah Web/Blog, Kiranya Kita Bisa membantu Sobat semuanya, 




Mungkin artikel ini juga anda membutuhkannya :

Oke Jangan Lupa Meninggalkan Koment ya sob... :D 
Selamat Mencoba :))

Cara Membuat Replay Coment (threadcoment) Facebook di Blogspot

Setelah saya Memposting bagaimana cara membuat kotak komentar Facebook di Blog, maka kali ini saya akan membagikan bagai mana cara membuat Thread coment atau yang biasa di sebut Replaycoment di Blog, Threadcoment adalah dimana kita dapat membalas dan mengikuti sebuah komentar di salah satu artikel yang sedang hot-hotnya di bicarakan, disitu orang-orang akan saling berkomentar balas-balasan hingga puas :D, dengan posisi Induk coment dan Subcoment(comentreplay) akan tertata dengan rapi di bawah postingan blog kita. nah Gak usah lama-lama lagi, langsung ke TKP aja gan,
1. Login ke Blogger.
2. Di halaman Dashboard, >> Pilih Template.
3. Kemudian pilih Edit HTML
4. Untuk jaga-jaga back up template dengan mendownloadnya.
5. Beri tanda centang pada Expand Template Widget
6. Cari semua kode berikut ini: <b:include data='post' name='comments'/>
7. Lalu ganti (hapus) dengan kode berikut:

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

8.Simpan Template jika sudah selesai. 
Silahkan lihat Salah satu Postingan anda, maka anda akan melihat seperti ini 
THREADCOMENT
BY: x-uniq.blogspot.com
Namun Jika sobat Tidak Berhasil Melakukannya ...coba Cara yang ini 

1.Masih DI edit HTML tadi, Sobat cari Kode dibawah ini,




<b:if cond='data:blog.pageType == &quot;static_page&quot;'><b:include data='post' name='comments'/></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><b:include data='post' name='comments'/></b:if>

Gantikan dengan Kode Dibawah ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>

11. Simpan Template jika sudah selesai.

Untuk kode CSS sendiri sudah otomatis ditambahkan oleh blogspot. Kita bisa merubahnya, untuk memudahkan menemukannya silahkan perhatikan di bagian bawah kode ini: <b:includable id='threaded_comment_css'>. Bagi yang CSS nya belum otomatis ditambahkan oleh blogspot, silahkan backup template kemudian upload lagi

Cara Membuat Kotak Komentar Facebook DI Blogger 2013

Cara untuk membuat blog kita rame dikunjungi oleh pengunjung alah dengan cara membuat Content-content yang sangat berguna, uniq, dan khas untuk di baca. nah disamping kita telah membuat postingan/artikel kita, walaupun itu uniq, keren dan Bagus untuk dibaca oleh smua orang, tapi terkadang artikel kita tidak banyak di komentari oleh orang-orang yang sudah berkunjung ke blog/web kita, di suatu waktu kadang kita berfikir, apkah posting/artikel kita masih kurang cukup menarik sehigga di abaikan oleh para pengunjung/pembaca yang budiman? oh ...jangan berburuk sangka dulu sob, Sebenarnya orang-orang yang sudah membaca postingan kita adalah orang-orang yang bukan blogger, sehingga mereka tidak punya akun blogger sperti g+,Livejournal,wordpres dll, itu adalah media default dari template blog yang digunakan untuk berkomentar di sebuah web/blog, Sehingga mereka tidak bisa meninggalkan Komentar secara mudah dan gampang, nah gunanya kotak komentar facebook ini adalah ketika pembaca awam datang berkunjung dan ingin meninggalkan komentar masing-masing maka dengan otomatis akan di tawarkan komentar via Id fb pengunjung tanpa harus registrasi dulu, okedeh Kali ini saya akan membagikan bagaimana Cara Gampang Memasang Komentar Facebook di blog kita, terutama Blogger(blogspot)Tutorial ini buat para pengguna Blogger.




Carana ini gan :
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>



.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;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='https://www.facebook.com/pages/X-Uniq-Fanspage/141449869395434' 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>

"warna Ungu sobat ganti dengan alamat Fanspage sobat", Kalau sobat belum buat fanspage, Bisa Ngintip Disini 
Jika sudah berhasil membuatnya, Sobat Klick profil FansPage nya..dan copy alamat url nya seperti yang saya beri contoh diatas.

8. Kemudian cari kode <div class='comments' id='comments'>
9. Jika sobat  menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='10' width='620'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10.code ungu  '620'sobat ganti sesuai dengan lebar halaman posting sobat..gak sama dengan lebar postingan juga tidak apa-apa,itu hanya lebar yang saya berikan di blog ini.Yang '10' adalah Jumlah 10 jumlah komentar yang akan di Perlihatkan secara update.
11.Save Template, Maka sobat akan Berhasil. Selamat mencoba sob!

Untuk menambah Replay coment(treadcoment) anda bisa Lihat Artikel ini
*membuat Treadcoment di Box Komentar

Cara Membuat Kotak pencarian di Blog

Untuk mempercepat pengunjung blog menemukan kata/kalimat yang ada dalam artikel, maka kotak pencarian sangat lah di perlukan, maka kali ini saya akan memberikan tips bagaimana cara membuat kotak pencarian diblog nya, tutorial ini hanya untuk pencarian artikel yang ada dalam blog kita saja, bukan dari mesin google atau pun mesin pencari lainnya, Ok langsung saja gan...


  1. Login ke blogger/Dashboard terus klik Tataletak, Disitu tambah gadget paling kanan, jika anda pilih di navigasi kanan, maka kotak pencariannya nanti akan berada disamping kanan Halaman anda, terserah anda mau meletakknya dimana,
  2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.Anda Kasih Judul terserah , Seperti "Cari" atau "search"


<form action="http://x-uniq.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


3.   Ganti yang berwarna ungu dengan nama blog kamu. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya
4.   Setelah Anda selesai MengPaste kan Script diatas, Tinggal Save Aja, Selamat, Kotak Pencarian Anda Sudah Jadi!
Ok, Jangan Lupa Kasih Saran Gan !

Saturday, 27 July 2013

Cara mebuat Sitemap/Daftar Isi Blog Mudah di jelajah google robot

Untuk Meningkatkan Pengunjung sebuah web/Blog ada banyak cara yang harus kita lakukan, dan salah satunya adalah Membuat Sitemap/Daftar seluruh postingan kita, untuk mempermudah Pencarian google terhadap Semua jumlah Blog kita, Nah kali ini saya akan berikan sditkit Tips bagaimana cara membuat daftar isi sebuah blog.

1.Loggin ke Blogger
2.Dasbord>>Entri baru (seperti membuat postingan baru )
3.Pilih menu HTML (di sebelah menu Compose)
4.Copy paste kode di bawah dan beri judul daftar isi / terserah anda...



<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://x-uniq.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

5. Ganti warna ungu dengan alamat blog masing-masing.
6. Publikasikan


nah, anda sudah berhasil membuat daftar isi blog anda,Semoga bermanfaat!

Cara Membuat Gambar Berputar Pada Postingan Blog


Hallo Sob, Kali Ini saya akan Memberikan Tips bagaimana cara membuat Gambar Berputar Pada Postingan Blog Kita. Langsung saja Sob Ikutin Langkah Berikut Ini
  • Masuk akun blog sobat.
  • Pilih Template, pilih Edit HTML
  • Cari kode seperti ini "  ]]></b:skin> " Biar cepat CTRL + F/F3 kalau sudah ketemu, kemudian Paste-kan script berikut, tepat di atas kode  ]]></b:skin>

<!-- Efek gambar berputarArdanaKaiser -->.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}.post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9) rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}}<!--Efek gambar berputarArdanaKaiser--> 


  •  Save/Simpan Template. Lalu Lihat salah Satu Postingan Sobat yang ada Gambarnya.
Sekian dulu Artikelnya..Selamat Mencoba!

Thursday, 18 July 2013

Cara Menghapus Blog baru 2013

Mungkin sobat sudah pernah terlanjur membuat sebuah blog, namun anda anda belum sempat mengelolahnya, atau mungkin juga isi konten yang sobat buat tidak begitu berguna, sehingga sobat ingin sekali menghapus blog tersebut dari akun Google sobat, nah kali ini saya akan membahas bagai mana cara menghapus blog baru 2013 , buat sebahagian orang mungkin sudah tau caranya , namun saya membagikan ini buat para sobat yang sedang kebingungan, semoga artikel ini bisa membantu sobat semuanya.

1.langkah awal adalah, sobat masuk ke blogger
2.Pilih blog yang anda ingin hapus, dan masuk ke dasbord

3.Sobat Pergi ke stelan
4.Sobat pilih kebawah, yaitu  Lainnya
5.Lalu Sobat Pilih hapus Blog

6.Jika sobat ingin menyimpan salinan backup blog sobat, sobat tinggal kilk aja unduh blog,
   tapi jika sobat langsung ingin menghapusnya, langsung klik hapus blog ini,  sob.

Demikian dulu artikel cara menghapus blog baru 2013 bisa saya sharing buat sobat blogger. kiranya bisa membantu,Thanks for visit.

Sunday, 14 July 2013

Cara Membuat Tombol Up Dan Down di blog

Bagai mana cara membuat tombol up dan Down pada sebuah blog? ini adalah cara yang paling gampang untuk sobat gunakan pada blog sobat, fungsinya apa sih? fungsinya sangat berguna sob, ketika kita membuat postingan /artikel yang sangat panjang/lengkap hingga membuat halaman artikel sobat memanjang hingga kebawah, nah ketika pembaca blog sobat selesai membaca artikel sobat hingga ke titik akhir :D, dan ingin kembali ke halaman atas/header posting, tombol up-down akan sedikit membantu pembaca blog sobat.
ok, ini dia tips nya:
1. Login ke blog>>Dasbor >>Template>>Edit HTML>>Lanjutkan.
Seletah itu cari kode</body> sobat bisa pake pencarian dengan tekan tombol Ctrl+f  pada editor html dan ketikkan kode </body>
2.Setelah kode diatas ditemukan. Copy paste kode dibawah ini tepat diatas kode </body>

<!-- Back To Top-Back To Down -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:15px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-icthoncopy.png'/></a>
<a href='#gotodown' style='display:scroll;position:fixed;top:5px;right:15px;' title='Back to Down'><img onclick='MGJS.goDown();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQGXaM30lWY87oVXt5afbV5R0YZqcXYYGKTb6Ww4tu9TfUoDhzXqEw4T0jwLh4dgPBci3OXISVcGbl1_CadwEZUF1mYdoXmoCRvbFkXdJrYFlqzrdDCbirCusIT1h5u1m94EWNCzGs-pQ/s1600/navigate-down-icthoncopy.png'/></a>
<a name='gotodown'/>


Nah Ini Cara yang Kedua dengan tampilan yang berbeda,


  • Masuk Ke Blogger
  • Lalu Klik Template > Edit HTML > CTRL + F  "]]></b:skin>" ( tanpa tanda kutip ) 
  • Copy Code jQuery dibawah tepat Diatas code : ]]></b:skin> 
sobat Copy-Pastekan code Di bawah ini:

/* Tombol Atas dan Bawah Dengan jQuery
----------------------------------------------- */
.tombol_atas{
padding:7px; /* Distance between the border and the icon */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgV7BuwKPDLj3XPwHUpxGDMnKHGepLhJ1Q9INZyqubp3nCTcEA-e7dBRmusqvcZ2T0J-cd6_hRlcRy3A6oDg4ZMc-JIH-_LI2U9YKolsX2WwUtfYtn0CdNGSMNyZOr51EQD7D-x9XdPMM/s16/arrow_up.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Button's width */
height:20px; /* Button's height */
bottom:280px; /* Distance from the bottom */
right:5px; /* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.tombol_bawah{
padding:7px; /* Distance between the border and the icon */
background-color:white;
border:1px solid #CCC; /* Border Color */
position:fixed;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ533rgeX7UPJ2keGpoanBWECcIM-0GMDRgxqrC1T9YeNBbY9rFoOUtWK76eX-d9VafcOE1JiuNF9B5WUdmryF94deFVC6mr4ZBRb9C8v_xuKYiwMDB_U_Vy9jukqSdmxGdSAVrI_S8oE/s16/arrow_down.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Button's width */
height:20px; /* Button's height */
bottom:242px; /* Distance from the bottom */
right:5px; /* Change right to left if you want the buttons on the left */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

  • Setelah itu Cari lagi kode "</body>" ( tanpa Tanda Kutip )
  • Masukan kode dibawah tepat Diatas kode "</body>" ( tanpa Tanda Kutip )

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<div class='tombol_atas' id='tombol_atas' style='display:none;'/>
<div class='tombol_bawah' id='tombol_bawah' style='display:none;'/>
<script>
//<![CDATA[
(function(){var special=jQuery.event.special,uid1='D'+(+new Date()),uid2='D'+(+new Date()+1);special.scrollstart={setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}else{evt.type='scrollstart';jQuery.event.handle.apply(_self,_args)}timer=setTimeout(function(){timer=null},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid1,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid1))}};special.scrollstop={latency:300,setup:function(){var timer,handler=function(evt){var _self=this,_args=arguments;if(timer){clearTimeout(timer)}timer=setTimeout(function(){timer=null;evt.type='scrollstop';jQuery.event.handle.apply(_self,_args)},special.scrollstop.latency)};jQuery(this).bind('scroll',handler).data(uid2,handler)},teardown:function(){jQuery(this).unbind('scroll',jQuery(this).data(uid2))}}})();

$(function() {
var $elem = $('body');
$('#tombol_atas').fadeIn('slow');
$('#tombol_bawah').fadeIn('slow'); 
$(window).bind('scrollstart', function(){
$('#tombol_atas,#tombol_bawah').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#tombol_atas,#tombol_bawah').stop().animate({'opacity':'1'});
});
$('#tombol_bawah').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
} );
$('#tombol_atas').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
} );});
//]]>
</script>

Setelah itu Simpan Template, lalu silahkan sobat lihat blog sobat,
Baiklah, segitu dulu saya bagi Cara Membuat Tombol Up Dan Down di blog ,Semoga bermanfaat!


Wednesday, 10 July 2013

Cara mudah mendaftar dan Submit Blog ke Google Webmaster Tools

Halo sob,,,selamat datang di blog saya :D
kali ini saya kan membahas tentang bagai mana cara mudah mendaftar dan submit blog kita ke google webmaster tools, ok langsung saja ya 
  1. Silah kan sobat Masuk ke Google Webmaster Tools di https://google.com/webmasters/tools/, masukkan id account email sobat, udah punya kan ? tentu sudah punya email donk, apalagi udah buat blog di blogger :D
  2. Pada halaman Google Webmaster Tools, klik tombol “Add Site” pada sisi pojok kanan berwarna merah,masukkan url blog sobat (ex: http://blogsobat.blogspot.com). Klik “Continue” untuk menyetujuinya
  3.  Lakukan verifikasi Google Webmaster Tools, klik tombol “Manage Site” > “Add remove users” >
        “Manage site owner” > “Verify using a different method” > centang “HTML tag”, copy kode padkolom tersebut ke dalam html Web/Blog Anda
    site map









4. Lakukan verifikasi Google Webmaster Tools, klik tombol “Manage Site” > “Add remove users” >“Manage site owner” > “Verify using a different method” > centang “HTML tag”, copy kode pada kolom tersebut ke dalam html Web/Blog sobat .


5.silahkan sobat buka new tab pada browser anda dan Buka blogger.com, Pilih Template > Edit HTML
6. Kemudian  cari kode <head> Sobat bisa lakukan pencarian dengan Ctrl+f didalam editor 

    paste kode meta tag Tepat di bawah <head> tersebut

 
7. Klik "Save template"
8. Kembali ke Google Webmaster Tools tadi, lakukan klik tombol "Verify"
9. Jika Anda menerapkan langkah-langkah seperti di atas dengan benar, maka akan muncul ,keterangan"Succes"
10. Selesai! Blog Anda telah terdaftar pada Google Webmaster Tools.


baik lah sob , sekian tutorial dari saya untuk Cara mudah mendaftarkan dan submit blog ke google webmaster tools, semoga ber manfaat buat sobat, kalo ada salah dan kekurangan mohon di maafkan :D, Have a nice day!

Tuesday, 9 July 2013

Cara Membuat Berita Terkait dibawah setiap posting bergambar di Blogger

Salam sob,, kali ini saya akan berbagi tentang bagaimana cara membuat berita terkait atau related post dibawah setiap posting kita di blogger/blogspot. mungkin artikel sudah banyak di bahas di blog temen yg lainnya, sebenarnya caranya hampir sama kok cuman bentuk dan style nya mungkin seditkit yang berbeda, untuk yang saya bahas kali ini seperti dibawah ini :

Nah Bagaimana caranya? gampang saja kok Sob :D
  • Pertama sobat Loggin dulu ke blog sobat
  • Sebelum Sobat masuk untuk langkah pengeditan html, alangkah baiknya sobat untuk membackup Script template sobat, biar jika nantinya ada eror atau jaringan putus dan sobat pas lagi ngesave templatenya, itu akan jadi masalah besar sob :)). caranya gampang kok .Dasbord>> Template >> Cadangkan/Pulihkan (di kanan paling atas, dibawah porfil sobat) >> Unduh template Lengkap(sobat sudah selesai backup)
  • Dasbord >>Template >>Edit Html
  • Sobat silah kan cari code <head/> sobat juga bisa pakai cara search dengan tekan Ctrl + F (klick dulu di dalam script html nya) Lalu masukkan <head/> lalu enter
  • setelah sobat sudah menemukannya maka langkah selanjut nya adalah Copy dan pastekan code dibawah ini Tepat di atas <head/>       
<!--Related Posts blogsobat.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts blogsobat.blogspot.com Styles End-->

untuk yang berwarna ungu, sobat bisa gantikan dengan url blog sobat.
  • Kemudia Sobat cari lagi code  <data:post.body/> Sobat juga bisa pake denan pencarian Ctrl+ F, jika sobat sudah menemukannya, mungkin yg pertama di tampilkan adalah yang pertama, coba sobat scroll ke bawah lagi, karna itu bisa saja lebih dari satu atau dua, saya sarankan sobat cari yang kedua saja itu agak kebawah lagi , nah jika sobat sudah dapatkan yang kedua, sebaiknya sobat Paste kan Kode dibawah ini pas di Bawah <data:post.body/> tadi :
<!--Related Posts blogsobat.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://blogsobat.blogspot.com/' style='display:none;'></a>
</b:if>
</b:if>
<!--Related Posts blogsobat.blogspot.com Styles End-->

Penjelasan : -code warna Ungu sobat gantikan dengan alamat url blog sobat
                        -code yang warna Hijau sobat gantikan dengan kata seperti : "Berita terkait: " atau "Baca juga :"
                        -code warna biru sobat ganti dengan jumlah posting terkait sobat yang ingin sobat buat, terserah sobat .

Oke , sampai disitu juga saya berbagi artikel tentang  cara membuat related post/berita terkait dengan gambar. Semoga artikel ini bisa membantu sobat, Salam Sukses !