Mengubah Tampilan Profile BBM Menjadi Lebih Menarik

Azhar Rivaldi    9/09/2017    BBM MOD    Comment   

Baca Juga

Profile BBM Android

Kali ini saya akan membuatkan sebuah tutorial yang masih berhubungan dengan BBM MOD. Yaa sebenernya bisa dibilang berbagi sih ya selain membuatkan😁 Saya membagikan ini karena banyak yang bertanya, bagaimana caranya agar tampilan profile BBM yang kita pakai lebih menarik untuk dilihat.

Nah, baru-baru ini BBM DELTA update ke versi yang terbaru saat ini dengan style profile yang keren dan beda dari yang lain. Lalu bagaimana caranya agar kita juga bisa meniru tampilan profile dari BBM DELTA?

Berikut saya jelaskan secara singkatnya :
1. Pertama kalian ambil/backup BBM kalian dengan aplikasi App Backup & Restore atau kalian bisa mengunduh BBM Base Mod Versi 3.3.7.94 sebagai bahannya
2. Untuk membongkar aplikasi BBM itu, saya menggunakan tools Portable APKTools M6.7
3. Jika semuanya sudah kalian lakukan, sekarang kalian buka Portable APKToolsnya

Portable APKTools

4. Setelah itu kalian pilih tab Decompile/Recompile. Kalian klik open dan cari dimana kalian menaruh aplikasi BBM-nya. Dan klik Decompile. Tunggu hingga proses Decompiling selesai.
5. Jika proses Decompile sudah selesai, kalian cari folder layout di BBM tersebut lalu kalian buka activity_view_profile.xml
6. Kalian ubah isinya menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<com.bbm.ui.EmoticonPanelViewLayout android:orientation="vertical" android:id="@id/view_profile_emoticon_input_panel_layout" android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">
    <ScrollView android:id="@id/view_profile_root" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
            <FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content">
                <ImageView android:layout_width="fill_parent" android:layout_height="250.0dip" android:src="@drawable/cover" android:scaleType="centerCrop" android:adjustViewBounds="true" />
                <LinearLayout android:orientation="vertical" android:paddingLeft="10.0dip" android:paddingRight="10.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="150.0dip">
                    <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent">
                        <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content">
                            <android.support.v7.widget.CardView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="50.0dip" app:cardCornerRadius="3.0dip" app:cardUseCompatPadding="true">
                                <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/profile_description_edit_button" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="50.0dip">
                                        <com.bbm.ui.InlineImageTextView android:id="@id/profile_name_normal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="146.0dip" android:singleLine="true" style="@style/ProfileNameTextStyle" />
                                        <ImageView android:id="@id/profile_display_name_edit_icon" android:background="@android:color/transparent" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@color/transparent" />
                                    </LinearLayout>
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_edit_status" />
                                        <com.bbm.ui.InlineImageTextView android:id="@id/profile_status_normal" android:clickable="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:textIsSelectable="true" />
                                        <ImageButton android:id="@id/profile_status_message_clear_button" android:background="@android:color/transparent" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_delete" />
                                    </LinearLayout>
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <com.bbm.ui.PersonalStatusBar android:id="@id/whatsonyourmind_layout" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_weight="1.0" />
                                    </LinearLayout>
                                </LinearLayout>
                            </android.support.v7.widget.CardView>
                            <android.support.v7.widget.CardView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="5.0dip" app:cardCornerRadius="3.0dip" app:cardUseCompatPadding="true">
                                <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                    <LinearLayout android:background="?colorPrimary" android:orientation="vertical" android:visibility="visible" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="35.0dip" android:layout_marginLeft="12.0dip" android:layout_marginRight="12.0dip" android:baselineAligned="false">
                                            <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginRight="4.0dip" android:layout_weight="1.0">
                                                <TextView android:textSize="16.0sp" android:textStyle="bold" android:textColor="@android:color/white" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="INFO" android:textAllCaps="true" />
                                            </LinearLayout>
                                        </LinearLayout>
                                    </LinearLayout>
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_status" />
                                        <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:layout_weight="1.0">
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textStyle="bold" android:textColor="@color/profile_header_field_value_color" android:id="@id/status_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/main_status_available" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_desc_color" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_own_status_label" />
                                        </LinearLayout>
                                        <ImageButton android:id="@id/edit_status_button" android:background="@android:color/transparent" android:padding="@dimen/profile_location_container_padding_between_buttons" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_edit_status" />
                                    </LinearLayout>
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_pin" />
                                        <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:layout_weight="1.0">
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textStyle="bold" android:textColor="@color/profile_header_field_value_color" android:id="@id/pin_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_bbm_pin_label" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_desc_color" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_bbm_pin_label" />
                                        </LinearLayout>
                                        <ImageButton android:id="@id/copy_pin_button" android:background="@android:color/transparent" android:padding="@dimen/profile_location_container_padding_between_buttons" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_copy" />
                                        <ImageButton android:id="@id/share_pin_button" android:background="@android:color/transparent" android:padding="@dimen/profile_location_container_padding_between_buttons" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_share_pin" />
                                    </LinearLayout>
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/location_container" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_channels_notifications_selected" />
                                        <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:layout_weight="1.0">
                                            <com.bbm.ui.InlineImageTextView android:textSize="@dimen/fontSizeMedium" android:textStyle="bold" android:textColor="@color/profile_header_field_value_color" android:id="@id/location_timezone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_location_label" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_desc_color" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_location_label" />
                                        </LinearLayout>
                                    </LinearLayout>
                                    <com.bbm.ui.ProfilePinView android:id="@id/custom_pin_crtl" android:background="@color/transparent" android:padding="@dimen/profile_location_container_padding_right" android:layout_width="fill_parent" android:layout_height="wrap_content" />
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/viewallsubscriptions_area" android:padding="10.0dip" android:visibility="gone" android:clickable="true" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_star_banner" />
                                        <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:layout_weight="1.0">
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textStyle="bold" android:textColor="@color/profile_header_field_value_color" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_user_has_subscription" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_desc_color" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/profile_user_view_all_sub" />
                                        </LinearLayout>
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_arrow_right" />
                                    </LinearLayout>
                                </LinearLayout>
                            </android.support.v7.widget.CardView>
                            <android.support.v7.widget.CardView android:id="@id/cloud_directory" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="5.0dip" app:cardCornerRadius="3.0dip" app:cardUseCompatPadding="true">
                                <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                    <LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:padding="10.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6.0dip" android:src="@drawable/ic_locker_cloud_list" />
                                        <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="16.0dip" android:layout_weight="1.0">
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textStyle="bold" android:textColor="@color/profile_header_field_value_color" android:id="@id/cloud_directory_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/first_name" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_value_color" android:id="@id/cloud_directory_user_info" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
                                            <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_value_color" android:id="@id/cloud_directory_user_email" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
                                        </LinearLayout>
                                        <ImageButton android:id="@id/edit_cloud_directory_attributes" android:background="@android:color/transparent" android:padding="@dimen/profile_location_container_padding_between_buttons" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_edit_status" />
                                    </LinearLayout>
                                    <TextView android:textSize="@dimen/fontSizeMedium" android:textColor="@color/profile_header_field_desc_color" android:id="@id/cloud_directory_attributes_message" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" />
                                </LinearLayout>
                            </android.support.v7.widget.CardView>
                            <android.support.v7.widget.CardView android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="5.0dip" app:cardCornerRadius="3.0dip" app:cardUseCompatPadding="true">
                                <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                    <LinearLayout android:background="?colorPrimary" android:orientation="vertical" android:visibility="visible" android:layout_width="fill_parent" android:layout_height="wrap_content">
                                        <LinearLayout android:gravity="center" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="35.0dip" android:layout_marginLeft="12.0dip" android:layout_marginRight="12.0dip" android:baselineAligned="false">
                                            <LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginRight="4.0dip" android:layout_weight="1.0">
                                                <TextView android:textSize="16.0sp" android:textStyle="bold" android:textColor="@android:color/white" android:id="@id/profile_feeds_header_text_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/updates" android:textAllCaps="true" />
                                            </LinearLayout>
                                        </LinearLayout>
                                    </LinearLayout>
                                    <TextView android:textSize="@dimen/fontSizeSmall" android:gravity="center" android:id="@id/empty_feedlist_textView" android:background="@color/transparent" android:padding="@dimen/new_feed_items_button_margin" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/no_feeds" />
                                    <com.bbm.ui.CustomListView android:id="@id/feeds_list" android:background="@color/transparent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:divider="@null" />
                                </LinearLayout>
                            </android.support.v7.widget.CardView>
                        </LinearLayout>
                        <RelativeLayout android:background="@color/white" android:padding="3.0dip" android:layout_width="100.0dip" android:layout_height="100.0dip" android:layout_marginLeft="40.0dip">
                            <com.bbm.ui.AvatarView android:id="@id/profile_avatar" android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/default_avatar" android:scaleType="centerCrop" app:avatarType="plain" app:show_decorator="true" />
                        </RelativeLayout>
                    </FrameLayout>
                </LinearLayout>
                <include android:id="@id/default_main_toolbar" android:layout_width="fill_parent" android:layout_height="wrap_content" layout="@layout/toolbar_main_without_shadow" />
            </FrameLayout>
        </LinearLayout>
    </ScrollView>
    <FrameLayout android:id="@id/feed_lower_pane" android:background="@color/quick_share_pane_color" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/input_panel_emoticon_picker_and_quick_share_pane_height" />
    <include android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" layout="@layout/bbm_coordinator_layout" />
</com.bbm.ui.EmoticonPanelViewLayout>

7. Sebaiknya kalian compare saja ya jangan dicopas, takutnya nanti malah Force Close BBM-nya😄
8. Jika dirasa sudah tidak ada yang terlupa, silahkan kalian Recompile BBM-nya dengan Portable APKTools. Tunggu hingga proses Recompiling selesai
9. Silahkan kalian instal BBM yang sudah di edit tadi ke smartphone Android kalian
10. Kira-kira tampilannya akan seperti ini :

Profile BBM Delta

Gimana? Keren kan? Lebih keren mana sama BBM OS sebelah? Menurut saya sih lebih keren ini😊

Perlu diingat, pada umumnya isi layout dari activity_view_profile.xml untuk BBM versi 3.3xxx sama. Jadi, kalian bisa replace langsung script diatas yang saya bagikan.

Demikian informasi yang saya bagikan untuk kalian. Gabung juga di Channel BBM Rivaldi 48. Ada banyak informasi penting lainnya yang tidak saya publikasikan website Rivaldi 48 ini. Join di Channelnya dengan kode PIN: C004C7E92. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada.

Terima Kasih...