Diberdayakan oleh Blogger.

Instalation Template New Faceblog

Diposting oleh Unknown Selasa, 26 Maret 2013

          Instalation Template New Faceblog

Oleh M_Gunawan_Sma3bbs_2013_news_entri

  • Extract file xml dari zip dan upload xml into your blogger,
  • Setalah anda mengupload xml pindah ke Element Halaman dan edit Faceblog Menu dan masukkan scrip berikut :

<li><h4><a href="Your Blog Link">faceblog</a></h4></li><li class="hasmore"><a href="Your Blog Link"><span>&nbsp;&nbsp;&nbsp;</span></a></li><li class="hasmoree"><a href="Your Comment Feed Link"><span>&nbsp;&nbsp;&nbsp;</span></a></li><li class="hasmoreee"><a href="Your Post Feed Link"><span>&nbsp;&nbsp;&nbsp;</span></a></li>

Cacatan :
Ubah teks yang berwarna hijau dan sesuaikan dengan link ke blog anda, link ke feed post dan link ke feed cooment anda.


  • Selanjutnya ubah sidebar widget About Me klik edit dan masukkan kode berikut ini :

<img style="width:170px; height:270px" alt="" src="Your Image Link.jpg"/><nm><a href="Your Profile Link Here" title="Link Title">Your Blog Name</a></nm><dsc>Your Information [Letakkan info kamu di sini]</dsc>

Cacatan :
Ubah teks yang berwarna hijau dan sesuaikan dengan url gambar anda, link ke profile anda dan tuliskan informasi tentang anda. untuk ukuran gambar 'tulisan yang berwarna kuning' (width maksimal 170 pixel dan height bisa anda sesuaikan)

  • Untuk setting menu kanan atas masuk ke Edit HTML dan cari kode
    <ul class='tabsr'> dan ganti dengan link yang anda inginkan


<ul class='tabsr'><li><h4><a href='Your Link Here'>Your Link Name</a></h4></li><li><h4><a href='Your Link Here'>Your Link Name</a></h4></li><li><h4><a href='Your Link Here'>Your Link Name</a></h4></li></ul> 

Cacatan :
Ubah teks yang berwarna hijau dan sesuaikan dengan link yang anda inginkan, untuk membuat lebih dari 3 anda bisa melanjutkan kode
<li><h4><a href='Your Link Here'>Your Link Name</a></h4></li>
diatas atau sebelum kode
</ul>

  • Untuk membuat post featured buka Element Halaman lalu edit Widget Post Featured dan isikan kode berikut:


<ul><li><img style="width:45px; height:45px" alt="" src="Image URL Here.jpg" /><h5><a href="Your Post Link" title="Title here">Titel Here</a></h5><div class="desc">Short Description for your post</div></li>..Copy dari <li> sampai </li> dan tempel disini...<li><img style="width:45px; height:45px" alt="" src="Image URL Here.jpg" /><h5><a href="Your Post Link" title="Title here">Titel Here</a></h5><div class="desc">Short Description for your post</div></li> </ul>

Catatan :
Ubahlah Tulisan yang berwarna hijau sesuai dengan Link ke postingan anda, judul postingan anda dan tuliskan sedikit isi dari postingan anda pada Short description for your post. Untuk width dan height ukurannya jangan di rubah. usahakan anda meletakkan 5 Featured post. [Anda juga bisa meletakkan foto teman blogger anda, nama dan description blog dari teman anda disana, sesuaikan dengan keinginan anda]

  • Untuk Image Gallery masuk ke Page Element dan click Image selanjutnya edit widget Image Gallery lihat gambar di bawah ini


<li><a href="#"><img src="Your URL Image 01.jpg" alt="" /><img src="Your URL Image 01.jpg" alt="description" class="preview" /></a></li>...Copy dari <li> sampai </li> dan tempel disini...<li><a href="#"><img src="Your URL Image n.jpg" alt="" /><img src="Your URL Image n.jpg" alt="description" class="preview" /></a></li>

Catatan :
Ubahlah Tulisan yang berwarna hijau sesuai dengan Url gambar yang anda inginkan.


  • Untuk Video Gallery masuk ke Page Element dan click Video selanjutnya edit widget Video Gallery lihat gambar di bawah ini






<object width="540" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6646604&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6646604&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="540" height="300"></embed></object><p><a href="http://vimeo.com/6646604">Backstreet Boys - Incomplete</a> from <a href="http://vimeo.com/toquelatino">Toque Latino</a> on <a href="http://vimeo.com">Vimeo</a>.</p>


Catatan :
Anda bisa menggunakan embed youtube atau yang lainnya. Sebagai contoh di atas saya menggunakan embed dari situs Vimeo. Harap edit width menjadi 540 dan height menjadi 300, agar sesuai dengan lebar dari blog page.


  • Mengganti foto yang ada di setiap postinggan masuk ke Edit Html dan cari NewFaceblogv2.0.png




Anda ganti tulisan yang berwarna hijau menjadi link gambar yang anda inginkan
background: url(http://3.bp.blogspot.com/_rAjClOdP4r4/S4MguBgxTDI/AAAAAAAABLk/ReYpb6XIPPU/s1600/NewFaceBlogv2.0.png) no-repeat;

Cacatan
Ubah terlebih dahulu ukuran gambar menjadi width:50px dan heigth:50 px.



Pastikan pengaturan widget anda seperti gambar di bawah ini :


Download XML File
or
Mirror
Terima kasih karena anda telah menggunakan template ini

Posting Komentar