<div style='background-color: none transparent;'></div>

Baca Selengkapnya

Followers

Total Pageviews

Powered By Blogger

Popular Posts

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

Cara Menampilkan Widget Linkwithin Tampil Hanya di Postingan

Thursday, December 20, 2012


Assalamu alaikum Wr. Wb.


Postingan kali ini akan membahas tentang widget linkwithin, bagi kamu yang tidak mau widget ini tampil dihalaman utama blog maka kamu perlu mengikuti langkah - langkah yang akan dibahas oleh frenshilgo..




Ok, langsung saja simak langkah - langkahnya di bawah ini.


1. Login ke blog kamu

2. Pilih rancangan kemudian edit html

3. Cari kode ini <b:if cond='data:blog.pageType == &quot;item&quot;'> biar mudah tekan ctrl+f

4. Jika sudah ketemu pastekan kode LinkWithin sobat tepat dibawah kode diatas.

5. Agar meminimalisir kesalahan silahkan kamu pratinjau dahulu, jika tidak ada yang error silahkan di save dan lihat hasilnya.


Catata : Jika kamu belum mempunyai kode LinkWithin maka kamu harus daftar dulu di situs resmi nya, silahkan ke situs ini jika mau membuat kode blog sobat http://www.linkwithin.com/learn


Sekian dan selamat Mencoba.


Semoga dapat bermanfaat salam " Frenshilgo "
Continue Reading | komentar

Cara Membuat Chat Box di Blogger

Wednesday, November 28, 2012

Cara membuat chat box di blog dengan aplikasi Cbox :
1. Silahkan kunjungi http://www.cbox.ws dilanjutkan klik ‘Sign Up’ Lihat contoh gambar di bawah ini :



2. Get Your own Cbox - Pada aplikasi sign up silahkan isi lengkap : 
  • Cbox name – Isi sesuai selera anda tanpa spasi
  • Email address – Isi dengan alamat email anda
  • Password – Buat password anda, Confirm password – Masukkan ulang password anda
  • Website - Isi dengan alamat web atau blog anda
  • Language - Pilih bahasa aplikasi pada menu drop down
  • Style - Anda bisa merubah tampilan aplikasi sesuai selera anda. 
  • Setelah selesai diisi klik ‘Create my Cbox!’ Lihat contoh gambar isian aplikasi di bawah ini :


3. Jika sukses ada ucapan dalam bahasa inggris yang artinya mungkin seperti ini :
“Cbox telah dibuat!
Cbox Anda tipstriks berhasil dibuat.
Anda sekarang dapat log in ke panel kontrol Cbox untuk mendapatkan kode AndaLog in di bagian atas halaman ini. Sebuah salinan rincian account Anda telah dikirim melalui email ke tipstriks@ gmail.com Periksa email Anda, jika Anda tidak dapat menemukannya, periksa folder spam Anda”.





4. Silahkan cek inbox email anda kemudian klik link yang ditunjukan Cbox admin yang akan menuju halaman Cbox dan silahkan login masukkan Cbox name dan password anda dan klik tanda panah di sampingnya. Lihat contoh gambar Cbox login di bawah ini :



Lihat contoh inbox email di bawah ini :


5. Setelah login pada control panel Cbox anda silahkan copy dan paste di blog anda kode html yang sudah disiapkan untuk anda. Selesai. Lihat gambar kode html di bawah ini :


Cara menempatkan aplikasi Cbox di blogspot silahkan login ke blogger ►Dasbor/Dashboard ► Rancangan/Lay Out ►Tambah Gadget/Add Gadget ►Pilih Gadget HTML ► Paste 


Dengan tips dan triks Cara membuat chat box di blog dengan aplikasi Cbox, semoga bisa membantu anda.
Semoga dapat bermanfaat salam " Frenshilgo "

Read more: http://tanyajawabsemua.blogspot.com/2012/04/cara-membuat-chat-box-di-blogger.html#ixzz2DWh6B9ra
Continue Reading | komentar

CARA MEMBUAT KOMENTAR FACEBOOK BERDAMPINGAN DENGAN KOMENTAR BLOGGER

Monday, November 26, 2012




Kali ini saya ingin berbagi mengenai cara membuat kotak komentar facebook dan bog yang bersampingan.

Berikut langkah-langkah membuat komentar facebook berdampingan dengan komentar blogger :

1. Login ke account blogger sobat
2. klik menu Template




3. lalu pilih Edit html



4. lalu sobat cari kode ]]></b:skin> (tekan ctrl+f agar lebih mudah)
5. copy kode dibawah ini dan letakan di atas kode ]]></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;}
6. kemudian sobat cari lagi kode </head>

7. copy kode dibawah ini dan letakan 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='
ID FB SOBAT DISINI' 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>

8. Teks yang bertuliskan ID FB SOBAT DISINI ganti dengan alamat atau url

profil facebook sobat.

misal : https://www.facebook.com/riefkhay.beats

9. yang terakhir cari kode <div class='comments' id='comments'> hasil

pencarian pasti ada 2 kode seperti ini, sobat copy kode di bawah ini dan

letakan dibawah kode <div class='comments' id='comments'> yang ke 2.


<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='2' width='
600'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10. Teks biru yang bertuliskan 600 adalah lebar kotak komentar yang akan

dibuat, bisa anda ganti dan sesuaikan.

11. kemudian Simpan template


Selamat mencoba dan semoga bermanfaat






Sumber : http://boytriks.blogspot.com
Continue Reading | komentar

Membuat Kotak Keterangan Penulis/Author Box di Bawah Posting


Di sini Saya telah menerapkan beberapa kode perwakilan yang umum terdapat di dalam sebuah widget posting seperti kode perwakilan judul, perwakilan link judul, perwakilan tanggal terbit dan nama penulis, sehingga kamu tidak perlu lagi menuliskan nama dan URL secara manual, karena kode-kode tersebut nantinya akan menyesuaikan diri berdasarkan data-data yang telah tersimpan menurut jenisnya. Yang perlu kamu lakukan hanya mengganti gambar dan ulasannya saja.Pertama-tama, masuklah ke halaman editor HTML templatemu kemudian cek Expand Template Widget agar seluruh elemen pembangun posting tampil.
Temukan kode ini:
<div class='post-footer'>


TIP: Tekan CTRL + F lalu ketik class='post-footer' untuk mempermudah pencarian.
Salin kode ini, kemudian letakkan tepat di atas kode tadi:

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
     <div class='admin-tulisan'>
          <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> Lokasi: Sumpiuh, Banyumas</h4>
          <div class='kontainer'>
               <img src='http://1.bp.blogspot.com/_yGa4b5VGx6w/Skrkk_0ByLI/AAAAAAAAAC8/gJy0GYR_M08/S220/toilet.jpeg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a>, diterbitkan oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan Anda. <data:post.author/> adalah seorang penulis mahadahsyat yang masih suka pipis di celana dan maunya nenen sama mama. Suka minta jajan yang aneh-aneh dan suka kentut di depan mikrofon.
               <div style='clear:both;'/>
          </div>
     </div>
</b:if>
<!-- Akhir Kotak Admin -->

Sekarang gulung formulirnya ke atas, dan segera temukan kode ]]></b:skin> atau </style>. Letakkan kode ini tepat di atasnya:

.admin-tulisan {
  display:block;
  width:98%;
  background:#CFE2E0;
  border:2px solid #fff;
  -webkit-box-shadow:0 1px 3px #000;
  -moz-box-shadow:0 1px 3px #000;
  box-shadow:0 1px 3px #000;
  padding:0;
  margin:30px auto 10px auto;
  font:normal 11px Arial, Sans-Serif;
  color:#222;
}

.admin-tulisan .kontainer {padding:5px;}

.admin-tulisan h4 {
  background:#8A9C04;
  border:none;
  border-bottom:1px solid #699019;
  color:#fff;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
  font:bold 11px Arial,Sans-Serif;
  padding:5px 10px;
  margin:0 0 0 0;
  display:block;
}

.admin-tulisan h4 a {color:#FEEA83;}

.admin-tulisan img {
  width:70px;
  height:70px;
  margin:0 10px 0 0;
  float:left;
  border:1px solid #954B02;
  padding:4px;
  background:#C36702;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
Ganti kode yang Saya beri warna merah dengan URL foto profilmu. Untuk mendapatkan URL foto profil caranya mudah. Cukup klik kanan pada foto profil di dasbormu, kemudian pilih copy image location:



URL foto profil
mengambil URL foto profil

Untuk selebihnya Saya yakin kamu bisa menyesuaikannya sendiri.

Klik Simpan Template.



sumber : http://hompimpaalaihumgambreng.blogspot.com
Continue Reading | komentar

Membuat Template Blogspot/Web sendiri dengan Artisteer

Sunday, November 25, 2012

Assalamu alaikum Wr. Wb.

Artisteer
merupakan software yang bisa sobat gunakan untuk membuat serta mendesain template blogger ataupun website yang sedang sobat bagun.
Template blogspot yang gratis memang banyak tersedia di internet tapi kadang masih kurang sesuai dengan apa yang kita harapkan.


Dengan software Artisteer kita bisa membuat template atau theme blogspot dengan mudah tanpa harus berurusan dengan kode-kode HTML karena semuanya dilakukan secara visual. Software ini memiliki licensi yang mesti dibeli untuk digunakan, tapi yang bajakan banyak beredar luas di dunia maya yang fana ini sobat. 


Kali ini saya mencoba untuk share Artisteer 4.0.0.58475 yang merupakan versi terbaru dari 
Artisteer.

Buat sobat yang hobi mendesain template silahkan langsung saja dicoba juga menggunakan software ini.




Semoga dapat bermanfaat salam " Frenshilgo "



Catatan :
Link dibawah ini akan mengantarkan sobat kesitus adl.ly. Jika situs tersebut sudah terbuka, silahkan tunggu 5 detik dan klik tombol SKIP AD yang berada di pojok kanan atas dari Browser sobat  untuk masuk ke Hosting download.

Download I Artisteer 4.0.0.58475
Continue Reading | komentar
 
Copyright © 2011. Frenshilgo . All Rights Reserved
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Template Modify by Creating Website. Inpire by Darkmatter Rockettheme Proudly powered by Blogger